Untitled
unknown
plain_text
2 years ago
1.5 kB
12
Indexable
<!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>© 2023 My E-Commerce Store</p>
</footer>
<script>
// Add your JavaScript logic here
</script>
</body>
</html>
Editor is loading...
Leave a Comment