Untitled

mail@pastecode.io avatar
unknown
plain_text
10 months ago
1.5 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple E-Commerce Website</title>
    <style>
        /* Add your CSS styles here */
    </style>
</head>
<body>

    <header>
        <h1>My E-Commerce Store</h1>
    </header>

    <section id="products">
        <!-- Product cards go here -->
        <div class="product">
            <img src="product1.jpg" alt="Product 1">
            <h2>Product 1</h2>
            <p>Description of Product 1.</p>
            <p>$20.00</p>
            <button>Add to Cart</button>
        </div>

        <div class="product">
            <img src="product2.jpg" alt="Product 2">
            <h2>Product 2</h2>
            <p>Description of Product 2.</p>
            <p>$25.00</p>
            <button>Add to Cart</button>
        </div>

        <!-- Add more products as needed -->

    </section>

    <section id="cart">
        <h2>Shopping Cart</h2>
        <!-- Cart items go here -->
        <ul>
            <!-- Cart items will be dynamically added here using JavaScript -->
        </ul>
        <p>Total: $<span id="total">0.00</span></p>
        <button>Checkout</button>
    </section>

    <footer>
        <p>&copy; 2023 My E-Commerce Store</p>
    </footer>

    <script>
        // Add your JavaScript logic here
    </script>

</body>
</html>
Leave a Comment