-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
366 lines (350 loc) · 22 KB
/
index.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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<html>
<head>
<title>Chaat Chamber</title>
</head>
<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 href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Kalam:wght@300;400;700&family=Reddit+Mono:wght@200..900&family=Rubik+Doodle+Shadow&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link rel="stylesheet" href="..\Chaat-Chamber\css\index.css">
<body>
<center>
<div class="navbar">
<a href="index.html"><button id="home"><span style="color: red">Chaat</span> <span
style="color: orange">Chamber</span></button></a>
<a href="about.html"><i class="fa-solid fa-circle-info" id="about"></i></a>
<i class="fa-solid fa-user" id="profile-icon"><span id="profile-dash-usercred"></span></i>
</div>
<div class="profile-dash">
<span id="profile-dash-usercred-mobile"></span>
<table>
<tr>
<td><a href="order summary.html"><button id="cart"><i class="fas fa-shopping-cart"><span class="cart-span"
style="font-size: 20px">0</span><span
class="profile-buttons-text">Your cart</span></i></button></a></td>
</tr>
<tr>
<td><i class="fa fa-sign-out" id="logout" aria-hidden="true"><span class="profile-buttons-text"
id="logout-button-text">Logout</span></i></td>
</tr>
</table>
</div>
</center>
<center>
<h1></h1>
<div class="category-list">
<div class="category" id="all-chaats">All</div>
<div class="category" id="classic-chaats">Classic Chaats</div>
<div class="category" id="dahi-based-chaats">Dahi Based Chaats</div>
<div class="category" id="tikki-based-chaats">Tikki Based Chaats</div>
<div class="category" id="fried-snack-chaats">Fried Snack Chaats</div>
<div class="category" id="regional-specialities">Regional Specialities</div>
<div class="menu-items" id="all-chats-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/61048461.webp"
alt="pani puri">
<div class="menu-text">Pani Puri Pizzazz<br>Rs.200</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crispy hollow shells filled with a spicy blend of tamarind water, potatoes, chickpeas, and a burst of chutneys.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/sev-puri-2.jpg" alt="sev puri">
<div class="menu-text">Sev Puri Sensation<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crisp puris topped with a vibrant mix of potatoes, onions, and chutneys, sprinkled with savory sev for a delightful crunch.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/samosa-recipe-500x375.jpg" alt="samosa">
<div class="menu-text">Special Samosa<br>Rs.20</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A crispy pastry filled with spiced potatoes and peas, served with tangy tamarind or mint yogurt dip.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Kachori-Blog.jpg"
alt="khasta kachori">
<div class="menu-text" id="cardsix">Khasta Kachori Kingdom<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A crispy pastry shell bursting with a spicy moong dal filling, deep-fried to perfection for that ultimate crunch.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/bhel-puri-featured.jpg"
alt="bhel puri">
<div class="menu-text" id="cardsix">Spice Mix Puff<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian street snack made of puffed rice, vegetables, tangy tamarind sauce and known for its spicy-sweet flavors.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Aloo-chaat-ded000e.jpg"
alt="aloo chaat">
<div class="menu-text" id="cardsix">Spiced Tater Toss<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A vibrant Indian street food dish featuring crispy fried potatoes tossed with sweet and tangy chutneys, spices, and herbs.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Dahi-Vada-Marathi-Recipe.jpg"
alt="dahi vada">
<div class="menu-text">Creamy Curd Vada<br>Rs.30</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Soft lentil fritters soaked in creamy yogurt, drizzled with sweet and spicy chutneys for a perfect symphony of flavors.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/istockphoto-1368324537-612x612.jpg"
alt="dahi ragda chaat">
<div class="menu-text" id="cardsix">Creamy Pea Delight<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A creamy Indian street food dish that combines soft white pea curry with yogurt, topped with chutneys, and a sprinkle of sev.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Dahi-Puri_-3.jpg"
alt="dahi puri">
<div class="menu-text" id="cardsix">Yogurt Puff Bites<br>Rs.30</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A delightful Indian snack of hollow, crispy shells filled with potatoes and chickpeas, topped with creamy yogurt and tangy chutneys.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/1-1.jpg"
alt="aloo tikki chaat">
<div class="menu-text" id="cardsix">Crispy Potato Medley<br>Rs.35</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian street food dish consisting of crispy potato patties topped with a sweet and tangy chutneys, yogurt, and garnishes.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Ragda-Patties-500x500.jpg"
alt="ragda patties">
<div class="menu-text" id="cardsix">Ragda Patties<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A classic Indian street food dish featuring soft potato patties served with a spicy white pea curry, garnished with chutneys and sev.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Onion-Pakora-Indian-Fritters-square.jpg"
alt="pakoda">
<div class="menu-text" id="cardsix">Indian Fritters<br>Rs.15</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian snack of deep-fried fritters made with gram flour coating filled onions, potatoes, or other vegetables.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/moong-dal-vada-recipe.jpg"
alt="mangode">
<div class="menu-text" id="cardsix">Crispy Lentil Nuggets<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Savory fritters made from ground moong dal and spices, fried to golden perfection for a crispy outside and tender inside.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/1679721475-Butter-masala-dosa-square-with-butter-and-masala-reference-4x3.jpg"
alt="dosa">
<div class="menu-text">Dosa Delight<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crisp, golden crepe from South India, served with chutney and sambar for a tantalizing treat.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/bhel-puri-recipe-1.webp"
alt="gila bhel">
<div class="menu-text">Saucy Puff Crunch<br>Rs.25</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A zesty Mumbai street food delight, combining puffed rice with fresh vegetables, tangy chutneys, and sev for a flavorful snack.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/981c40e_chaat-_640x480_10_November_20.jpg"
alt="aloo ke kuclhe">
<div class="menu-text">Spiced Potato Scoops<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Delightful scooped-out potatoes filled with a spicy chickpea mixture, garnished with pomegranate and fresh herbs for a burst of flavor.</div>
</div>
</div>
</div>
<div class="menu-items" id="classic-chaats-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/61048461.webp"
alt="pani puri">
<div class="menu-text">Pani Puri Pizzazz<br>Rs.200</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crispy hollow shells filled with a spicy blend of tamarind water, potatoes, chickpeas, and a burst of chutneys.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/sev-puri-2.jpg" alt="sev puri">
<div class="menu-text">Sev Puri Sensation<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crisp puris topped with a vibrant mix of potatoes, onions, and chutneys, sprinkled with savory sev for a delightful crunch.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/samosa-recipe-500x375.jpg" alt="samosa">
<div class="menu-text">Special Samosa<br>Rs.20</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A crispy pastry filled with spiced potatoes and peas, served with tangy tamarind or mint yogurt dip.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Kachori-Blog.jpg"
alt="khasta kachori">
<div class="menu-text" id="cardsix">Khasta Kachori Kingdom<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A crispy pastry shell bursting with a spicy moong dal filling, deep-fried to perfection for that ultimate crunch.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/bhel-puri-featured.jpg"
alt="bhel puri">
<div class="menu-text" id="cardsix">Spice Mix Puff<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian street snack made of puffed rice, vegetables, tangy tamarind sauce and known for its spicy-sweet flavors.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Aloo-chaat-ded000e.jpg"
alt="aloo chaat">
<div class="menu-text" id="cardsix">Spiced Tater Toss<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A vibrant Indian street food dish featuring crispy fried potatoes tossed with sweet and tangy chutneys, spices, and herbs.</div>
</div>
</div>
</div>
<div class="menu-items" id="dahi-based-chaats-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Dahi-Vada-Marathi-Recipe.jpg"
alt="dahi vada">
<div class="menu-text">Creamy Curd Vada<br>Rs.30</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Soft lentil fritters soaked in creamy yogurt, drizzled with sweet and spicy chutneys for a perfect symphony of flavors.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/istockphoto-1368324537-612x612.jpg"
alt="dahi ragda chaat">
<div class="menu-text" id="cardsix">Creamy Pea Delight<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A creamy Indian street food dish that combines soft white pea curry with yogurt, topped with chutneys, and a sprinkle of sev.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Dahi-Puri_-3.jpg"
alt="dahi puri">
<div class="menu-text" id="cardsix">Yogurt Puff Bites<br>Rs.30</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A delightful Indian snack of hollow, crispy shells filled with potatoes and chickpeas, topped with creamy yogurt and tangy chutneys.</div>
</div>
</div>
</div>
<div class="menu-items" id="tikki-based-chaats-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/1-1.jpg"
alt="aloo tikki chaat">
<div class="menu-text" id="cardsix">Crispy Potato Medley<br>Rs.35</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian street food dish consisting of crispy potato patties topped with a sweet and tangy chutneys, yogurt, and garnishes.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Ragda-Patties-500x500.jpg"
alt="ragda patties">
<div class="menu-text" id="cardsix">Ragda Patties<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A classic Indian street food dish featuring soft potato patties served with a spicy white pea curry, garnished with chutneys and sev.</div>
</div>
</div>
</div>
<div class="menu-items" id="fried-snack-chaats-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/Onion-Pakora-Indian-Fritters-square.jpg"
alt="pakoda">
<div class="menu-text" id="cardsix">Indian Fritters<br>Rs.15</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">An Indian snack of deep-fried fritters made with gram flour coating filled onions, potatoes, or other vegetables.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/moong-dal-vada-recipe.jpg"
alt="mangode">
<div class="menu-text" id="cardsix">Crispy Lentil Nuggets<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Savory fritters made from ground moong dal and spices, fried to golden perfection for a crispy outside and tender inside.</div>
</div>
</div>
</div>
<div class="menu-items" id="regional-specialities-list">
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/1679721475-Butter-masala-dosa-square-with-butter-and-masala-reference-4x3.jpg"
alt="dosa">
<div class="menu-text">Dosa Delight<br>Rs.50</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Crisp, golden crepe from South India, served with chutney and sambar for a tantalizing treat.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/bhel-puri-recipe-1.webp"
alt="gila bhel">
<div class="menu-text">Saucy Puff Crunch<br>Rs.25</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">A zesty Mumbai street food delight, combining puffed rice with fresh vegetables, tangy chutneys, and sev for a flavorful snack.</div>
</div>
</div>
<div class="card">
<div class="menu">
<img src="../Chaat-Chamber/images/981c40e_chaat-_640x480_10_November_20.jpg"
alt="aloo ke kuclhe">
<div class="menu-text">Spiced Potato Scoops<br>Rs.40</div>
<button class="buy-now">Add to cart</button>
<div class="item-description">Delightful scooped-out potatoes filled with a spicy chickpea mixture, garnished with pomegranate and fresh herbs for a burst of flavor.</div>
</div>
</div>
</div>
</div>
</center>
</body>
<script src="..\Chaat-Chamber\js\index.js"></script>
</html>