HTMLify
gallery.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>Project Gallery | 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" class="active">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="page-header container animate-fade-in"><h1>Our Craftsmanship Gallery</h1><p>Explore our recent portfolio of flawless finishes, complex curves, and seamless repairs.</p></section><section class="gallery-section container"><div class="gallery-filter"><button class="filter-btn active" data-filter="all">All Projects</button><button class="filter-btn" data-filter="residential">Residential</button><button class="filter-btn" data-filter="commercial">Commercial</button><button class="filter-btn" data-filter="custom">Custom Finish</button></div><div class="gallery-grid"><div class="gallery-card animate-on-scroll" data-category="residential"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-house"></i></div></div><div class="gallery-info"><h3>Modern Living Room Remodel</h3><p>Level 5 Smooth Finish & High Ceilings</p></div></div><div class="gallery-card animate-on-scroll" data-category="commercial"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-building"></i></div></div><div class="gallery-info"><h3>Tech Startup Headquarters</h3><p>Metal Stud Framing & Acoustic Drywall</p></div></div><div class="gallery-card animate-on-scroll" data-category="custom"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-archway"></i></div></div><div class="gallery-info"><h3>Curved Architectural Ceiling</h3><p>Custom Radius Framing & Skim Coat</p></div></div><div class="gallery-card animate-on-scroll" data-category="residential"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-door-open"></i></div></div><div class="gallery-info"><h3>Luxury Residential Villa</h3><p>Complete Interior Hanging & Taping</p></div></div><div class="gallery-card animate-on-scroll" data-category="custom"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-wand-magic-sparkles"></i></div></div><div class="gallery-info"><h3>Textured Feature Accent Wall</h3><p>Custom Plaster Finish</p></div></div><div class="gallery-card animate-on-scroll" data-category="commercial"><div class="gallery-img-wrapper"><div class="gallery-placeholder" style="background: linear-gradient(135deg, #2a2a2a, #1a1a1a); display:flex; align-items:center; justify-content:center; height:280px; color:#c59b27; font-size:1.5rem;"><i class="fa-solid fa-store"></i></div></div><div class="gallery-info"><h3>Retail Showroom Interior</h3><p>Fast-Track Commercial Buildout</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> |