Restaurant Website Creation -- 2
Budget: ₹100 – ₹400 INR
<!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>
<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>
Related categories:
PHP
JavaScript
Website Design
CSS
HTML
Web Development
Frontend Development
Web Design