-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
228 lines (206 loc) · 11.4 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
<!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 Clone</title>
<link rel="shortcut icon" href="https://b.zmtcdn.com/images/logo/zomato_logo_2017.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<!--HEADER-->
<header>
<div class="nav">
<div class="get-app">
<i class="" size="20" color="red"><svg xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" width="10"
height="15" viewBox="0 0 20 20" aria-labelledby="icon-svg-title- icon-svg-desc-" role="img">
<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></i>
<p>Get the App</p>
</div>
<ul class="nav-bar">
<li>Investor Relations</li>
<li>Add Restaurant</li>
<li>log in</li>
<li>sign up</li>
</ul>
</div>
<div class="head">
<img class="logo" src="https://b.zmtcdn.com/web_assets/8313a97515fcb0447d2d77c276532a511583262271.png
">
<h3>Discover the best food & drinks in Bengaluru</h3>
<div class="search">
<div class="search-item">
<i class="fas fa-map-marker-alt"></i>
<input class="location" type="text" placeholder="Bengaluru">
</div>
<div class="search-item">
<i class="fas fa-search"></i>
<input type="text" placeholder="Search for a Restaurant, cusine or a dish">
</div>
</div>
</div>
<div class="header-image">
<img src=" https://b.zmtcdn.com/web_assets/81f3ff974d82520780078ba1cfbd453a1583259680.png">
</div>
</header>
<!--SECTION-->
<section class="section-1">
<div class="section-1-item">
<div class="item-details">
<p class="item-des">Order Food Online</p>
<p>Stay home and order to your doorstep</p>
</div>
<img src="https://b.zmtcdn.com/webFrontend/e5b8785c257af2a7f354f1addaf37e4e1647364814.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="">
</div>
<div class="section-1-item">
<div class="item-details">
<p class="item-des">Dining</p>
<p>View the city's favourite dining venues</p>
</div>
<img src="https://b.zmtcdn.com/webFrontend/d026b357feb0d63c997549f6398da8cc1647364915.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="">
</div>
<div class="section-1-item">
<div class="item-details">
<p class="item-des">Nightlife and Clubs</p>
<p>Explore the city's top nightlife outlets</p>
</div>
<img src="https://b.zmtcdn.com/webFrontend/d9d80ef91cb552e3fdfadb3d4f4379761647365057.jpeg?output-format=webp&fit=around|402:360&crop=402:360;*,*"
alt="">
</div>
</section>
<!--COLLECTIONS-->
<section class="collections">
<div class="collection-head">
<h3>Collections</h3>
</div>
<div class="collection-subhead">
<p>Explore curated lists of top restaurants, cafes, pubs, and bars in Bengaluru, based on trends</p>
<p class="subhead">All collections in Bengaluru</p>
<i class="fa-solid fa-caret-right" style="color: rgb(224, 53, 70);"></i>
</div>
<div class="collection-items">
<div class="collection-item">
<div class="item-details">
<p>23 Serene Rooftop Places</p>
<div class="more-places">
<p>24 Places</p>
<i class="fa-solid fa-caret-right"></i>
</div>
</div>
<img src="https://b.zmtcdn.com/data/collections/2da2ac4aea6e3c8241ab7de09fddf173_1674825836.jpg?output-format=webp"
alt="">
</div>
<div class="collection-item">
<div class="item-details">
<p>21 Newly Opened Restaurants</p>
<div class="more-places">
<p>15 Places</p>
<i class="fa-solid fa-caret-right"></i>
</div>
</div>
<img src="https://b.zmtcdn.com/data/collections/5a235455020ab591941f86eadecd111c_1674825385.jpg?output-format=webp"
alt="">
</div>
<div class="collection-item">
<div class="item-details">
<p>10 Trending Restaurants</p>
<div class="more-places">
<p>9 Places</p>
<i class="fa-solid fa-caret-right"></i>
</div>
</div>
<img src="https://b.zmtcdn.com/data/collections/edd5abbddd239a8cfb8099c63b1baaf0_1675247364.jpg?output-format=webp"
alt="">
</div>
<div class="collection-item">
<div class="item-details">
<p>11 Picturesque Cafes</p>
<div class="more-places">
<p>10 Places</p>
<i class="fa-solid fa-caret-right"></i>
</div>
</div>
<img src="https://b.zmtcdn.com/data/collections/bfa5063b43c9b8f6c9c3b1a37c815d3b_1674826835.jpg?output-format=webp"
alt="">
</div>
</div>
</section>
<!--SECTION 2-->
<section class="section-2">
<div class="section-2-heading">
<p>Popular localities in and around <strong>Bengaluru</strong></p>
</div>
<div class="section-2-container">
<div class="section-2-items">
<div class="section-2-item">
<p class="item-head">Indiranagar</p>
<p class="item-subhead">494 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">Marathahalli</p>
<p class="item-subhead">833 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">Whitefield</p>
<p class="item-subhead">912 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">Koramangala 5th Block</p>
<p class="item-subhead">247 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">HSR</p>
<p class="item-subhead">749</p>
</div>
<div class="section-2-item">
<p class="item-head">Jayanagar</p>
<p class="item-subhead">493 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">JP Nagar</p>
<p class="item-subhead">590 Places</p>
</div>
<div class="section-2-item">
<p class="item-head">Sarjapur Road</p>
<p class="item-subhead">620 Places</p>
</div>
<div class="section-2-item">
<p class="item-subhead">see more</p>
</div>
</div>
</div>
</section>
<!--SECTION -3-->
<section class="section-3">
<div class="section-3-container">
<div class="section-3-img">
<img src="https://b.zmtcdn.com/data/o2_assets/a500ffc2ab483bc6a550aa635f4e55531648107832.png" alt="">
</div>
<div class="section-3-content">
<h1>Get the Zomato App</h1>
<p>Download the App from</p>
<div class="section-3-download">
<img src="https://b.zmtcdn.com/data/webuikit/23e930757c3df49840c482a8638bf5c31556001144.png" alt="">
<img src="https://b.zmtcdn.com/data/webuikit/9f0c85a5e33adb783fa0aef667075f9e1556003622.png" alt="">
</div>
</div>
</div>
</section>
</body>
</html>