Untitled
unknown
plain_text
a year ago
2.0 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>Online Cake Delivery</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>Welcome to Our Cake Delivery Shop</h1> </header> <nav> <ul> <li><a href="#menu">Menu</a></li> <li><a href="#featured">Featured Products</a></li> </ul> </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> <footer> <p>© 2023 Online Cake Delivery</p> </footer> </body> </html> /* Reset some default styles */ body, h1, h2, h3, p { margin: 0; padding: 0; } body { font-family: Arial, sans-serif; background-color: #f5f5f5; } header { background-color: #333; color: white; text-align: center; padding: 20px 0; } nav { background-color: #444; text-align: center; padding: 10px 0; } nav ul { list-style-type: none; } nav li { display: inline; margin-right: 20px; } nav a { text-decoration: none; color: white; } section { padding: 20px; } .cake-item, .featured-item { border: 1px solid #ddd; background-color: white; padding: 10px; margin: 10px; text-align: center; } img { max-width: 100%; height: auto; }
Editor is loading...