Scribd
Upload
2 views

Mini Project 2

The document outlines a mini project for creating a dynamic web application for Aayush Restaurant, including HTML files for the homepage, menu, order, and contact pages, along with a CSS file for styling. Each HTML file contains a structured layout with navigation links and forms for ordering and contacting the restaurant. The project emphasizes web development technologies learned in previous assignments.

Uploaded by

musicwithsumit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Mini Project 2

The document outlines a mini project for creating a dynamic web application for Aayush Restaurant, including HTML files for the homepage, menu, order, and contact pages, along with a CSS file for styling. Each HTML file contains a structured layout with navigation links and forms for ordering and contacting the restaurant. The project emphasizes web development technologies learned in previous assignments.

Uploaded by

musicwithsumit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Mini Project (Aayush Restaurant-Hotel Website)

Design and implement a dynamic web application for any business functionality by using web
development technologies that you have learnt in the above given assignments.

# Index.html
!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Aayush Restaurant</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<header>

<h1>Welcome to Aayush Restaurant</h1>

<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="menu.html">Menu</a></li>

<li><a href="order.html">Order</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

</header>

<main>

<section class="center">

<h2>Delicious Meals, Freshly Made</h2>

<p>Explore our menu and place your order online!</p>

</section>

</main>
<footer>

<p>&copy; 2025 Aayush Restaurant. All rights reserved.</p>

</footer>

</body>

</html>

# Order.html
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Order Now - Aayush Restaurant</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<header>

<h1>Place Your Order</h1>

<nav>

<a href="index.html">Home</a>

<a href="menu.html">Menu</a>

<a href="order.html">Order</a>

<a href="contact.html">Contact</a>

</nav>

</header>

<main>

<form>

<label>Dish Name: <input type="text" name="dish" required></label><br>

<label>Quantity: <input type="number" name="qty" required></label><br>

<label>Customer Name: <input type="text" name="name" required></label><br>

<label>Phone Number: <input type="tel" name="phone" required></label><br>


<button type="submit">Submit Order</button>

</form>

</main>

<footer>

<p>&copy; 2025 Aayush Restaurant</p>

</footer>

</body>

</html>

# Contract.html
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Contact Us - Aayush Restaurant</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<header>

<h1>Contact Us</h1>

<nav>

<a href="index.html">Home</a>

<a href="menu.html">Menu</a>

<a href="order.html">Order</a>

<a href="contact.html">Contact</a>

</nav>

</header>

<main>

<form>

<label>Name: <input type="text" name="name" required></label><br>

<label>Email: <input type="email" name="email" required></label><br>


<label>Message:<br><textarea name="message" rows="5"></textarea></label><br>

<button type="submit">Send</button>

</form>

</main>

<footer>

<p>&copy; 2025 Aayush Restaurant</p>

</footer>

</body>

</html>

# Menu.html
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Menu - Aayush Restaurant</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<header>

<h1>Our Menu</h1>

<nav>

<a href="index.html">Home</a>

<a href="menu.html">Menu</a>

<a href="order.html">Order</a>

<a href="contact.html">Contact</a>

</nav>

</header>

<main>

<ul>

<li>Paneer Butter Masala - ₹180</li>


<li>Veg Biryani - ₹150</li>

<li>Butter Naan - ₹40</li>

<li>Gulab Jamun - ₹50</li>

</ul>

</main>

<footer>

<p>&copy; 2025 Aayush Restaurant</p>

</footer>

</body>

</html>

Style.css
body {

font-family: Arial, sans-serif;

background-color: #a06521;

margin: 0;

padding: 0;

color: #333;

header {

background-color: #542b1c;

color: white;

padding: 20px; text-align: center;

nav a {

margin: 0 10px;

color: rgb(255, 255, 255);

text-decoration: none;

main {

padding: 20px;
}

footer {

background-color: #333;

color: rgb(10, 2, 2);

text-align: center;

padding: 10px;

OUTPUT:

You might also like