-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfood.html
76 lines (67 loc) · 3.09 KB
/
food.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
<Doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Simpe Food Page</title>
<style>
.top{
background-color: rgba(61, 135, 245, 0.733);
padding: 26px;
font-size: x-large;
}
.mid{
background-color: rgb(211, 239, 248);
padding-top: 0.1px;
font-style: impact;
font-weight: bolder;
padding-bottom: 60px;
}
#biryani{
margin-left: 443px;
}
#pizza{
margin-left: 443px;
margin-top: 70px;
}
#Lasagna{
margin-left: 443px;
margin-top: 70px;
}
#burger{
margin-left: 443px;
margin-top: 70px;
}
#salad{
margin-left: 443px;
margin-top: 70px;
}
</style>
</head>
<body style="margin: 0; ">
<div class = "top">
<span style="padding: 12px;"><b>Index</b></span>
<span style="padding: 12px;"><b>Food</b></span>
<span style="padding: 12px;"><b>About</b></span>
</div>
<div class = "mid">
<h2 style="margin-left: 28px;">Top 5 Favourite Foods:</h2>
<ul style="font-size: 20px;">
<li><a href = "/food.html#biryani">Biryani</a></li>
<li><a href = "/food.html#pizza">Pizza</a></li>
<li><a href = "/food.html#lasagna">Lasagna</a></li>
<li><a href = "/food.html#burger">Burger</a></li>
<li><a href = "/food.html#salad">Caeser Salad</a></li>
</ul>
<img id = "biryani" src="https://www.cookwithmanali.com/wp-content/uploads/2019/09/Vegetable-Biryani-Restaurant-Style.jpg" width="480px" height="400px">
<p style = "text-align: center;" >Biryani</p>
<img id = "pizza" src="http://freehotpizza.com/wp-content/uploads/2019/04/frame-square-01.jpg" width="480px" height="400px">
<p style = "text-align: center;" >Pizza</p>
<img id = "lasagna" src="https://media.istockphoto.com/photos/meat-lasagna-picture-id543663322?k=6&m=543663322&s=612x612&w=0&h=yySl3A7VxRzVmc05AlDj_cYQsAOjQHTFBd_ooPs1M-o=" width="480px" height="400px">
<p style = "text-align: center;" >Lasagna</p>
<img id = "burger" src="https://media.istockphoto.com/photos/burger-picture-id538918759?k=6&m=538918759&s=612x612&w=0&h=5svTVyW6uPZbnlCNqIOhLlag7vIbJI-GhCD4QjaZEMg=" width="480px" height="400px">
<p style = "text-align: center;" >Burger</p>
<img id = "salad" src="https://www.simplyrecipes.com/wp-content/uploads/2009/09/caesar-salad-horiz-a-1800.jpg" width="480px" height="400px">
<p style = "text-align: center; " >Caeser Salad</p>
</div>
</body>
</html>