Scribd
Upload
4 views3 pages

Web Technology Assignment No 2

The document contains the HTML and CSS code for a webpage titled 'Spice Delight Restaurant'. It features a welcoming header, a menu list, a price table for food items, a contact form, and styling for the layout. The page includes both internal and external CSS for design elements such as colors, fonts, and table formatting.

Uploaded by

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

Web Technology Assignment No 2

The document contains the HTML and CSS code for a webpage titled 'Spice Delight Restaurant'. It features a welcoming header, a menu list, a price table for food items, a contact form, and styling for the layout. The page includes both internal and external CSS for design elements such as colors, fonts, and table formatting.

Uploaded by

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

Assignment No.

2
[Link]
<!DOCTYPE html>
<html>
<head>
<title>Spice Delight Restaurant</title>

<!-- Internal CSS -->


<style>
body {
background-color: #f4f4f4;
font-family: Arial;
}
h1 {
color: darkred;
text-align: center;
}
table {
width: 50%;
margin: auto;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
padding: 10px;
}
</style>

<!-- External CSS -->


<link rel="stylesheet" href="[Link]">
</head>

<body>

<!-- Heading -->


<h1>Welcome to Spice Delight</h1>

<!-- Image -->


<center>
<img src="[Link]" width="400" height="250" alt="Restaurant
Image">
</center>

<!-- List -->


<h2 style="color:green;">Menu</h2> <!-- Inline CSS -->
<ul>
<li>Paneer Butter Masala</li>
<li>Veg Biryani</li>
<li>Masala Dosa</li>
</ul>

<!-- Table -->


<h2>Price List</h2>
<table>
<tr>
<th>Item</th>
<th>Price</th>
</tr>
<tr>
<td>Paneer Butter Masala</td>
<td>₹250</td>
</tr>
<tr>
<td>Veg Biryani</td>
<td>₹200</td>
</tr>
</table>

<!-- Link -->


<p align="center">
<a href="[Link] us</a>
</p>

<!-- Form -->


<h2>Contact Us</h2>
<form>
Name: <input type="text"><br><br>
Email: <input type="email"><br><br>
Message: <textarea></textarea><br><br>
<input type="submit" value="Submit">
</form>

</body>
</html>

CSS Code: [Link]

body {
margin: 20px;
}

h2 {
text-align: center;
color: blue;
}

form {
width: 300px;
margin: auto;
}

You might also like