HTMLify
booking.html
Views: 45 | 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>Book a Session | 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">Contact & Quote</a></nav><a href="booking.html" class="btn btn-primary nav-cta active">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>Schedule Your Consultation</h1><p>Book an on-site or virtual session with our estimators. Let's discuss your project timeline and scope.</p></section><section class="container booking-section"><div class="booking-card animate-on-scroll"><form id="bookingForm" class="booking-form"><div class="form-group"><label for="serviceType">Select Service Required</label><select id="serviceType" required><option value="">-- Choose a Service --</option><option value="residential">Residential Installation</option><option value="commercial">Commercial Drywall</option><option value="custom">Custom Texturing & Level 5</option><option value="repair">Patch & Repair Work</option></select></div><div class="form-row"><div class="form-group"><label for="bookingDate">Preferred Date</label><input type="date" id="bookingDate" required></div><div class="form-group"><label for="bookingTime">Preferred Time Slot</label><select id="bookingTime" required><option value="">-- Select Time --</option><option value="morning">Morning (9:00 AM - 12:00 PM)</option><option value="afternoon">Afternoon (1:00 PM - 4:00 PM)</option><option value="evening">Evening (4:30 PM - 6:30 PM)</option></select></div></div><div class="form-row"><div class="form-group"><label for="clientName">Full Name</label><input type="text" id="clientName" placeholder="John Doe" required></div><div class="form-group"><label for="clientEmail">Email Address</label><input type="email" id="clientEmail" placeholder="john@example.com" required></div></div><div class="form-group"><label for="clientPhone">Phone Number</label><input type="tel" id="clientPhone" placeholder="(555) 000-0000" required></div><div class="form-group"><label for="projectDetails">Project Details & Scope</label><textarea id="projectDetails" rows="4" placeholder="Tell us about your room size, current wall condition, and goals..." required></textarea></div><button type="submit" class="btn btn-primary full-width">Confirm & Book Session</button></form><div id="bookingSuccess" class="success-message hidden"><div class="success-icon"><i class="fa-solid fa-circle-check"></i></div><h2>Session Confirmed!</h2><p>Thank you for booking with Apex Drywall. We have received your request and will contact you via phone/email shortly to confirm the appointment details.</p><button id="resetFormBtn" class="btn btn-secondary">Book Another Session</button></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> |