-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
209 lines (144 loc) · 10.7 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="icon" type="text/css" href="DIK.ico">
<link rel="stylesheet" type="text/css" href="stylesheets CSS/aboutpagestyle.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets CSS/homepagestyle.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets CSS/commonstyles.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets CSS/navigatingstyles.css" media="screen">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-brands/css/uicons-brands.css'>
<link rel="stylesheet" type="text/css" href="stylesheets CSS/mediaqueries.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&family=Poppins:wght@100&family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap" rel="stylesheet">
<link href="https://github.com/tabler/tabler-icons/tree/master/icons">
<script src="https://kit.fontawesome.com/71b2ee59be.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="about-header">
<div class="header-bg" style="background-image: url(images/meat-platter.jpg);">
</div>
<div class="about-header-wrapper">
<div class="about-header-content">
<div class="heading-wrapper">
<h1>About us</h1>
</div>
<div class="secondline-wrapper">
<!--Links to page-->
<div class="links">
<div class="nav-link">
<a href="index.html">Home</a>
</div>
<div class="nav-link">
<a href="about.html" target="_blank">About</a>
</div>
<div class="nav-link">
<a href="menu.html" target="_blank">Menu</a>
</div>
<div class="nav-link">
<a href="contact.html" target="_blank">Contact</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-container">
<div class="content-wrapper">
<!--Image comes next-->
<img src="images/chef cooking.jpg" id="chef">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates facilis commodi minima incidunt maiores quae impedit obcaecati deleniti accusantium nam? Magnam voluptate repellat est harum iure voluptatum vitae temporibus recusandae consectetur eum, possimus architecto ipsum voluptas quia molestiae deserunt. Veniam fugiat blanditiis, qui consectetur maxime ad sequi sint dolor voluptate ipsam! Fugiat, nulla. Explicabo repellendus natus optio alias aperiam placeat dolorem adipisci velit mollitia vero omnis, unde obcaecati! Alias molestiae iure pariatur! Consequuntur expedita ipsam, nulla harum similique dolorum reprehenderit fugit tempore, earum unde aperiam molestiae, id maxime! Qui fuga tempore, modi in illo ratione molestias voluptatibus omnis magni magnam ullam cumque dicta consequatur perspiciatis autem voluptates laboriosam illum commodi ad dolorem odit exercitationem distinctio! Cum corrupti distinctio porro eveniet itaque commodi doloribus, asperiores aperiam quasi quas accusantium doloremque aliquam alias nisi omnis eaque veritatis consequuntur ratione expedita optio aut nemo odio. Accusamus, itaque iure. Adipisci exercitationem cum, obcaecati doloremque quisquam facilis in aliquid rerum quasi maiores mollitia corrupti possimus non, rem ex corporis fugit voluptatibus ipsa incidunt. Quibusdam, adipisci? Iste deleniti illum obcaecati corrupti debitis. Earum id corporis obcaecati voluptate magnam maiores molestiae exercitationem ut quisquam ipsa necessitatibus voluptatibus debitis, pariatur possimus veniam nam praesentium deleniti quam eligendi ad.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente, minima iste fugit suscipit adipisci aliquam repellendus voluptate libero porro illum doloremque odit ipsum aspernatur voluptatibus voluptatem, sint eos quia obcaecati laborum? Animi a ipsam maxime consectetur corrupti, voluptatum eos. Odit temporibus reiciendis voluptatibus quae sequi. Laborum quisquam ipsam laboriosam perferendis quam, molestias modi vitae quod, quas eos sit nam neque officia saepe doloribus. Laboriosam voluptates vel sunt, nulla sed molestias quisquam quasi ipsam corrupti magni totam ab ipsum eos nobis est ullam dolores officia aperiam accusamus quis aspernatur modi. Amet mollitia totam iure placeat non optio autem porro veniam deleniti obcaecati quibusdam officiis ratione, quaerat eius! Earum labore mollitia pariatur, vitae voluptatum modi corrupti. Iste molestiae dolor corrupti amet sapiente cum quas voluptates sit dolore sunt dolores recusandae itaque, ea pariatur nihil, hic laborum temporibus quos ad quaerat, eum rerum? Iusto tempore, impedit repellendus saepe mollitia voluptatum dignissimos ipsum eum aliquam autem, nisi ex suscipit illo libero incidunt. Id dolor iste sequi, impedit quo recusandae labore alias temporibus expedita voluptates, ea facilis hic, vel aut ipsam doloribus repellat. Autem ad, debitis recusandae tempora eum veritatis voluptatibus aspernatur perferendis quod, rem architecto similique consequuntur ut, sunt reprehenderit? Maxime saepe officia doloribus impedit quia optio, quibusdam tempore voluptatum illum labore, corrupti, facilis aut quisquam et eum sint inventore? Repellendus sed doloribus repudiandae, natus veniam architecto maiores, dicta dolorum et labore illo impedit perspiciatis, eius ullam tempore neque debitis ipsa aliquam ex quo cumque quaerat magni omnis consequatur! Perferendis neque, porro ab fugit odio enim inventore, labore magnam excepturi iste, suscipit animi sed obcaecati! Consequuntur perferendis dolores nihil nemo fuga eius, cum beatae, facere voluptatem asperiores consequatur doloremque, ullam enim et sed impedit nam officia deserunt debitis voluptate vitae repudiandae vel? Dolore veritatis suscipit architecto facilis. Neque ad ipsum perspiciatis corporis recusandae fugiat?</p>
</div>
</div>
<div class="spacer50">
</div>
<div class="squares-wrapper">
<div class="squares">
<div class="square">
<!--image comes here-->
<div class="img-wrapper">
<img src="images/Menus/Thali.jpg">
</div>
<div class="square-text-wrapper">
<h1>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quis impedit deleniti illo doloribus neque, ad eveniet nulla aliquid alias veniam quam
esse temporibus, autem eaque accusamus adipisci quisquam fugiat fugit, dolores totam magni
necessitatibus amet expedita. Eos, cum? Magnam vel distinctio eum deleniti vitae,
laboriosam sint ipsam at quae voluptatibus!
</p>
</div>
</div>
<div class="square">
<div class="square-text-wrapper">
<h1>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quis impedit deleniti illo doloribus neque, ad eveniet nulla aliquid alias veniam quam
esse temporibus, autem eaque accusamus adipisci quisquam fugiat fugit, dolores totam magni
necessitatibus amet expedita. Eos, cum? Magnam vel distinctio eum deleniti vitae,
laboriosam sint ipsam at quae voluptatibus!
</p>
</div>
<!--image comes here-->
<div class="img-wrapper2">
<img src="images/Menus/biryani.jpg">
</div>
</div>
</div>
</div>
<div class="spacer50">
</div>
<!--footer section-->
<div class="footersection">
<div class="footerheading">
<hr width="100"><h3>Dev-Indian Kitchen</h3><hr width="100">
</div>
<div class="pnwh">
<p>1234567890 11AM - MIDNIGHT</p>
</div>
<div class="footercontactinfo">
<div class="links">
<div class="nav-link">
<a href="index.html">Home</a>
</div>
<div class="nav-link">
<a href="about.html" target="_blank">About</a>
</div>
<div class="nav-link">
<a href="menu.html" target="_blank">Menu</a>
</div>
<div class="nav-link">
<a href="contact.html" target="_blank">Contact</a>
</div>
</div>
</div>
<div class="socialmedialinks">
<div class="nav-link">
<a href="https://www.instagram.com/" target="_blank">
<i class="fi fi-brands-instagram"></i></a>
</div>
<div class="nav-link">
<a href="https://www.facebook.com/" target="_blank">
<i class="fi fi-brands-facebook"></i></a>
</div>
<div class="nav-link">
<a href="https://twitter.com/?lang=en-in" target="_blank">
<i class="fi fi-brands-twitter"></i></a>
</div>
</div>
<div class="lastline">
<h6>© 2023 | All rights reserved</h6>
</div>
</div>
</body>
</html>