Untitled

avatar
unknown
plain_text
2 years ago
1.4 kB
11
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Soap Company</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Products</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    <section class="hero">
        <h1>Welcome to Soap Company</h1>
        <p>Discover natural and luxurious soaps for your skin.</p>
        <a href="#" class="cta-button">Shop Now</a>
    </section>
    <section class="featured-products">
        <h2>Featured Products</h2>
        <div class="product-card">
            <img src="soap1.jpg" alt="Soap 1">
            <h3>Refreshing Lavender</h3>
            <p>A soothing blend of lavender for relaxation.</p>
            <span class="price">$9.99</span>
        </div>
        <div class="product-card">
            <img src="soap2.jpg" alt="Soap 2">
            <h3>Exotic Citrus</h3>
            <p>Zesty citrus scents to energize your day.</p>
            <span class="price">$8.99</span>
        </div>
    </section>
    <footer>
        <p>&copy; 2023 Soap Company. All rights reserved.</p>
    </footer>
</body>
</html>
Editor is loading...