Blog
<html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Skate Shop</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } header { background-color: #333; color: #fff; padding: 10px 0; text-align: center; } nav { background-color: #666; color: #fff; padding: 10px 0; text-align: center; } nav a { color: #fff; text-decoration: none; margin: 0 10px; } nav a:hover { text-decoration: underline; } section { padding: 20px; text-align: center; } .product { display: inline-block; width: 200px; margin: 20px; } .product img { width: 100%; border-radius: 5px; } footer { background-color: #333; color: #fff; padding: 10px 0; text-align: center; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>Welcome to Our Skate Shop</h1> </header> <nav> <a href=”#”>Home</a> <a href=”#”>Products</a> <a href=”#”>Brands</a> <a href=”#”>About</a> <a href=”#”>Contact</a> </nav> <section> <h2>Featured Products</h2> <div class=”product”> <img src=”skateboard1.jpg” alt=”Skateboard”> <p>Skateboard Deck</p> </div> <div class=”product”> <img src=”shoes1.jpg” alt=”Skate Shoes”> <p>Skate Shoes</p> </div> <div class=”product”> <img src=”accessory1.jpg” alt=”Skate Accessories”> <p>Skate Accessories</p> </div> </section> <footer> <p>© 2024 Skate Shop. All rights reserved.</p> </footer> </body> </html>