File manager - Edit - /home/carfac/public_html/aeromedia/index_old.html
Back
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="AeroMedia Aviation Photography. Premium aircraft, private jet, and BBJ interior/exterior photography. New site coming soon." /> <meta name="robots" content="index,follow" /> <meta name="theme-color" content="#0a0f1a" /> <meta property="og:site_name" content="AeroMedia.Photo" /> <meta property="og:title" content="AeroMedia Aviation Photography | Coming Soon" /> <meta property="og:description" content="Premium aviation photography and visual production. New site coming soon. View our current work at AviationAircraftPhoto.com." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://aeromedia.photo/" /> <!-- Optional: add an image once you have one --> <!-- <meta property="og:image" content="https://aeromedia.photo/og.jpg" /> --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="AeroMedia Aviation Photography | Coming Soon" /> <meta name="twitter:description" content="Premium aviation photography and visual production. New site coming soon. View our current work at AviationAircraftPhoto.com." /> <!-- Optional: add an image once you have one --> <!-- <meta name="twitter:image" content="https://aeromedia.photo/og.jpg" /> --> <link rel="canonical" href="https://aeromedia.photo/" /> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%230a0f1a' d='M0 0h64v64H0z'/%3E%3Cpath fill='%23ffffff' 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" /> <title>AeroMedia Aviation Photography | Coming Soon</title> <style> :root{ --bg:#060a12; --bg2:#0a1222; --text:#eaf0ff; --muted:rgba(234,240,255,.72); --muted2:rgba(234,240,255,.55); --line:rgba(234,240,255,.12); --accent:#7cc7ff; --accent2:#b5f3ff; --card:rgba(255,255,255,.06); --shadow: 0 20px 60px rgba(0,0,0,.55); --radius:18px; } *{box-sizing:border-box} html,body{height:100%} body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--text); background: radial-gradient(1200px 700px at 20% 10%, rgba(124,199,255,.20), transparent 60%), radial-gradient(900px 600px at 80% 20%, rgba(181,243,255,.12), transparent 55%), radial-gradient(900px 600px at 50% 90%, rgba(124,199,255,.10), transparent 55%), linear-gradient(180deg, var(--bg), var(--bg2)); overflow-x:hidden; } a{color:inherit} .wrap{ min-height:100%; display:flex; flex-direction:column; } header{ padding:28px 20px 0; } .topbar{ max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; } .brand{ display:flex; align-items:center; gap:12px; text-decoration:none; } .mark{ width:38px; height:38px; border-radius:10px; background: linear-gradient(135deg, rgba(124,199,255,.9), rgba(181,243,255,.75)); box-shadow: 0 10px 30px rgba(124,199,255,.22); position:relative; overflow:hidden; } .mark:before{ content:""; position:absolute; inset:-30%; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 55%); transform:rotate(15deg); } .brandtext{ line-height:1.1; } .brandtext .name{ font-weight:700; letter-spacing:.2px; font-size:16px; } .brandtext .sub{ font-size:12px; color:var(--muted2); letter-spacing:.25px; margin-top:3px; } .pill{ display:inline-flex; align-items:center; gap:10px; border:1px solid var(--line); background: rgba(255,255,255,.03); border-radius:999px; padding:10px 14px; text-decoration:none; color:var(--muted); transition: transform .15s ease, background .15s ease, border-color .15s ease; white-space:nowrap; } .pill:hover{ transform: translateY(-1px); background: rgba(255,255,255,.06); border-color: rgba(234,240,255,.20); } .pill .dot{ width:8px; height:8px; border-radius:999px; background: var(--accent); box-shadow: 0 0 0 4px rgba(124,199,255,.12); flex:0 0 auto; } main{ flex:1; display:flex; align-items:center; padding:42px 20px 34px; } .hero{ max-width:1100px; margin:0 auto; width:100%; display:grid; grid-template-columns: 1.15fr .85fr; gap:22px; align-items:stretch; } @media (max-width: 900px){ .hero{grid-template-columns:1fr; gap:16px;} } .panel{ border:1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border-radius: var(--radius); box-shadow: var(--shadow); overflow:hidden; } .panel .inner{ padding:34px 30px; } @media (max-width: 520px){ .panel .inner{padding:26px 20px;} } .kicker{ display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border-radius:999px; border:1px solid rgba(124,199,255,.28); background: rgba(124,199,255,.10); color: rgba(234,240,255,.90); font-size:12px; letter-spacing:.3px; text-transform:uppercase; } .kicker svg{opacity:.9} h1{ margin:18px 0 12px; font-size:42px; line-height:1.05; letter-spacing:-.6px; } @media (max-width: 520px){ h1{font-size:34px;} } .lead{ margin:0 0 18px; color:var(--muted); font-size:16px; line-height:1.6; max-width:62ch; } .actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 16px; border-radius:12px; border:1px solid rgba(234,240,255,.18); background: rgba(255,255,255,.05); text-decoration:none; font-weight:600; transition: transform .15s ease, background .15s ease, border-color .15s ease; min-height:44px; } .btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.08); border-color: rgba(234,240,255,.28); } .btn.primary{ background: linear-gradient(135deg, rgba(124,199,255,.92), rgba(181,243,255,.72)); border-color: transparent; color:#06101f; } .btn.primary:hover{background: linear-gradient(135deg, rgba(124,199,255,1), rgba(181,243,255,.86));} .meta{ margin-top:16px; display:flex; flex-wrap:wrap; gap:16px 18px; color:var(--muted2); font-size:13px; } .meta span{ display:inline-flex; align-items:center; gap:8px; } .meta svg{opacity:.85} .side{ display:flex; flex-direction:column; height:100%; } .card{ padding:26px 24px; border-top:1px solid var(--line); } .card:first-child{border-top:none} .card h2{ margin:0 0 8px; font-size:14px; letter-spacing:.2px; text-transform:uppercase; color:rgba(234,240,255,.86); } .card p{ margin:0; color:var(--muted); line-height:1.55; font-size:14px; } .mini{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; } .tag{ border:1px solid var(--line); background: rgba(255,255,255,.03); padding:8px 10px; border-radius:999px; color:var(--muted); font-size:12px; letter-spacing:.2px; } footer{ padding:18px 20px 26px; color:var(--muted2); font-size:12px; } footer .foot{ max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:16px; } .links{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; } .links a{ color:var(--muted2); text-decoration:none; border-bottom:1px solid transparent; } .links a:hover{ border-bottom-color: rgba(234,240,255,.35); color:var(--text); } /* Subtle animated "contrail" */ .contrail{ position:absolute; inset:-30% -30% auto -30%; height:220px; pointer-events:none; background: linear-gradient(90deg, transparent, rgba(124,199,255,.18), transparent); transform: rotate(-8deg); filter: blur(0.2px); animation: sweep 9s ease-in-out infinite; opacity:.65; } @keyframes sweep{ 0%{transform:translateX(-10%) rotate(-8deg); opacity:.25;} 50%{transform:translateX(10%) rotate(-8deg); opacity:.75;} 100%{transform:translateX(-10%) rotate(-8deg); opacity:.25;} } /* Accessibility */ @media (prefers-reduced-motion: reduce){ .contrail{animation:none} .btn,.pill{transition:none} } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "AeroMedia Aviation Photography", "url": "https://aeromedia.photo/", "sameAs": [ "https://aviationaircraftphoto.com/" ], "description": "Premium aircraft, private jet, and BBJ interior/exterior photography and visual production. New site coming soon." } </script> </head> <body> <div class="wrap"> <header> <div class="topbar"> <a class="brand" href="https://aeromedia.photo/" aria-label="AeroMedia.Photo"> <div class="mark" aria-hidden="true"></div> <div class="brandtext"> <div class="name">AeroMedia.Photo</div> <div class="sub">Aviation Photography</div> </div> </a> <a class="pill" href="https://aviationaircraftphoto.com/" rel="noopener"> <span class="dot" aria-hidden="true"></span> View current portfolio </a> </div> </header> <main> <section class="hero" aria-label="Coming soon"> <div class="panel" style="position:relative;"> <div class="contrail" aria-hidden="true"></div> <div class="inner"> <div class="kicker"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M21 16v-2l-8-4V5a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1v5l-8 4v2l8-2v5l-2 1v1l3-.5 3 .5v-1l-2-1v-5l8 2Z" fill="currentColor"/> </svg> New site coming soon </div> <h1>AeroMedia Aviation Photography</h1> <p class="lead"> We create premium aircraft imagery for private jet owners, operators, and brands, with a focus on clean composition, controlled lighting, and market-ready delivery. Our new site is in development. </p> <div class="actions"> <a class="btn primary" href="https://aviationaircraftphoto.com/" rel="noopener"> View portfolio <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M13 5h6v6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M19 5 10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M5 7v12h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> </a> <a class="btn" href="mailto:images@aviationaircraftphoto.com?subject=AeroMedia.Photo%20Inquiry"> Email us <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M4 6h16v12H4z" stroke="currentColor" stroke-width="2" /> <path d="m4 7 8 6 8-6" stroke="currentColor" stroke-width="2" /> </svg> </a> <a class="btn" href="tel:+18018198141"> Call/Text <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M6 3h4l2 5-3 2c1.5 3 3.5 5 6 6l2-3 5 2v4c0 1-1 2-2 2-9 0-16-7-16-16 0-1 1-2 2-2Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> </a> </div> <div class="meta" aria-label="Highlights"> <span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M12 21s-7-4.5-7-11a7 7 0 0 1 14 0c0 6.5-7 11-7 11Z" stroke="currentColor" stroke-width="2"/> <path d="M12 10.5a2.2 2.2 0 1 0 0-4.4 2.2 2.2 0 0 0 0 4.4Z" fill="currentColor" opacity=".85"/> </svg> Nationwide travel </span> <span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M4 17V7m0 10h16M20 17V7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M7 17V9h10v8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> Interiors and exteriors </span> <span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M12 3v18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M3 12h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> Still and motion production </span> </div> </div> </div> <aside class="panel side" aria-label="Services preview"> <div class="card"> <h2>What we do</h2> <p> Private jet and BBJ imagery built for sales, branding, and editorial use, delivered with a production-first approach. </p> <div class="mini" aria-label="Service tags"> <span class="tag">Private Jet Interiors</span> <span class="tag">Exterior Hero Imagery</span> <span class="tag">Aviation Architecture</span> <span class="tag">3D Virtual Tours</span> <span class="tag">Drone</span> <span class="tag">Cinematic Video</span> </div> </div> <div class="card"> <h2>Current website</h2> <p> While AeroMedia.Photo is under construction, you can view recent work and service information on our primary site. </p> <div class="actions" style="margin-top:14px;"> <a class="btn" href="https://aviationaircraftphoto.com/" rel="noopener">aviationaircraftphoto.com</a> </div> </div> <div class="card"> <h2>Contact</h2> <p> Ready to plan a shoot or request a quote? Email or text and we will respond quickly. </p> <div class="actions" style="margin-top:14px;"> <a class="btn" href="mailto:images@aviationaircraftphoto.com?subject=AeroMedia.Photo%20Inquiry">images@aviationaircraftphoto.com</a> <a class="btn" href="tel:+18018198141">(801) 819-8141</a> </div> </div> </aside> </section> </main> <footer> <div class="foot"> <div>© <span id="y"></span> AeroMedia Aviation Photography. All rights reserved.</div> <div class="links"> <a href="https://aviationaircraftphoto.com/" rel="noopener">Current portfolio</a> <a href="mailto:images@aviationaircraftphoto.com?subject=AeroMedia.Photo%20Inquiry">Email</a> <a href="tel:+18018198141">Call/Text</a> </div> </div> </footer> </div> <script> document.getElementById("y").textContent = new Date().getFullYear(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.31 | Generation time: 0.47 |
proxy
|
phpinfo
|
Settings