File manager - Edit - /home/carfac/public_html/aeromedia/contact.html
Back
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>AeroMedia | Contact</title> <meta name="description" content="Contact AeroMedia. Share the aircraft or facility, location, and timeline. We will respond with options, availability, and rates." /> <meta name="robots" content="index,follow" /> <meta name="theme-color" content="#0a0c10" /> <link rel="canonical" href="https://aeromedia.photo/contact.html" /> <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);} .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);} .page-hero{ position:relative; padding:92px 10% 60px; background: linear-gradient(rgba(10,12,16,0.60), rgba(10,12,16,0.86)), url('images/hangar.jpg'); background-size:cover; background-position:center; border-bottom:1px solid rgba(255,255,255,0.06); } .kicker{ color:var(--accent); font-size:11px; letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:18px; } h1{ font-size:44px; font-weight:100; line-height:1.15; letter-spacing:14px; text-transform:uppercase; margin:0 0 14px; color:#fff; } .subhead{ color:rgba(224,230,237,0.78); max-width:80ch; margin:0; font-size:16px; line-height:1.85; } .wrap{ padding:70px 10% 100px; background: var(--bg2); } .grid{ display:grid; grid-template-columns: 1.15fr .85fr; gap:40px; align-items:start; } .panel{ border:1px solid rgba(255,255,255,0.07); background: rgba(255,255,255,0.01); padding:42px; } .panel h2{ font-size:18px; font-weight:400; letter-spacing:2px; text-transform:uppercase; margin:0 0 18px; color:#fff; } label{ display:block; margin:16px 0 8px; font-size:11px; letter-spacing:2px; text-transform:uppercase; color: var(--muted); } input, select, textarea{ width:100%; padding:14px 14px; border:1px solid rgba(255,255,255,0.10); background: rgba(10,12,16,0.55); color: var(--text); outline:none; font-size:14px; transition: border-color .2s ease; } input:focus, select:focus, textarea:focus{ border-color: rgba(100,181,246,0.55); } textarea{min-height:140px; resize:vertical;} .row{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; } .hint{ font-size:12px; color:#7f8795; margin-top:10px; line-height:1.7; } .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; background: transparent; cursor:pointer; margin-top:18px; } .btn-outline:hover{ background-color:var(--accent); color:var(--bg); } .contact-meta p{ margin:0 0 10px; color: rgba(224,230,237,0.80); line-height:1.8; font-size:14px; } .contact-meta strong{ display:block; color: var(--accent); font-size:11px; letter-spacing:2px; text-transform:uppercase; margin:18px 0 8px; } footer{ padding:70px 10% 44px; background-color: var(--bg); text-align:center; border-top:1px solid rgba(255,255,255,0.06); } .footer-statement{ font-size:20px; font-weight:600; margin-bottom:26px; letter-spacing: 1px; color:#dfe6ee; } .attribution{ font-size:11px; color:#505865; line-height:2; max-width: 900px; margin: 0 auto; } .notice{ display:none; margin-top:16px; padding:12px 14px; border:1px solid rgba(100,181,246,0.35); background: rgba(100,181,246,0.08); color: rgba(224,230,237,0.92); font-size:14px; line-height:1.6; } @media (max-width: 900px){ .grid{grid-template-columns: 1fr; } .nav-bar{padding:18px 22px;} .nav-links{display:none;} h1{font-size:34px; letter-spacing:10px;} .wrap{padding:60px 6% 80px;} .page-hero{padding:70px 6% 46px;} .row{grid-template-columns: 1fr;} } </style> </head> <body> <header class="nav-bar"> <div class="brand-id"> <a href="index.html" aria-label="AeroMedia Home"> <img src="images/AeroMedia-LIGHT_Icon.png" alt="AeroMedia" /> </a> </div> <nav class="nav-links"> <a href="index.html#standard">The Standard</a> <a href="index.html#ops">Operations</a> <a href="https://aviationaircraftphoto.com/aircraft-photography-services/">Portfolio</a> <a href="contact.html">Inquiry</a> </nav> </header> <section class="page-hero"> <span class="kicker">Inquiry</span> <h1>CONTACT</h1> <p class="subhead"> Share the aircraft or facility, location, and timeline. We will respond with options, availability, and rates. </p> </section> <main class="wrap"> <div class="grid"> <section class="panel"> <h2>Request Availability</h2> <!-- Sends to PHP handler (no Contact Form 7) --> <form id="contactForm" action="contact-send.php" method="post" novalidate> <div class="row"> <div> <label for="name">Name</label> <input id="name" name="name" type="text" autocomplete="name" required /> </div> <div> <label for="email">Email</label> <input id="email" name="email" type="email" autocomplete="email" required /> </div> </div> <div class="row"> <div> <label for="phone">Phone (optional)</label> <input id="phone" name="phone" type="tel" autocomplete="tel" /> </div> <div> <label for="location">Location (airport/city)</label> <input id="location" name="location" type="text" placeholder="SJC, Van Nuys, KDFW, etc." required /> </div> </div> <div class="row"> <div> <label for="type">Project type</label> <select id="type" name="type" required> <option value="" selected disabled>Select one</option> <option>Aircraft photography</option> <option>Aircraft video</option> <option>3D walkthrough / virtual tour</option> <option>Aviation facility / hangar</option> <option>Other</option> </select> </div> <div> <label for="timeline">Timeline</label> <input id="timeline" name="timeline" type="text" placeholder="ASAP, March 9–11, etc." required /> </div> </div> <div class="row"> <div> <label for="budget">Approximate budget</label> <select id="budget" name="budget" required> <option value="" selected disabled>Select range</option> <option>$2,500 – $5,000</option> <option>$5,000 – $10,000</option> <option>$10,000 – $20,000</option> <option>$20,000+</option> <option>Not yet determined</option> </select> </div> <div> <label for="usage">Intended usage</label> <select id="usage" name="usage" required> <option value="" selected disabled>Select usage</option> <option>Aircraft listing / sale</option> <option>Charter marketing</option> <option>Brand / corporate marketing</option> <option>Press / editorial</option> <option>Internal documentation</option> </select> </div> </div> <label for="details">Project details</label> <textarea id="details" name="details" placeholder="Aircraft type, interior/exterior, number of deliverables, usage (listing/brand/press), access constraints, etc." required></textarea> <!-- Honeypot field (spam trap) --> <div style="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;"> <label for="company">Company</label> <input id="company" name="company" type="text" tabindex="-1" autocomplete="off" /> </div> <button class="btn-outline" type="submit">Send Inquiry</button> <div class="hint"> For urgent requests, include your target shoot date and whether ramp or hangar access is available. </div> <div id="notice" class="notice" role="status" aria-live="polite"></div> </form> </section> <aside class="panel contact-meta"> <h2>Direct</h2> <p>For scheduling and project coordination, email is best.</p> <strong>Email</strong> <p><a href="mailto:images@aeromedia.photo">images@aeromedia.photo</a></p> <strong>Phone</strong> <p><a href="tel:+18018198141">(801) 819-8141</a></p> <strong>Primary Work</strong> <p>VVIP aircraft, charter fleets, aircraft listings, and aviation facilities. Worldwide availability.</p> <strong>Portfolio</strong> <p><a href="https://aviationaircraftphoto.com/portfolio/cabin-photography/" rel="noopener">aviationaircraftphoto.com</a></p> </aside> </div> </main> <footer> <div class="footer-statement">Worldwide. Discreet. Turnkey.</div> <div class="attribution"> <p style="margin:0;">© <span id="year"></span> AeroMedia. All rights reserved.</p> </div> </footer> <script> document.getElementById("year").textContent = new Date().getFullYear(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.31 | Generation time: 0.41 |
proxy
|
phpinfo
|
Settings