Untitled
unknown
plain_text
a year ago
2.1 kB
4
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Online Cake Delivery</title> <style> body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } header { background-color: #333; color: white; text-align: center; padding: 20px 0; } nav { background-color: #444; text-align: center; padding: 10px 0; } nav a { text-decoration: none; color: white; margin: 0 20px; } section { padding: 20px; } .cake-item, .featured-item { border: 1px solid #ddd; background-color: white; padding: 20px; margin: 10px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .cake-item img, .featured-item img { max-width: 100%; height: auto; margin-bottom: 10px; } </style> </head> <body> <header> <h1>Welcome to Our Cake Delivery Shop</h1> </header> <nav> <a href="#menu">Menu</a> <a href="#featured">Featured Products</a> </nav> <section id="menu"> <h2>Menu</h2> <div class="cake-item"> <img src="cake1.jpg" alt="Cake 1"> <h3>Cake 1</h3> <p>Description of Cake 1</p> <p>Price: $X.XX</p> </div> <!-- Add more cake items as needed --> </section> <section id="featured"> <h2>Featured Products</h2> <div class="featured-item"> <img src="featured1.jpg" alt="Featured Cake 1"> <h3>Featured Cake 1</h3> <p>Description of Featured Cake 1</p> <p>Price: $X.XX</p> </div> <!-- Add more featured items as needed --> </section> </body> </html>
Editor is loading...