Untitled
unknown
plain_text
a year ago
2.8 kB
3
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Your Digital Products Store</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } header { background-color: #333; color: #fff; padding: 10px 20px; text-align: center; } nav { background-color: #444; padding: 10px; text-align: center; } nav a { color: #fff; text-decoration: none; margin: 0 10px; } nav a:hover { text-decoration: underline; } .container { max-width: 800px; margin: 20px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .product { margin-bottom: 20px; padding: 10px; background-color: #f9f9f9; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .product img { max-width: 100%; height: auto; border-radius: 5px; } .product h2 { margin-top: 0; } .product p { margin-bottom: 10px; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px 0; position: fixed; width: 100%; bottom: 0; } </style> </head> <body> <header> <h1>Your Digital Products Store</h1> </header> <nav> <a href="#">Home</a> <a href="#">Products</a> <a href="#">About</a> <a href="#">Contact</a> </nav> <div class="container"> <div class="product"> <img src="product1.jpg" alt="Product 1"> <h2>Product 1 Name</h2> <p>Description of Product 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Price: $19.99</p> <a href="#">Buy Now</a> </div> <div class="product"> <img src="product2.jpg" alt="Product 2"> <h2>Product 2 Name</h2> <p>Description of Product 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Price: $24.99</p> <a href="#">Buy Now</a> </div> <!-- Add more products as needed --> </div> <footer> <p>© 2024 Your Digital Products Store. All rights reserved.</p> </footer> </body> </html>
Editor is loading...
Leave a Comment