You are on page 1of 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- title of webpage -->
<title>Meet_patel-C0912711-Assignment2-1</title>
<!-- style use to design webpage -->
<style>
body{
background-color:#EDCDC2;

}
nav{
font-family: 'Times New Roman', Times, serif;
font-weight: bolder;
text-align: center;
font-size: 1.28em;
}
nav ul{
margin: 0%;
padding: 0%;
overflow: hidden;
background-color: bisque;
list-style-type: none;

}
nav li{
list-style-type: none;
float: left;

}
nav li a{
display: block;
color: #BC2649;
text-decoration: none;
padding: 14px 16px;
text-align: center;

}
li a:hover{
background-color:#ffffff;

}
h1{
text-align: center;
text-transform: capitalize;
border: 2px;
border-radius: 9px;
background-color:#BC2649;
color: #ffffff;
}
font{
font-size: 28px;
color: #550014;

}
P{
text-align: justify;
font-family: system-ui, Cantarell, 'Open Sans', 'Helvetica Neue', sans-
serif;
font-size: large;

}
b{
color: #d33d60;
}
h3{
text-align: center;
text-transform: capitalize;
color: #BC2649;
text-decoration: underline;

}
#list1{
display: inline-block;
margin-left: 30%;
text-align: justify;
font-size: large;

}
#list2{
margin-left: 15%;
display: inline-block;
text-align: justify;
font-size: large;

}
ul{
list-style: square;
list-style-position: inside;
text-align:left;
color: #550014;
font-family: 'Times New Roman', Times, serif;
font-style: oblique;
text-transform: capitalize;

}
h2{
text-align: center;
color: #550014;
}
#imgpavbhaji{
margin-left: 32%;

}
img{
border-radius: 75%;

</style>
</head>
<!--main part of webpage inside body tag -->
<body>
<!-- navbar of webpage -->
<nav>
<ul>
<li><a href="webpage1.html">FOOD</a></li>
<li><a href="webpage2.html">RECIPIES</a></li>
<li><a href="webpage3.html">TRADITIONS AND CUSTOMS</a></li>
</ul>
</nav>
<h1>My most favorite food-pav bhaji</h1>
<p><font>P</font>av Bhaji is an Indian fast food consisting of a thick spicy
vegetable gravy served with soft dinner rolls. In Hindi and Marathi, the word
<b>'Pav'</b> means<b>'Bread roll or dinner roll'</b> and <b>'Bhaji'</b> means<b>'a
vegetable dish'</b>. Since these are served together as a meal, it is known as Pav
Bhaji.Pav bhaji, also sometimes called bhaji pav, first emerged in the mid-1800s to
feed textile mill workers during their shifts. It was a convenient and inexpensive
way to eat in the middle of the day and had enough carbs to keep workers going
until dinner.</p>
<h3>Main ingredients of pav bhaji</h3>
<!--use id tag to provide style of this div -->
<div id="list1">
<!-- ul tag use for making list -->
<ul>
<li>Potatoes</li>
<li>tomatoes gravy</li>
<li>green peas</li>
<li>carrots</li>
<li>butter</li>
<li>pavbhaji masala</li>
<li>onions</li>
</ul>
</div>
<div id="list2">
<ul>
<li>cumin seeds</li>
<li>turmeric powder</li>
<li>black pepper</li>
<li>ground ginger</li>
<li>salt</li>
<li>black cardamom</li>
<li>red chilies</li>
</ul>
</div>
<h2>image of pavbhaji</h2>
<!-- add img in webpage using img tag -->
<div id="imgpavbhaji">
<img src="source_img/bombe_Pav_bhaji.jpg" alt="pavbhaji">
</div>
</body>
</html>

You might also like