index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Furniture Haven - Home</title>
    <link rel="stylesheet" href="styles.css">
    <style></style>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <div class="hero-content">
            <h1>Welcome to Furniture Haven</h1>
            <p>Timeless designs, unparalleled quality, and comfort for your home.</p>
            <a href="#featured-products" class="btn">Explore Now</a>
        </div>
    </section>

    <section class="featured-products" id="featured-products">
        <h2>Featured Collection</h2>
        <div class="product-grid">
            <div class="product">
                <img src="images/sofa.jpeg" alt="Elegant Sofa" class="sofa">
                <h3>Elegant Sofa</h3>
                <p>$899</p>
            </div>
            <div class="product">
                <img src="table.jpg" alt="Modern Dining Table" class="table">
                <h3>Modern Dining Table</h3>
                <p>$1200</p>
            </div>
            <div class="product">
                <img src="images/bed.jpeg" alt="Luxury Bed" class="bed">
                <h3>Luxury Bed</h3>
                <p>$1500</p>
            </div>
        </div>
    </section>
</body>
</html>