Electro Haven

1 year ago · 686aabb5ae
parent 9409685c9a
commit 686aabb5ae
1 changed files with 80 additions and 0 deletions
--- a/80
+++ b/80
@ -0,0 +1,80 @@
+<!DOCTYPE html> 
+<html lang="en"> 
+<head> 
+<meta charset="UTF-8"> 
+<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+<title>Electro Haven</title> 
+<style> 
+body { 
+font-family: Arial, sans-serif; 
+margin: 0; 
+padding: 0; 
+background-color: #f4f4f4; 
+} 
+.container { 
+width: 80%; 
+margin: auto; 
+overflow: hidden; 
+} 
+.header { 
+background: #333; 
+color: #fff; 
+padding: 10px 0; 
+text-align: center; 
+} 
+        .product { 
+            background: #fff; 
+            border: 1px solid #ddd; 
+            border-radius: 5px; 
+            margin: 20px 0; 
+            padding: 20px; 
+            text-align: center; 
+        } 
+        .product img { 
+            width: 100%; 
+            height: auto; 
+            border-bottom: 1px solid #ddd; 
+            padding-bottom: 10px; 
+        } 
+        .product h2 { 
+            margin: 0; 
+            font-size: 1.5em; 
+        } 
+        .product p { 
+            color: #333; 
+            font-size: 1.2em; 
+        } 
+        .product button { 
+            background: #007BFF; 
+            color: #fff; 
+            border: none; 
+            padding: 10px 20px; 
+            font-size: 1em; 
+cursor: pointer; 
+border-radius: 5px; 
+} 
+.product button:hover { 
+background: #0056b3; 
+} 
+</style> 
+</head> 
+<body> 
+<div class="header"> 
+<h1>Electro Haven</h1> 
+</div> 
+<div class="container"> 
+<div class="product"> 
+<img src="https://via.placeholder.com/300" alt="Product Image"> 
+<h2>Product Name</h2> 
+<p>$199.99</p> 
+<button>Add to Cart</button> 
+</div> 
+<div class="product"> 
+<img src="https://via.placeholder.com/300" alt="Product Image"> 
+<h2>Another Product</h2> 
+<p>$299.99</p> 
+<button>Add to Cart</button> 
+</div> 
+</div> 
+</body> 
+</html>