Pool Tables Homepage - Copy this Html, Tailwind Component to your project
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Isigagadu Pool Tables - Premier Pool Table Manufacturing</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="index.css" rel="stylesheet"> </head> <body> <nav class="navbar navbar-expand-lg fixed-top"> <div class="container"> <a class="navbar-brand d-flex align-items-center text-white" href="#home"></a> <img src="../assets/images/logo.png" alt="Isigagadu Pool Tables Logo" style="height: 80px;"> <span class="ms-2 fw-bold text-white">ISIGAGADU POOL TABLES</span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" href="#home">Home</a></li> <li class="nav-item"><a class="nav-link" href="#products">Our Products</a></li> <li class="nav-item"><a class="nav-link" href="#about">About Us</a></li> <li class="nav-item"><a class="nav-link" href="#services">Services</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> </ul> </div> </div> </nav> <section id="home" class="hero-section"> <div class="overlay"></div> <div class="container h-100"> <div class="row h-100 align-items-center"> <div class="col-12 text-center text-white"> <h1 class="display-1">ISIGAGADU</h1> <p class="tagline">Crafting Excellence in Pool Tables</p> <a href="#explore" class="explore-btn">Explore</a> </div> </div> </div> </section> <section id="products" class="py-5"> <div class="container"> <h2 class="text-center mb-5">Our Premium Collections</h2> <div class="row g-4"> <div class="col-md-4" data-aos="fade-up"> <div class="card product-card h-100"> <div class="product-badge">Classic</div> <img src="assets/images/classic-table.jpg" class="card-img-top" alt="Classic Pool Table"> <div class="card-body"> <h5 class="card-title">Classic Edition</h5> <p class="card-text">Traditional design meets modern craftsmanship in our timeless classic collection.</p> <a href="#contact" class="btn btn-primary">Request Quote</a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up" data-aos-delay="100"> <div class="card product-card h-100"> <div class="product-badge">Professional</div> <img src="assets/images/pro-table.jpg" class="card-img-top" alt="Professional Pool Table"> <div class="card-body"> <h5 class="card-title">Professional Series</h5> <p class="card-text">Tournament-grade tables designed for serious players and venues.</p> <a href="#contact" class="btn btn-primary">Request Quote</a> </div> </div> </div> <div class="col-md-4" data-aos="fade-up" data-aos-delay="200"> <div class="card product-card h-100"> <div class="product-badge">Modern</div> <img src="assets/images/modern-table.jpg" class="card-img-top" alt="Modern Pool Table"> <div class="card-body"> <h5 class="card-title">Modern Collection</h5> <p class="card-text">Contemporary designs that blend style with exceptional playability.</p> <a href="#contact" class="btn btn-primary">Request Quote</a> </div> </div> </div> </div> </div> </section> <div class="tag-list py-4"> <div class="container"> <h2 class="text-center mb-4">Our Services</h2> <div class="row"> <div class="col-12 d-flex flex-wrap justify-content-center gap-3"> <span class="service-tag">Custom Design</span> <span class="service-tag">Installation</span> <span class="service-tag">Maintenance</span> <span class="service-tag">Repairs</span> <span class="service-tag">Accessories</span> <span class="service-tag">Consultation</span> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <h5>Contact Us</h5> <p>123 Main Street, Polokwane<br> Limpopo, South Africa<br> Email: info@isigagadu.co.za<br> Phone: +27 12 345 6789</p> </div> <div class="col-md-4"> <h5>Quick Links</h5> <ul class="list-unstyled"> <li><a href="#about">About Us</a></li> <li><a href="#products">Products</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> <div class="col-md-4"> <h5>Follow Us</h5> <div class="social-icons"> <a href="#"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-twitter"></i></a> </div> </div> </div> <div class="footer-bottom"> <p>© 2024 Isigagadu Pooltable Manufacturing Company. All rights reserved.</p> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="script.js"></script> </body> </html>
