HTMLify
contact.html
Views: 42 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Contact & Quote | Apex Drywall</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><script src="script.js" defer></script></head><body><header class="header"><div class="container nav-container"><a href="index.html" class="logo">APEX <span>DRYWALL</span></a><nav class="nav-menu"><a href="index.html">Home</a><a href="services.html">Services</a><a href="gallery.html">Gallery</a><a href="contact.html" class="active">Contact & Quote</a></nav><a href="booking.html" class="btn btn-primary nav-cta">Book a Session</a><div class="hamburger"><i class="fa-solid fa-bars"></i></div></div></header><main><section class="page-header container animate-fade-in"><h1>Get In Touch</h1><p>Have questions or need a fast quote? Reach out to our team directly.</p></section><section class="container contact-section"><div class="contact-grid"><div class="contact-info-box animate-on-scroll"><h2>Contact Information</h2><p>We are available Monday through Saturday to answer your inquiries and provide professional guidance.</p><div class="contact-method"><i class="fa-solid fa-phone"></i><div><h4>Call Us</h4><p>(555) 839-2925</p></div></div><div class="contact-method"><i class="fa-solid fa-envelope"></i><div><h4>Email Us</h4><p>info@apexdrywall.com</p></div></div><div class="contact-method"><i class="fa-solid fa-location-dot"></i><div><h4>Headquarters</h4><p>450 Builder Ave, Suite B<br>Metro City, MC 90210</p></div></div></div><div class="contact-form-box animate-on-scroll"><form id="contactForm" class="booking-form"><div class="form-group"><label for="cName">Your Name</label><input type="text" id="cName" placeholder="Jane Smith" required></div><div class="form-group"><label for="cEmail">Email Address</label><input type="email" id="cEmail" placeholder="jane@example.com" required></div><div class="form-group"><label for="cMessage">Message / Inquiry</label><textarea id="cMessage" rows="5" placeholder="How can we help you with your drywall project?" required></textarea></div><button type="submit" class="btn btn-primary full-width">Send Message</button></form><div id="contactSuccess" class="success-message hidden"><div class="success-icon"><i class="fa-solid fa-circle-check"></i></div><h2>Message Sent!</h2><p>Thank you for reaching out. We will get back to you within 24 hours.</p></div></div></div></section></main><footer><div class="container footer-content"><div class="footer-col"><h3>APEX DRYWALL</h3><p>Elevating interiors through expert drywall installation, repair, and finishing.</p></div><div class="footer-col"><h4>Quick Links</h4><a href="index.html">Home</a><a href="services.html">Services</a><a href="gallery.html">Gallery</a><a href="booking.html">Book Session</a></div><div class="footer-col"><h4>Contact Us</h4><p><i class="fa-solid fa-phone"></i> (555) 839-2925</p><p><i class="fa-solid fa-envelope"></i> info@apexdrywall.com</p><p><i class="fa-solid fa-location-dot"></i> 450 Builder Ave, Suite B</p></div></div><div class="footer-bottom"><p>© 2026 Apex Drywall & Interiors. All rights reserved.</p></div></footer> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |