index.html

[Luxyy-offcial]

<title>My Online Store</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; } header { background-color: #333; color: #fff; padding: 15px; text-align: center; } nav { text-align: center; margin: 20px 0; } nav a { text-decoration: none; color: #333; margin: 0 15px; font-size: 18px; } .products { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px; } .product { background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 15px; width: 300px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .product img { max-width: 100%; border-radius: 5px; } .product h3 { margin: 10px 0; } .product p { color: #777; } .product button { background-color: #333; color: #fff; border: none; padding: 10px 15px; cursor: pointer; border-radius: 5px; } .product button:hover { background-color: #555; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; } </style>

Welcome to My Online Store

Home Products Contact

Product 1

$19.99

Add to Cart

Product 2

$29.99

Add to Cart

Product 3

$39.99

Add to Cart

© 2024 My Online Store. All rights reserved.