<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Your Restaurant Name</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } header { background-color: #333; color: white; text-align: center; padding: 1rem; } nav { background-color: #444; padding: 0.5rem; text-align: center; } nav a { color: white; margin: 0 1rem; text-decoration: none; } section { padding: 2rem; max-width: 800px; margin: auto; } .menu-item { border-bottom: 1px solid #ddd; padding: 1rem 0; } footer { background-color: #333; color: white; text-align: center; padding: 1rem; } </style> </head> <body> <header> <h1>Welcome to Your Restaurant Name</h1> <p>Delicious food, great atmosphere</p> </header> <nav> <a href="#menu">Menu</a> <a href="#about">About</a> <a href="#contact">Contact</a> </nav> <section id="menu"> <h2>Our Menu</h2> <div class="menu-item"> <h3>Dish 1</h3> <p>Description and price.</p> </div> <div class="menu-item"> <h3>Dish 2</h3> <p>Description and price.</p> </div> <!-- Add more items --> </section> <section id="about"> <h2>About Us</h2> <p>Story of your restaurant, history, etc.</p> </section> <section id="contact"> <h2>Contact</h2> <p>Address: 123 Main St, City, State</p> <p>Phone: (123) 456-7890</p> <p>Hours: Mon-Sun 11am-10pm</p> </section> <footer> <p>© 2023 Your Restaurant Name. All rights reserved.</p> </footer> </body> </html>