HTMLify
index.html
Views: 26 | 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>Apex Drywall & Interiors | Professional Drywall Services</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" class="active">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">Book a Session</a><div class="hamburger"><i class="fa-solid fa-bars"></i></div></div></header><main><section class="hero"><div class="hero-bg"></div><div class="container hero-content animate-fade-in"><h1>Flawless Finishes for Modern Spaces</h1><p>From seamless repairs to custom architectural drywall and luxury finishes, Apex delivers precision craftsmanship for residential and commercial projects.</p><div class="hero-buttons"><a href="booking.html" class="btn btn-primary">Schedule a Consultation</a><a href="gallery.html" class="btn btn-secondary">View Our Work</a></div></div></section><section class="container comparison-section"><div class="section-title animate-on-scroll"><h2>See the Difference</h2><p>Slide to compare rough unfinished drywall vs. Apex professional Level 5 finish.</p></div><div class="ba-slider animate-on-scroll"><div class="ba-image ba-before"><div class="ba-label">Before (Unfinished/Rough)</div></div><div class="ba-image ba-after"><div class="ba-label">After (Apex Finish)</div></div><input type="range" min="0" max="100" value="50" class="ba-slider-handle" aria-label="Percentage of before photo shown"></div></section><section class="features container"><div class="section-title animate-on-scroll"><h2>Why Choose Apex?</h2><p>We redefine quality in every square foot.</p></div><div class="bento-grid"><div class="bento-card large animate-on-scroll"><i class="fa-solid fa-medal"></i><h3>Master Craftsmanship</h3><p>Over 15 years of perfecting the art of hanging, taping, mudding, and texturing. Zero visible seams, guaranteed.</p></div><div class="bento-card animate-on-scroll"><i class="fa-solid fa-bolt"></i><h3>On-Time Delivery</h3><p>We respect your schedule. Our crews work efficiently to complete projects without compromising quality.</p></div><div class="bento-card animate-on-scroll"><i class="fa-solid fa-broom"></i><h3>Dust-Free Guarantee</h3><p>Advanced sanding containment systems keep your home clean throughout the entire renovation process.</p></div><div class="bento-card large animate-on-scroll"><i class="fa-solid fa-shield-halved"></i><h3>Fully Licensed & Insured</h3><p>Complete peace of mind. Our team carries comprehensive liability and worker's compensation coverage.</p></div></div></section><section class="cta-banner"><div class="container banner-content animate-on-scroll"><h2>Ready to transform your space?</h2><p>Book a consultation today and get a transparent, itemized estimate within 24 hours.</p><a href="booking.html" class="btn btn-primary">Book Your Session Now</a></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> |