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>