-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
147 lines (144 loc) · 7.48 KB
/
about.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flavor Haven Restaurant</title>
<link rel="stylesheet" type="text/css" href="nav.css">
<link rel="stylesheet" type="text/css" href="footer.css">
<link rel="stylesheet" type="text/css" href="about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="hoppang.png">
<script>
window.onload=function()
{
document.getElementById('loader').style.display="none";
document.getElementById('content').style.display="block";
}
</script>
<style>
#loader{
border:0px solid red;
position: absolute;
margin:auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 600px;
height: 600px;
}
#loader img{
width: 700px;
}
#content{
display: none;
}
</style>
</head>
<body>
<div id="loader">
<img src="The Salad.gif" alt="">
</div>
<div id="content">
<!--code for nav bar-->
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Menu</a>
<ul>
<li><a href="vegthali.html">Veg Thali</a></li>
<li><a href="non-veg.html">Non-Veg Thali</a></li>
<li><a href="chaat.html">Chaat</a></li>
<li><a href="fast.html">Fast Food</a></li>
<li><a href="soup.html">Soup</a></li>
<li><a href="pasta.html">Pasta</a></li>
</ul></li>
<li><a href="order.html">Order</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--code end of nav bar-->
<br>
<br>
<br>
<h1 align="center">About Us</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur, veniam nam molestias voluptatibus maxime, ipsum dolore iure quidem, optio laborum delectus natus corrupti! Dolorum ea, laborum maxime placeat exercitationem eius dolor? Quas atque veniam praesentium, nihil, nemo error distinctio, reprehenderit reiciendis laborum pariatur voluptatem itaque similique? Corrupti, est culpa necessitatibus sapiente quos explicabo assumenda rerum, eos tenetur voluptas, molestias voluptatem blanditiis? Provident quam suscipit fuga ducimus, at consectetur placeat magnam veniam voluptates eveniet fugiat tempore maxime blanditiis dolorem eum consequuntur dolores, magni libero quisquam perspiciatis? Explicabo unde perspiciatis reiciendis asperiores maiores quo facere consectetur, quaerat magni, autem iste ipsam dolor sed, nam velit officia suscipit voluptas quos doloremque! Deserunt facere mollitia error perferendis dolore, sint sunt in earum autem quod adipisci fugiat nihil vero ad cum iste nisi nesciunt velit voluptatem consequatur ea provident itaque? Totam nostrum nulla aut, quia odit molestiae aliquid sint error ipsam fuga minus, nobis culpa corrupti asperiores obcaecati mollitia accusantium fugit unde dolore veritatis architecto rem, laudantium iste. Reprehenderit quia itaque nulla. Aliquid, labore reprehenderit. Eveniet adipisci esse itaque enim, dolorum optio quaerat at.</p>
<br>
<br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur, veniam nam molestias voluptatibus maxime, ipsum dolore iure quidem, optio laborum delectus natus corrupti! Dolorum ea, laborum maxime placeat exercitationem eius dolor? Quas atque veniam praesentium, nihil, nemo error distinctio, reprehenderit reiciendis laborum pariatur voluptatem itaque similique? Corrupti, est culpa necessitatibus sapiente quos explicabo assumenda rerum, eos tenetur voluptas, molestias voluptatem blanditiis? Provident quam suscipit fuga ducimus, at consectetur placeat magnam veniam voluptates eveniet fugiat tempore maxime blanditiis dolorem eum consequuntur dolores, magni libero quisquam perspiciatis? Explicabo unde perspiciatis reiciendis asperiores maiores quo facere consectetur, quaerat magni, autem iste ipsam dolor sed, nam velit officia suscipit voluptas quos doloremque! Deserunt facere mollitia error perferendis dolore, sint sunt in earum autem quod adipisci fugiat nihil vero ad cum iste nisi nesciunt velit voluptatem consequatur ea provident itaque? Totam nostrum nulla aut, quia odit molestiae aliquid sint error ipsam fuga minus, nobis culpa corrupti asperiores obcaecati mollitia accusantium fugit unde dolore veritatis architecto rem, laudantium iste. Reprehenderit quia itaque nulla. Aliquid, labore reprehenderit. Eveniet adipisci esse itaque enim, dolorum optio quaerat at.</p>
<br>
<h1 align="center">Our Team</h1>
<br>
<div class="top_cat">
<div class="top_cat_pro"><img src="14.jpg" alt="">
<div class="starr">
Rated
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="top_cat_pro"><img src="15.jpg" alt="">
<div class="starr">
Rated
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="top_cat_pro"><img src="16.jpg" alt="">
<div class="starr">
Rated
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
</div>
<!--code for footer-->
<div class="footer">
<div class="footerb">
<br>Quick Link</br>
<br><br>
Home <br>
About <br>
Menu <br>
Order <br>
Contect <br>
</div>
<div class="footerb">
<br>Menu</br>
<br><br>
Veg Thali <br>
Non-Veg Thali <br>
Fast Food <br>
Pizza <br>
Juice <br>
</div>
<div class="footerb">
<br>Address</br>
<br><br>
Address: <br>
Ajmer, Rajasthan <br>
Email: tohit0333@gmail.com <br>
Mobile: 7877815027 <br>
Time: 9:00 AM to 5:00 PM <br>
</div>
<div class="footerb">
<br>Directions</br>
<br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57159.85309559326!2d74.59182155144497!3d26.439903449225415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396be72ad27bfc13%3A0xb68387500a66a463!2sAjmer%20Lake!5e0!3m2!1sen!2sin!4v1704676545772!5m2!1sen!2sin" width="100%" height="120px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!--code end of footer-->
</div>
</body>
</html>