-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
373 lines (322 loc) · 17.9 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
367
368
369
370
371
372
373
<!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>Zomato</title>
<link rel="icon" href="https://cdn.iconscout.com/icon/free/png-128/zomato-1937646-1637644.png">
<link rel="stylesheet" href="style.css">
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<div class="img-container">
<img src="https://b.zmtcdn.com/web_assets/81f3ff974d82520780078ba1cfbd453a1583259680.png" alt="head-img">
</div>
<div class="header-body-section">
<nav class="nav">
<div class="container container-nav">
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" width="10" height="10"
viewBox="0 0 20 20" aria-labelledby="icon-svg-title- icon-svg-desc-" role="img"
class="sc-rbbb40-0 gvsUip">
<title>download-app</title>
<path
d="M18.5793 9.18939H16.5865H16.3199C15.7307 9.18939 15.2529 9.6672 15.2529 10.2583V10.3742C15.2529 10.9659 15.7307 11.444 16.3207 11.444H18.3156H18.5793C19.1696 11.444 19.6488 10.9639 19.6488 10.3742L19.6477 10.2569C19.6488 9.6672 19.1696 9.18939 18.5793 9.18939Z">
</path>
<path
d="M18.5804 6.52262H18.1097V1.35122C18.1097 0.607964 17.5017 0 16.7582 0H7.84167C7.09841 0 6.49045 0.608249 6.49045 1.35122V5.06151C4.69196 6.07821 2.83696 7.14029 2.83296 7.14286C1.82597 7.5573 0.350586 8.89453 0.350586 12.0522C0.350586 12.3342 0.369139 12.5945 0.395113 12.846C0.40339 12.9197 0.412524 12.9904 0.422514 13.0615C0.448488 13.2462 0.481027 13.4229 0.519845 13.5907C0.533831 13.6506 0.544678 13.7131 0.559805 13.7705C0.612039 13.9646 0.67255 14.1467 0.740482 14.32C0.774733 14.4059 0.811839 14.4841 0.84923 14.5646C0.88919 14.6494 0.929436 14.7327 0.972535 14.8106C1.02249 14.9045 1.07244 14.995 1.12724 15.0809C1.14037 15.1009 1.15464 15.1192 1.16805 15.1394C2.46847 17.1052 4.8675 17.114 4.8675 17.114H6.49045V18.6494C6.49045 19.3918 7.09841 19.9997 7.84167 19.9997H16.7579C17.5014 19.9997 18.1094 19.3915 18.1094 18.6494V16.7767H18.3155V16.7755H18.5784C19.1695 16.7755 19.6487 16.2974 19.6476 15.7063L19.6487 15.5898C19.6476 14.9996 19.1695 14.5229 18.5792 14.5229H18.3155H16.5861H16.3195C15.7292 14.5229 15.2525 15.0007 15.2525 15.5907V15.7091C15.2525 16.2977 15.7304 16.7775 16.3203 16.7775H17.1692V17.5008H7.43036V7.79877C7.91959 7.48851 8.37256 7.18995 8.63088 6.98987C9.93957 5.97774 11.1818 5.17169 11.3499 4.4407C11.5688 3.49222 10.8407 2.69302 9.57765 3.34922C9.17976 3.55587 8.36315 4.00885 7.43036 4.53261V2.14129L17.1692 2.14271V6.52205H16.5861V6.52319H16.3209C15.7304 6.52319 15.2511 7.001 15.2511 7.59269V7.70858C15.2511 8.29999 15.7303 8.77665 16.3195 8.77665H16.5846H18.3141H18.5798C19.1695 8.77665 19.6476 8.29884 19.6476 7.70858V7.58955C19.6487 7.00186 19.1709 6.52262 18.5804 6.52262ZM12.2986 17.9752C12.6731 17.9752 12.9751 18.2774 12.9751 18.6511C12.9751 19.0255 12.6728 19.3267 12.2986 19.3267C11.9256 19.3267 11.6242 19.0247 11.6242 18.6511C11.6247 18.2786 11.927 17.9752 12.2986 17.9752ZM13.7266 1.30098H10.8735C10.7839 1.30098 10.7097 1.2282 10.7097 1.13829C10.7097 1.04695 10.7839 0.974169 10.8735 0.974169H13.7266C13.8163 0.974169 13.8893 1.04667 13.8893 1.13829C13.8893 1.22792 13.8163 1.30098 13.7266 1.30098Z">
</path>
<path
d="M18.5788 11.8561H18.3151H16.3193C15.7302 11.8561 15.251 12.3353 15.251 12.9253V13.0423C15.251 13.6329 15.7291 14.1107 16.3193 14.1107H16.5845H18.3139H18.5782C19.1693 14.1107 19.646 13.6329 19.6474 13.0423V12.9253C19.6472 12.3353 19.1705 11.8561 18.5788 11.8561Z">
</path>
</svg>
<a href="https://www.zomato.com/mobile"><p>Get the App</p></a>
</div>
<ul>
<li><a href="https://www.zomato.com/investor-relations">Investor Relations</a></li>
<li><a href="https://www.zomato.com/partner-with-us">Add restaurant</a></li>
<li><a href="https://www.zomato.com/">Log in</a></li>
<li><a href="https://www.zomato.com/">Sing up</a></li>
</ul>
</div>
</nav>
<div class="header-body">
<div class="head-container">
<img class="zomato-logo"
src="https://b.zmtcdn.com/web_assets/8313a97515fcb0447d2d77c276532a511583262271.png"
alt="zomato">
<p>Discover the best food & drinks in Delhi NCR</p>
<div class="search-container">
<div class="detectlocation"><i class="fa-solid fa-location-dot"></i>
<input type="text" id="input" placeholder="Ymca, 1,Ashoka Rd, Hanu" />
<i class="fa-solid fa-caret-down"></i>
</div>
<div class="line"> | </div>
<div class="search-icon">
<i class="fa-solid fa-magnifying-glass"></i>
<input type="text" placeholder="Search for restaurant, cuisine or a dish" id="search-2">
</div>
</div>
</div>
</div>
</div>
</header>
<section class="section-1">
<div class="container features-container">
<div class="features">
<div class="feature-img">
<img src="https://b.zmtcdn.com/webFrontend/e5b8785c257af2a7f354f1addaf37e4e1647364814.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="1">
</div>
<h3>Order Online</h3>
<p>Stay home and order to your doorstep</p>
</div>
<div class="features">
<div class="feature-img">
<img src="https://b.zmtcdn.com/webFrontend/d026b357feb0d63c997549f6398da8cc1647364915.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="2">
</div>
<h3>Dining</h3>
<p>View the city's favourite dining venues</p>
</div>
<div class="features">
<div class="feature-img">
<img src="https://b.zmtcdn.com/webFrontend/d9d80ef91cb552e3fdfadb3d4f4379761647365057.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="3">
</div>
<h3>Nightlife and Clubs</h3>
<p>Explore the city's top nightlife outlets</p>
</div>
</div>
</section>
<section class="section-2">
<div class="middle">
<h2>Collections</h2>
<div>
<h4>Explore curated lists of top restaurants, cafes, pubs, and bars in Delhi NCR, based on trends</h4>
<span><a href="https://www.zomato.com/ncr/collections">All collections in Delhi NCR<i
class="fa-solid fa-caret-right"></i></a></span>
</div>
</div>
<div class="section-3-img">
<div class="box-1">
<div><span><a href="https://www.zomato.com/ncr/insta-worthy">Insta-worthy Places <br> 18 places <i
class="fa-solid fa-caret-right"></i></a></span></div>
<img src="https://b.zmtcdn.com/data/collections/9f698dc6251cca64722726c3203eed03_1670660951.jpg?output-format=webp"
alt="1">
</div>
<div class="box-1">
<div><span><a href="https://www.zomato.com/ncr/romantic-restaurants">Romantic Dining <br> 17 places <i
class="fa-solid fa-caret-right"></i></a></span></div>
<img src="https://b.zmtcdn.com/data/collections/a9e8377fce9b702add08c5305100f8ec_1669367619.jpg?output-format=webp"
alt="2">
</div>
<div class="box-1">
<div><span><a href="https://www.zomato.com/ncr/trending-this-week"> This Week <br> 10 places <i
class="fa-solid fa-caret-right"></i></a></span></div>
<img src="https://b.zmtcdn.com/data/collections/c46add7d3b90a477399c29de0705d3cf_1670661569.jpg?output-format=webp"
alt="3">
</div>
<div class="box-1">
<div><span><a href="https://www.zomato.com/ncr/trending-this-week"> Owned Places<br> 4 places <i
class="fa-solid fa-caret-right"></i></a></span></div>
<img src="https://b.zmtcdn.com/data/collections/22a58dffe18c5951b87ff005bce00ebe_1668152620.jpg?output-format=webp"
alt="4">
</div>
</div>
<h1 id="top">Popular localities in and around <strong>Delhi NCR</strong></h1>
<div class="section-4">
<div class="box-2">
<div>
<p>Connaught Place </p>
<h5>240 Places </i></h5>
</div>
<a href="https://www.zomato.com/ncr/connaught-place-delhi-restaurants">
<i class="fa-solid fa-chevron-right"></i>
</a>
</div>
<div class="box-2">
<div>
<p>Sector 29 </p>
<h5>132 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/sector-29-gurgaon-gurugram-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>Sector 18,Noida</p>
<h5>192 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/sector-18-noida-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>Rajouri Garden</p>
<h5>268 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/rajouri-garden-delhi-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>Saket</p>
<h5>301 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/saket-delhi-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>DLF Cyber City</p>
<h5>145 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/dlf-cyber-city-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>Golf Course Road</p>
<h5>156 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/golf-course-road-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>DLF Phase 4</p>
<h5>208 Places </h5>
</div>
<a href="https://www.zomato.com/ncr/dlf-phase-4-restaurants"><i class="fa-solid fa-chevron-right"></i></a>
</div>
<div class="box-2">
<div>
<p>See more <i class="fa-solid fa-chevron-down"></i></p>
</div>
</div>
</div>
</section>
<section class="section-5">
<div class="flex contact">
<img src="https://b.zmtcdn.com/data/o2_assets/a500ffc2ab483bc6a550aa635f4e55531648107832.png" alt="5">
<div class="address">
<h2>Get the Zomato app</h2>
<p>We will send you a link, open it on your phone to download the app</p>
<div class="flex radio">
<div>
<input type="radio" name="fill" id="email" checked>
<label for="email">Email</label>
</div>
<div>
<input type="radio" name="fill" id="phone">
<label for="phone">Phone</label>
</div>
</div>
<div class="flex email">
<input type="text" placeholder="Email" id="e-input" />
<button>Share App Link</button>
</div>
<div class="flex app">
<p class="download">Download app from </p>
<img src="https://b.zmtcdn.com/data/webuikit/23e930757c3df49840c482a8638bf5c31556001144.png"
alt="6">
<img src="https://b.zmtcdn.com/data/webuikit/9f0c85a5e33adb783fa0aef667075f9e1556003622.png"
alt="7">
</div>
</div>
</div>
</section>
<section class="end">
<div class="section-6">
<p>Explore options near me</p>
<div class="end-container">
<h3>Popular cusines near me</h3>
<i class="fa-solid fa-chevron-down"></i>
</div>
<div class="end-container">
<h3>Popular restaurant types near me</h3>
<i class="fa-solid fa-chevron-down"></i>
</div>
<div class="end-container">
<h3>Top Restaurant Chains</h3>
<i class="fa-solid fa-chevron-down"></i>
</div>
<div class="end-container">
<h3>Cities We Deliver To</h3>
<i class="fa-solid fa-chevron-down"></i>
</div>
</div>
</section>
<section class="footer">
<div class="section-7">
<div class="first">
<div>
<img src="https://b.zmtcdn.com/web_assets/b40b97e677bc7b2ca77c58c61db266fe1603954218.png?fit=around|198:42&crop=198:42;*,*"
alt="7">
</div>
<div class="first-1">
<div><span>India</span></div>
<div><span>English</span></div>
</div>
</div>
<div class="second">
<div>
<h4>ABOUT ZOMATO</h4>
<a href="#">Who we are</a>
<a href="#">Blog</a>
<a href="#">Work With Us</a>
<a href="#">Investor Relations</a>
<a href="#">Report Fraud</a>
<a href="#">Contact Us</a>
</div>
<div>
<h4>ZOMAVERSE</h4>
<a href="#">Zomato</a>
<a href="#">Blinkit</a>
<a href="#">Feeding India</a>
<a href="#">Hyperpure</a>
<a href="#">Zomaland</a>
</div>
<!-- flex-direction-column -->
<div id="flex-column">
<h4>FOR RESTAURANTS</h4>
<a href="#">Partner With Us</a>
<a href="#">Apps For You</a>
</div>
<div id="flex-column">
<h4>ENTERPRISES</h4>
<a href="#">Zomato For Work</a>
</div>
<!-- flex direction column -->
<div>
<h4>LEARN MORE</h4>
<a href="#">Privacy</a>
<a href="#">Security</a>
<a href="#">Terms</a>
<a href="#">Sitemap</a>
</div>
<!-- Social links -->
<div class="box-4">
<h4>SOCIAL LINKS</h4>
<div>
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-square-instagram"></i>
<i class="fa-brands fa-square-twitter"></i>
<i class="fa-brands fa-square-youtube"></i>
<i class="fa-brands fa-facebook"></i>
</div>
<img src="https://b.zmtcdn.com/data/webuikit/23e930757c3df49840c482a8638bf5c31556001144.png"
alt="6">
<img src="https://b.zmtcdn.com/data/webuikit/9f0c85a5e33adb783fa0aef667075f9e1556003622.png"
alt="7">
</div>
</div>
<hr>
<p class="footer-para">By continuing past this page, you agree to our Terms of Service, Cookie Policy, Privacy Policy and
Content Policies. All trademarks are properties of their respective owners. 2008-2023 © Zomato™ Ltd. All
rights reserved.</p>
</div>
</section>
<script src="script.js"></script>
</body>
</html>