-
Notifications
You must be signed in to change notification settings - Fork 0
/
Indian.html
352 lines (348 loc) · 22.1 KB
/
Indian.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Food-Food</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-fluid" style="background-color: orangered;">
<a class="navbar-brand" href="index.html">Food-Food</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Indian
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="Indian.html">Indian</a></li>
<li><a class="dropdown-item" href="Chinese.html">Chinese</a></li>
<li><a class="dropdown-item" href="Italian.html">Italian</a></li>
<li><a class="dropdown-item" href="Lebanese.html">Lebanese</a></li>
<li><a class="dropdown-item" href="French.html">French</a></li>
<li><a class="dropdown-item" href="Korean.html">Korean</a></li>
<li><a class="dropdown-item" href="Spanish.html">Spanish</a></li>
<li><a class="dropdown-item" href="Mexican.html">Mexican</a></li>
<li><a class="dropdown-item" href="Mediterranean.html">Mediterranean</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="contactus.html">Contact Us</a>
</li>
</ul>
<form class="d-flex my-2" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-light" type="submit">Search</button>
</form>
</div>
<div class="my-2">
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#signupModal">Signup</button>
<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#loginModal">
Login
</button>
</div>
</div>
</nav>
<div class="container my-4">
<div class="row mb-2">
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">DAL SOUP</h3>
<div class="mb-1 text-body-secondary">25 min approx</div>
<p class="card-text mb-auto">If you are a fan of soups, especially vegetarian ones,
then you must try a bowl of dal. Dal is a comforting lentil-based soup that has
been enhanced with herbs and spices. This soup feels warming in the winter months
and cools during the summer, making it a popular choice with many soup lovers.
</p>
<a href="dal.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x380/?dal soup"
alt="dal soup image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?dal soup" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">SAMOSA</h3>
<div class="mb-1 text-body-secondary">1hr minutes approx</div>
<p class="card-text mb-auto">Samosa Recipie - Learn to make perfec crispy, flaky & delicious
samosas at home with us step by step by this post.Samosa is the potato stuffed deep fried very popular snack in India.
This Recipie was oriented in middle east of India and then brought by mercents in every part of India.</p>
<a href="samosa.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x370/?samosa"
alt="Samosa image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?samosa" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">CURRY</h3>
<div class="mb-1 text-body-secondary">45 minutes approx</div>
<p class="card-text mb-auto">Curry is one of India’s most popular and well-known dishes.
Tomato-based curries are known as the ultimate comfort food in India, and countries
all over the world have adopted this opinion too. Curry spices are added to sizzling
aromatics with other ingredients then added in, simmering together until the flavors
merge in perfect harmony. Particularly delicious when topped over rice, there is a wide
range of curry options to choose from, such as lamb, chicken, fish, or shrimp. </p>
<a href="curry.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x500/?Curry"
alt="Samosa image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x850/?curry" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">TANDOORI CHICKEN</h3>
<div class="mb-1 text-body-secondary">7 hr approx</div>
<p class="card-text mb-auto">The only dish that’s probably more popular than this one would
be chicken tikka, but even then it’s a close call. Tandoori chicken’s juicy consistency
and mouthwatering spices make it a classic that never really goes out of style and always
manages to make new fans with each serving. </p>
<a href="tandoori_chicken.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x370/?Tandoori Chicken"
alt="SOUP a L'OIGNON image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?fried-chicken" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">Tandoori Fish</h3>
<div class="mb-1 text-body-secondary">1 hr approx</div>
<p class="card-text mb-auto">When thinking of tandoor-style dishes, fish is not always the first
thing that comes to mind. Yet tandoori fish is certainly a different type of meal, one not often
represented in Indian cuisine. What the cooking process does for other meats works just as well
for fish, imparting flavor and spice in equal measure.</p>
<a href="tandoori_fish.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x385/?Tandoori Fish"
alt="tandoori fish image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?fried-fish" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">BIRYANI</h3>
<div class="mb-1 text-body-secondary">2 hr approx</div>
<p class="card-text mb-auto">
Every cuisine seems to have its own special rice dish―for Indians; this dish is biryani.
The presentation of Biryani not only looks beautiful but has an addictive characteristic,
earning it lots of devotees. Its blooming flavors and fluffy rice are enhanced by vegetables
and sometimes meats, making it a favorite for vegetarians and meat lovers alike.</p>
<a href="biryani.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x408/?Biryani"
alt="Biryani image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x700/?biryani" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">GINGER CHICKEN KABOB</h3>
<div class="mb-1 text-body-secondary">1 hr approx</div>
<p class="card-text mb-auto">How can you make the tandoori chicken even better?
Change up the marinade, giving it an extra kick with a ginger mint sauce, and
suddenly you have a new favorite dish. This particular dish is one that you’re not likely to find
anywhere outside of Little India, and we’re certain that it’s probably one of our tastiest creations to date.</p>
<a href="ginger_chicken_kabob.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x420/?Ginger Chicken Kabob"
alt="Ginger chicken kabob image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x750/?chicken-kabob" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">SHAHI PANEER</h3>
<div class="mb-1 text-body-secondary">25 min approx</div>
<p class="card-text mb-auto">Originating from India's Moghul cuisine, shahi paneer is a cheese curry that is
prepared with paneer cheese, onions, almond paste, and a rich, spicy tomato-cream sauce. The dish is typically
accompanied by Indian breads such as naan, roti, or puri.
Often referred to as the Royal paneer, traditionally, it is prepared during special occasions and festivities as
a vegetarian main course. Rich, hearty, and nutritious, shahi paneer is commonly garnished with coriander leaves.</p>
<a href="shahi_paneer.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x470/?Shahi paneer"
alt="shahi paneer image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x870/?shahi paneer" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-primary-emphasis">INDIAN</strong>
<h3 class="mb-0">MASALA DOSA</h3>
<div class="mb-1 text-body-secondary">25 min approx</div>
<p class="card-text mb-auto">A traditional southern Indian dish known as masala dosa is popular
hroughout the country, made from a batter of soaked rice and lentils that is baked into a thin
pancake and usually stuffed with potatoes, onions, and mustard seeds. The dish is often garnished
with grated coconut and chopped coriander.</p>
<a href="dosa.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x430/?dosa"
alt="dhosa image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?dosa" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
<div class="col-md-6">
<div
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<strong class="d-inline-block mb-2 text-success-emphasis">INDIAN</strong>
<h3 class="mb-0">DAL MAKHNI</h3>
<div class="mb-1 text-body-secondary">read carefully</div>
<p class="mb-auto">
Although it originated in Punjab, dal makhani has become one of the most popular Indian lentil
dishes, both in the country and outside of its borders. It consists of red kidney beans and whole
black lentils, which also go under the name urad.
</p>
<a href="dal_makhni.html" class="icon-link gap-1 icon-link-hover stretched-link">
Recipie
<svg class="bi">
<use xlink:href="#chevron-right"></use>
</svg>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" src="https://source.unsplash.com/200x350/?dal Makhani"
alt="dal Makhni image">
</div>
<div class="col-auto">
<img src="https://source.unsplash.com/150x600/?dal-makhni" class="d-block d-sm-none" alt="Your image">
</div>
</div>
</div>
</div>
</div>
<footer class="container">
<p class="float-end"><a href="#">Back to top</a></p>
<p>© 2022–2023 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
crossorigin="anonymous"></script>
</body>
</html>