-
Notifications
You must be signed in to change notification settings - Fork 0
/
htmlminipro.html
92 lines (92 loc) · 3.29 KB
/
htmlminipro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML_MINI_PROJECT</title>
<style>
#header {
display: inline-block;
background-color: aqua;
height: auto;
padding: 20px 34px;
width:fit-content;
font-family: 'Times New Roman', Times, serif;
}
body {
background-color: bisque;
padding: 20px 34px;
font:bolder;
font-size: xx-large;
}
#pizzaSection {
display: block;
height: 500px;
width:auto;
text-align: center;
}
#biryaniSection {
display: block;
height:500px;
width:auto;
text-align: center;
}
#lasagnaSection {
display: block;
height:500px;
width:auto;
text-align: center;
}
#burgerSection {
display: block;
height:500px;
width:auto;
text-align: center;
}
#casearsaladSection {
display: block;
height:500px;
width:auto;
text-align: center;
}
</style>
</head>
<body>
<p id="header">Food Deliveries</p>
<div id="header">
<a href="https://www.swiggy.com/" target="_self">Home</a>
</div>
<div id="header">
<a href="https://www.swiggy.com/restaurants" target="_blank">Food</a>
</div>
<div id="header">
<a href="https://www.swiggy.com/collections/47668?type=rcv2" target="_blank">About</a>
</div>
<h2>Top 5 Favorite Foods</h2>
<ul>
<li><a href="#pizzaSection">Pizza</a></li>
<li><a href="#biryaniSection">Biryani</a></li>
<li><a href="#burgerSection">Burger</a></li>
<li><a href="#lasagnaSection">Lasagna</a></li>
<li><a href="#casearsaladSection">Casear Salad</a></li>
</ul>
<div id="pizzaSection">
<img src="https://static.toiimg.com/thumb/53110049.cms?imgsize=148092&width=509&height=340" height="400px" width="500px" alt="Pizza"/>
<p>PIZZA</p>
</div>
<div id="biryaniSection">
<img src="https://www.cubesnjuliennes.com/wp-content/uploads/2021/03/Best-Mutton-Biryani-Recipe.jpg" height="400px" width="500px" alt="Biryani"/>
<p>BIRYANI</p>
</div>
<div id="burgerSection">
<img src="https://media-cldnry.s-nbcnews.com/image/upload/t_fit-1240w,f_auto,q_auto:best/newscms/2019_21/2870431/190524-classic-american-cheeseburger-ew-207p.jpg" height="400px" width="500p" alt="Burger"/>
<p>BURGER</p>
</div>
<div id="lasagnaSection">
<img src="https://www.thespruceeats.com/thmb/E1v3koUrFM5HhL6Yj8HKNuSmLoY=/940x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/white-and-red-sauce-lasagna-recipe-995925-hero-1-fb2c2142b39042069f0c50310047256d.jpg" height="400px" width="500px" alt="Lasagna"/>
<p>LASAGNA</p>
</div>
<div id="casearsaladSection">
<img src="https://www.simplyrecipes.com/thmb/bjY_Qh0kG-RICvEdDWVU1jolFCg=/648x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/__opt__aboutcom__coeus__resources__content_migration__simply_recipes__uploads__2009__09__caesar-salad-vertical-a-1800-bfcdcee8b33041ec95b5b87522bc1428.jpg" height="400px" width="500px" alt="Casear Salad"/>
<p>CASEAR SALAD</p>
</div>
</body>
</html>