File manager - Edit - /home/carfac/public_html/aeromedia/index.html
Back
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>AeroMedia | Strategic Aviation Visuals</title> <meta name="description" content="AeroMedia. Strategic aviation visuals for VVIP aircraft, charter fleets, and aviation facilities. Luxury photography, video, and 3D. Discreet. Turnkey. Market-ready." /> <meta name="robots" content="index,follow" /> <meta name="theme-color" content="#0a0c10" /> <link rel="canonical" href="https://aeromedia.photo/" /> <meta property="og:site_name" content="AeroMedia" /> <meta property="og:title" content="AeroMedia | Strategic Aviation Visuals" /> <meta property="og:description" content="Luxury aviation photography, video, and 3D built for VVIP aircraft, charter fleets, and aviation facilities. Discreet. Turnkey. Market-ready." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://aeromedia.photo/" /> <!-- Optional: add an image when ready --> <!-- <meta property="og:image" content="https://aeromedia.photo/images/og.jpg" /> --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="AeroMedia | Strategic Aviation Visuals" /> <meta name="twitter:description" content="Luxury aviation photography, video, and 3D built for VVIP aircraft, charter fleets, and aviation facilities." /> <!-- Optional: add an image when ready --> <!-- <meta name="twitter:image" content="https://aeromedia.photo/images/og.jpg" /> --> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%230a0c10' d='M0 0h64v64H0z'/%3E%3Cpath fill='%2364b5f6' d='M12 38c10-7 20-11 40-12-7 4-14 7-22 10 6 1 10 3 14 6-10 1-20 0-32-4z'/%3E%3C/svg%3E" /> <style> :root{ --bg:#0a0c10; --bg2:#0d1117; --text:#e0e6ed; --muted:#a0a8b5; --accent:#64b5f6; --line:#1a1e26; --shadow: 0 30px 60px rgba(0,0,0,.8); } *{box-sizing:border-box} html,body{height:100%} body{ margin:0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:var(--text); background-color: var(--bg); line-height:1.6; overflow-x:hidden; } a{color:inherit; text-decoration:none; transition: color .2s ease;} a:hover{color:var(--accent);} /* Header */ .nav-bar{ position:sticky; top:0; z-index:50; padding:22px 50px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.06); background: rgba(10,12,16,0.65); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .brand-id img{ display:block; height:54px; width:auto; } .nav-links{ font-size:11px; letter-spacing:2px; text-transform:uppercase; white-space:nowrap; } .nav-links a{ margin-left:34px; color: var(--muted); } .nav-links a:hover{color: var(--accent);} /* Hero slider */ .hero-container{ position:relative; height:92vh; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; background:#000; } .hero-container:after{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(10,12,16,0.66), rgba(10,12,16,0.80)); z-index:2; } .hero-slider{ position:absolute; inset:0; z-index:1; } .hero-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform: scale(1.02); transition: opacity 1.2s ease, transform 6s ease; } .hero-slide.active{ opacity:1; transform: scale(1.06); } .hero-content{ position:relative; z-index:3; max-width:980px; padding:22px; } .hero-tagline{ font-size:12px; color:var(--accent); letter-spacing:3px; text-transform: uppercase; margin-bottom: 22px; } @keyframes tighten { from { letter-spacing:25px; } to { letter-spacing:18px; } } h1{ font-size:56px; font-weight:100; line-height:1.15; letter-spacing:22px; text-transform:uppercase; margin:0 0 16px; color:#fff; animation: tighten 20s ease forwards; } .hero-description{ font-size:18px; color:rgba(224,230,237,0.78); line-height: 1.85; max-width:780px; margin:0 auto; } .hero-cta{ margin-top:34px; display:flex; justify-content:center; gap:14px; flex-wrap:wrap; } .btn-outline{ display:inline-block; border:1px solid var(--accent); color:var(--accent); padding:16px 34px; text-transform:uppercase; letter-spacing:3px; font-size:12px; transition: all .25s ease; } .btn-outline:hover{ background-color:var(--accent); color:var(--bg); } .btn-ghost{ display:inline-block; border:1px solid rgba(255,255,255,0.18); color:rgba(224,230,237,0.88); padding:16px 34px; text-transform:uppercase; letter-spacing:3px; font-size:12px; transition: all .25s ease; } .btn-ghost:hover{ border-color: rgba(255,255,255,0.28); color:#fff; } /* Sections */ .section-grid{ padding:120px 10%; display:flex; flex-wrap:wrap; gap:80px; background-color: var(--bg2); align-items: center; } .section-text{flex:1.2; min-width:340px;} .section-image{flex:1; min-width:340px;} .section-image img{ width:100%; border-radius:2px; box-shadow: var(--shadow); } .kicker{ color:var(--accent); font-size:11px; letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:18px; } h2{ font-size:36px; font-weight:400; margin:0 0 12px; letter-spacing: 1px; color:#fff; } .lead{ color:var(--muted); margin:0; max-width:70ch; } .audit-list{ list-style:none; padding:0; margin:40px 0 0; } .audit-list li{ margin-bottom:28px; } .audit-list strong{ color:var(--accent); display:block; margin-bottom:8px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } /* Ops grid */ .ops-grid{ padding:100px 10%; background-color: var(--bg); display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:28px; } .ops-card{ padding:42px; border:1px solid rgba(255,255,255,0.07); background:rgba(255,255,255,.01); } .ops-card h4{ color:var(--accent); text-transform:uppercase; font-size:13px; letter-spacing:2px; margin:0 0 16px; } .ops-card p{ font-size:14px; color:var(--muted); margin:0; line-height:1.7; } /* Gallery */ .gallery-preview{ padding:120px 5%; background-color: var(--bg2); text-align:center; } .gallery-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:24px; margin-top:60px; } .gallery-grid img{ width:100%; filter:grayscale(25%); transition: all .35s ease; cursor: pointer; box-shadow: 0 22px 60px rgba(0,0,0,0.55); } .gallery-grid img:hover{ filter:grayscale(0%); transform: scale(1.02); } /* Testimonial */ .testimonial-block{ padding:96px 10%; background-color: var(--bg); text-align: center; } .testimonial{ max-width:860px; margin:0 auto; font-style: italic; color: rgba(224,230,237,0.88); font-size: 20px; line-height: 1.8; } /* CTA */ .cta-block{ padding:110px 10%; text-align:center; background-color: var(--bg2); border-top:1px solid rgba(255,255,255,0.06); } .cta-block p{ color:var(--muted); max-width: 640px; margin: 10px auto 0; } /* Footer */ footer{ padding:90px 10% 56px; background-color: var(--bg); text-align:center; } .footer-statement{ font-size:22px; font-weight:600; margin-bottom:40px; letter-spacing: 1px; color:#dfe6ee; } .attribution{ font-size:11px; color:#505865; border-top:1px solid rgba(255,255,255,0.06); padding-top:42px; line-height:2; max-width: 900px; margin: 0 auto; } .gallery-card{ display:block; text-align:left; color:inherit; } .gallery-image{ overflow:hidden; } .gallery-meta{ margin-top:18px; } .gallery-meta h3{ font-size:14px; letter-spacing:2px; text-transform:uppercase; color:#fff; margin:0 0 8px; } .gallery-meta p{ font-size:14px; color:var(--muted); margin:0; line-height:1.6; } /* Responsive */ @media (max-width: 768px){ .nav-bar{padding:18px 22px;} .nav-links{display:none;} h1{font-size:38px; letter-spacing:4px;} .section-grid{padding:64px 6%;} .ops-grid{padding:70px 6%;} .gallery-preview{padding:70px 6%;} .cta-block{padding:70px 6%;} footer{padding:70px 6% 44px;} } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "AeroMedia", "url": "https://aeromedia.photo/", "email": "images@aeromedia.photo", "sameAs": ["https://aviationaircraftphoto.com/"], "description": "Strategic aviation visuals. Luxury aviation photography, video, and 3D built for VVIP aircraft, charter fleets, and aviation facilities." } </script> </head> <body> <header class="nav-bar"> <div class="brand-id"> <a href="https://aeromedia.photo/" aria-label="AeroMedia Home"> <img src="images/AeroMedia-LIGHT_Icon.png" alt="AeroMedia" /> </a> </div> <nav class="nav-links"> <a href="#standard">The Standard</a> <a href="#ops">Operations</a> <a href="#sw">Selected Works</a> <a href="https://aeromedia.photo/contact.html">Inquiry</a> </nav> </header> <section class="hero-container" aria-label="AeroMedia hero"> <div class="hero-slider" aria-hidden="true"> <!-- Replace these placeholders with your final filenames --> <div class="hero-slide active" style="background-image:url('images/plane_exterior.jpg');"></div> <div class="hero-slide" style="background-image:url('images/Z62_4460-Edit.jpg');"></div> <div class="hero-slide" style="background-image:url('images/plane_interior.jpg');"></div> <div class="hero-slide" style="background-image:url('images/hangar.jpg');"></div> <div class="hero-slide" style="background-image:url('images/Z72_6109-Edit.jpg');"></div> <div class="hero-slide" style="background-image:url('images/N692L-105.jpg');"></div> <div class="hero-slide" style="background-image:url('images/NZ8_8082-Edit.jpg');"></div> </div> <div class="hero-content"> <div class="hero-tagline">Strategic Aviation Visuals</div> <h1>AEROMEDIA</h1> <p class="hero-description"> Luxury aviation photography, video, and 3D built for VVIP aircraft, charter fleets, and aviation facilities. Discreet execution. Turnkey logistics. Market-ready delivery. </p> <div class="hero-cta"> <a class="btn-outline" href="https://aeromedia.photo/contact.html">Request Availability</a> <a class="btn-ghost" href="#sw" rel="noopener">View Portfolio</a> </div> </div> </section> <section id="standard" class="section-grid"> <div class="section-text"> <span class="kicker">Craft and Fidelity</span> <h2>The AeroMedia Standard</h2> <p class="lead"> Luxury aviation imagery demands architectural discipline and refined finishing. We preserve proportion, color, and material truth so each frame reflects the aircraft at its real-world level. </p> <ul class="audit-list"> <li> <strong>Perspective Control</strong> Architecture-grade optics and precise camera placement keep lines true and proportions natural, especially in cabins and tight interiors. </li> <li> <strong>Color and Material Fidelity</strong> We neutralize mixed lighting to render woods, leathers, metals, and textiles with clean, consistent color and believable depth. </li> <li> <strong>Refined Lighting</strong> Controlled lighting and reflection management reveal finish quality without glare, hotspots, or distraction. </li> </ul> </div> <div class="section-image"> <img src="images/BBJ_Interior.jpg" alt="VVIP aircraft interior photography by AeroMedia" /> </div> </section> <section id="ops" class="ops-grid"> <div class="ops-card"> <h4>Airside Protocol</h4> <p>Ramp-safe workflows and professional on-site conduct in active hangars, secure facilities, and VVIP environments.</p> </div> <div class="ops-card"> <h4>Insured and Cleared</h4> <p>Aviation-appropriate liability coverage for airside production. We coordinate access and requirements with minimal friction.</p> </div> <div class="ops-card"> <h4>Turnkey Logistics</h4> <p>Self-contained production with streamlined travel, efficient on-site execution, and consistent deliverables across locations.</p> </div> </section> <section id="sw" class="gallery-preview" aria-label="Selected Works"> <span class="kicker">Core Specialties</span> <h2>Selected Works</h2> <div class="gallery-grid"> <a href="https://aviationaircraftphoto.com/portfolio/cabin-photography/" class="gallery-card" rel="noopener"> <div class="gallery-image"> <img src="images/LuxuryInterior.jpg" alt="Luxury aircraft interior photography" /> </div> <div class="gallery-meta"> <h3>Cabin Photography</h3> <p>VVIP and private jet interiors captured with architectural precision.</p> </div> </a> <a href="https://aviationaircraftphoto.com/portfolio/exterior-photography/" class="gallery-card" rel="noopener"> <div class="gallery-image"> <img src="images/ExteriorTwilight.jpg" alt="Private jet exterior twilight photography" /> </div> <div class="gallery-meta"> <h3>Exterior Photography</h3> <p>Hero imagery built for listings, launch campaigns, and brand presence.</p> </div> </a> <a href="https://aviationaircraftphoto.com/portfolio/aircraft-support/" class="gallery-card" rel="noopener"> <div class="gallery-image"> <img src="images/Hangar_Operational.jpg" alt="Aviation hangar and facility photography" /> </div> <div class="gallery-meta"> <h3>Aviation Facilities</h3> <p>Infrastructure, hangars, and operational environments documented with clarity.</p> </div> </a> </div> </section> <section class="testimonial-block" aria-label="Client quote"> <div class="testimonial"> “Seamless execution. Still, motion, and 3D delivered fast and ready for market.” </div> </section> <section class="cta-block" aria-label="Call to action"> <h2 style="font-weight:300;">Plan Your Next Shoot</h2> <p> Share the aircraft or facility, location, and timeline. We will respond with options, availability, and rates. </p> <p> </p></p> <a href="https://aeromedia.photo/contact.html" class="btn-outline">Request Availability</a> </section> <footer> <div class="footer-statement">Worldwide. Discreet. Turnkey.</div> <div class="attribution"> <h6 style="margin:0 0 10px; font-weight:400;"> Produced by <strong>AeroMedia</strong>, directed by <a href="https://aviationaircraftphoto.com/aircraft-photographer-dave-koch/" rel="noopener">Dave Koch</a>. For detailed portfolios and service pages, visit <a href="https://aviationaircraftphoto.com/" rel="noopener">aviationaircraftphoto.com</a>. </h6> <p style="margin:0;">© <span id="year"></span> AeroMedia. All rights reserved.</p> </div> </footer> <script> // Hero slider (simple, lightweight) (function(){ const slides = document.querySelectorAll('.hero-slide'); if (!slides || slides.length < 2) return; let i = 0; setInterval(() => { slides[i].classList.remove('active'); i = (i + 1) % slides.length; slides[i].classList.add('active'); }, 6500); })(); // Footer year document.getElementById("year").textContent = new Date().getFullYear(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.31 | Generation time: 0.26 |
proxy
|
phpinfo
|
Settings