-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
412 lines (380 loc) · 19.7 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
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<!DOCTYPE html>
<html>
<head>
<title>Restaurant Detailed Page</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/initial.css">
<link rel="stylesheet" type="text/css" href="style/common.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<script src="index.js"></script>
</head>
<body>
<div class="restaurant-page-container">
<header class="header">
<div class="logo-wrapper">
<img class="logo icon" src="images/logo.png">
<span class="brand-name text">pro</span>
</div>
<input type="text" class="search-box"><img src="images/search-icon.png" class="search-icon"></input>
<div class="notification-icon"><img class="icon" src="images/notification.png"></div>
<div class="heart-icon"><img class="icon" src="images/heart.png"></div>
<div class="user-details">
<img src="http://graph.facebook.com/v2.6/1475152545933039/picture" class="user-image">
<span class="user-name text">pro</span>
</div>
<div class="menu-icon"><img src="images/menu-icon.png" class="icon"></div>
</header>
<div class="div-second">
<div class="menu-list">
<ul class="list-items">
<li>Home</li>
<li>Malls</li>
<li>Outlets</li>
</ul>
<div class="offer">offer</div>
<div class="border"></div>
<ul class="list-items">
<li>Pro</li>
<li>Badges</li>
<li>Powers</li>
</ul>
</div>
<div class="banner-container">
<img class="banner" src="images/hotel.jpg">
<div class="banner-text">
<div class="div-1">
<span class="place-name">Masala Darbar Juhu</span>
<div class="follow-button">Follow</div>
</div>
<div class="div-1">
<div class="address">
<img class="icon" src="images/pin.png">
<span class="text">3rd Floor, R City Mall, Lal Bahadur Shastri Marg, Ghatkopar West, Mumbai, Maharashtra 400086, India</span>
</div>
<div class="rating-container">
<div class="rating">
<img class="icon" src="images/rating-star.png">
<span class="text text-left ">3.1</span>
</div>
<span class="text text-left ">23 Ratings</span>
</div>
<div class="reviews-container">
<img class="icon" src="images/chat-bubble.png">
<span class="text text-left ">91 Reviews</span>
</div>
</div>
</div>
</div>
<div class="menu-list alignment">
<ul class="list-items bottom-list-items">
<li>Overview</li>
<li>Address</li>
<li>Offers</li>
<li>Cuisine</li>
<li>Ratings & Reviews</li>
</ul>
<div class="button favourite align-content">
<img class="icon" src="images/red-heart.png">
<span class="text-left "> Marked Favourite</span>
</div>
<div class="button button--share">share</div>
</div>
</div>
<!-- div-third starts from here -->
<div class="div-third">
<div class="overview-wrapper">
<img class="overview-image" src="images/hotel.jpg">
<div class="header-text">Overview</div>
<span class="light-text">R City is the biggest mall in Mumbai to shop for branded clothes & lifestyle products.
It is among the best shopping malls in Mumbai for entertainment and dining </span>
<div class="align-content">
<div class="button">Follow</div>
<div class="button left">Directions</div>
</div>
<div class="align-content">
<div class="rating-container">
<div class="rating">
<img class="icon" src="images/rating-star.png">
<span class="text text-left ">3.1</span>
</div>
<span class="normal-text text-left ">23 Ratings</span>
</div>
<div class="reviews-container left">
<img class="icon" src="images/chat-bubble.png">
<span class="normal text-left">91 Reviews</span>
</div>
</div>
<div class="align-content">
<div class="time align-content"><span class="normal-text"><strong>Hours</strong> Closed 12:30 AM</span></div>
</div>
<div class="align-content">
<div class="phone-number align-content"><span class="normal-text"><strong>Phone Number</strong> 7895788535</span></div>
</div>
</div>
<div class="score-container">
<img class="score-image" src="images/score-star.png">
<span class="text score-text">Current PRO Score</span>
<div class="button button--earn--more">Earn More</div>
</div>
<div class="policy-container">
<div class="align-content">
<img class="policy-image" src="images/policy.png">
<span class="policy-header left">Policy</span>
</div>
<span class="light-text policy-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmodLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
</span>
<div class="blue-text">Read more</div>
</div>
<div class="policy-container view-policy-wrapper">
<div class="view-policy align-content">
<img class="icon" src="images/policy.png">
<span class="policy-header left">Policy</span>
</div>
<div class="view-policy align-content">
<img class="icon" src="images/policy.png">
<span class="policy-header left">Power Eligibility Cr</span>
</div>
<div class="terms-conditions align-content">
<img class="icon" src="images/terms-condition.png">
<span class="policy-header left">Terms & Conditions</span>
</div>
</div>
<div class="policy-container add-wrapper">
<div class="wrapper">
<img class="pizza-hut-icon" src="images/pizza.png">
<div class="pizza left">
<span class="pizza__header">Pizza Hut</span>
<span class="pizza__text light-text">Get INR 1000/- Off against 1000 point on a minimum Purchase of 6000/-</span>
<span class="pizza__validity">Validity: Mar 12</span>
</div>
</div>
</div>
<div class="address-wrapper">
<div class="wrapper">
<div class="address-info">
<div class="header-text">Address</div>
<span class="light-text">Lal Bahadur Shastri Road, Amrut Nagar, Ghatkopar West, Mumbai, Maharashtra 400086</span>
</div>
<img class="map-image" src="images/maps.png">
</div>
<div class="border-bottom"></div>
<div class="alignment">
<div class="normal-text">You can also check the 3D view by using our menue map clicking here </div>
<div class="blue-text left">Venue Map</div>
</div>
</div>
<div class="cuisine-wrapper">
<div class="header-text">Cuisine</div>
<div class="light-text top-gap">Available</div>
<div class="alignment">
<div class="dish-category">Continental</div>
<div class="dish-category">North Indian</div>
<div class="dish-category">Chinese Cusine</div>
<div class="dish-category">Intercontinental Dis</div>
</div>
<div class="light-text top-gap">Speciality</div>
<div class="alignment">
<div class="dish-category">Continental</div>
<div class="dish-category">North Indian</div>
<div class="dish-category">Chinese Cusine</div>
<div class="dish-category">Intercontinental Dis</div>
<div class="dish-category">Chinese</div>
<div class="dish-category">Intercontinental Dis</div>
</div>
<div class="light-text top-gap">Menue</div>
<div class="align-content">
<img class="menu-card-image" src="images/menu-card.jpg">
<img class="menu-card-image left" src="images/menu-card.jpg">
</div>
</div>
<div class="rate-wrapper alignment">
<h2>Rate this Place</h2>
<div>
<img class="medium-icon" src="images/gold-star.png">
<img class="medium-icon" src="images/gold-star.png">
<img class="medium-icon" src="images/gold-star.png">
<img class="medium-icon" src="images/gold-star.png">
<img class="medium-icon" src="images/white-star.png">
</div>
</div>
<div class="rate-review-wrapper alignment">
<div class="rate-review-heading alignment">
<div class="header-text">Ratings and Reviews</div>
<div class="button button--top--rated">Top Rated</div>
</div>
<div class="wrapper top-gap space">
<img class="profile-image" src="images/profile.jpeg">
<div class="column-alignment left">
<span class="normal-text">Harsh Vijay</span>
<span class="light-text">Tue, 20 Mar 2018</span>
<span class="light-text top-gap">Was here impromptu in their first week, reached late in afternoon so hurriedly ordered food for four of us.
What ever came on the table was perfectly super. Though the portions were short and sweet.
Tried ordering more food was refused as ours was the last order. Even though they had Chefs in their open kitchen they weren’t flexible to dish out few more items.
Anyway the food was super specially their stone dessert. Need to tweak on the service to make it perfect.</span>
<div class="align top-gap">
<div class="button button--rate--reviews align-content">
<img class="icon" src="images/like.png">
<span class="text-left">123</span>
</div>
<div class="profile-wrapper left">
<img class="profile-image profile" src="images/profile.jpeg">
<img class="profile-image profile profile1" src="images/profile1.jpeg">
<img class="profile-image profile profile2" src="images/profile2.jpeg">
</div>
</div>
</div>
</div>
<div class="border-bottom"></div>
<div class="wrapper top-gap space">
<img class="profile-image" src="images/profile.jpeg">
<div class="column-alignment left">
<span class="normal-text">Harsh Vijay</span>
<span class="light-text">Tue, 20 Mar 2018</span>
<span class="light-text top-gap">Was here impromptu in their first week, reached late in afternoon so hurriedly ordered food for four of us.
What ever came on the table was perfectly super. Though the portions were short and sweet.
Tried ordering more food was refused as ours was the last order. Even though they had Chefs in their open kitchen they weren’t flexible to dish out few more items.
Anyway the food was super specially their stone dessert. Need to tweak on the service to make it perfect.</span>
<div class="align top-gap">
<div class="button button--rate--reviews align-content">
<img class="icon" src="images/like.png">
<span class="text-left">123</span>
</div>
<div class="profile-wrapper left">
<img class="profile-image profile" src="images/profile.jpeg">
<img class="profile-image profile profile1" src="images/profile1.jpeg">
<img class="profile-image profile profile2" src="images/profile2.jpeg">
</div>
</div>
</div>
</div>
<div class="border-bottom"></div>
<span class="see-all-review">See All Reviews</span>
</div>
<div class="comment-wrapper alignment">
<div class="header-text">Leave Comment</div>
<div class="column-alignment top-gap">
<span class="light-text">Rate the Place</span>
<div class="align">
<img class="medium-icon text-left" src="images/white-star.png">
<img class="medium-icon text-left" src="images/white-star.png">
<img class="medium-icon text-left" src="images/white-star.png">
<img class="medium-icon text-left" src="images/white-star.png">
<img class="medium-icon text-left" src="images/white-star.png">
</div>
</div>
<span class="light-text top-gap">Your Comment</span>
<textarea class="textarea top-gap"></textarea>
<input type="button" class="submit-button top-gap" value="Submit Comment">
</div>
<div class="similar-places-container">
<div class="header-text">Similar Places</div>
<div class="align-content">
<div class="card-wrapper">
<img class="card-image" src="images/mall1.jpg">
<div class="card-info">
<span class="card-header">Harry’s Bar & Restaurant</span>
<span class="card-text">R City Mall, Andheri</span>
<span class="card-distance-text">8km</span>
<div class="rating card-rating">
<img class="card-rating-icon" src="images/rating-star.png">
<div class="card-rating-text">3.1</div>
</div>
</div>
<div class="card-footer">
<span class="card-footer__offer">offer</span>
<span class="card-footer__offer-text">Flat 50% on all Stores on this Diwali</span>
</div>
</div>
<div class="card-wrapper">
<img class="card-image" src="images/mall2.jpg">
<div class="card-info">
<span class="card-header">A Bar Called Life</span>
<span class="card-text">Phoenix Market City, Kurla</span>
<span class="card-distance-text">8km</span>
<div class="rating card-rating">
<img class="card-rating-icon" src="images/rating-star.png">
<div class="card-rating-text">3.1</div>
</div>
</div>
<div class="card-footer">
<span class="card-footer__offer">offer</span>
<span class="card-footer__offer-text">Flat 50% on all Stores on this Diwali</span>
</div>
</div>
<div class="card-wrapper">
<img class="card-image" src="images/mall1.jpg">
<div class="card-info">
<span class="card-header">Northrn Tadka</span>
<span class="card-text">Viviana Mall, Thane</span>
<span class="card-distance-text">8km</span>
<div class="rating card-rating">
<img class="card-rating-icon" src="images/rating-star.png">
<div class="card-rating-text">3.1</div>
</div>
</div>
<div class="card-footer">
<span class="card-footer__offer">offer</span>
<span class="card-footer__offer-text">Flat 50% on all Stores on this Diwali</span>
</div>
</div>
</div>
</div>
</div>
<!-- div-third ends from here -->
<!-- div-fourth starts from here -->
<div class="div-fourth">
<div class="div-fourth-wrapper">
<div class="subscribe-info column-alignment">
<div class="subscribe-info__header normal-text">Subscribe to our Newsletter</div>
<div class="subscribe-info__text-button align">
<input type="text" class="text-box" placeholder="Please enter your email">
<div class="subscribe-button">subscribe</div>
</div>
<span class="subscribe-info__text light-gray-text">Register now to get updates on offers and coupons</span>
<span class="subscribe-info__download">DOWNLOAD APP</span>
<div class="align">
<img class="play-store" src="images/google-play-store.png">
<img class="play-store left" src="images/apple-play-store.png">
</div>
</div>
<div class="header-wrapper left">
<div class="header-wrapper__text normal-text">Header 1</div>
<div class="header-wrapper__text light-gray-text">Alan Matthews</div>
<div class="header-wrapper__text light-gray-text">Travis Shaw</div>
<div class="header-wrapper__text light-gray-text">Nathan Wilkins</div>
<div class="header-wrapper__text light-gray-text">Walter Brooks</div>
<div class="header-wrapper__text light-gray-text">Donald Cole</div>
</div>
<div class="header-wrapper left">
<div class="header-wrapper__text normal-text">Header 2</div>
<div class="header-wrapper__text light-gray-text">Alan Matthews</div>
<div class="header-wrapper__text light-gray-text">Travis Shaw</div>
<div class="header-wrapper__text light-gray-text">Nathan Wilkins</div>
<div class="header-wrapper__text light-gray-text">Walter Brooks</div>
<div class="header-wrapper__text light-gray-text">Donald Cole</div>
</div>
<div class="header-wrapper left">
<div class="header-wrapper__text normal-text">Header 3</div>
<div class="header-wrapper__text light-gray-text">Alan Matthews</div>
<div class="header-wrapper__text light-gray-text">Travis Shaw</div>
<div class="header-wrapper__text light-gray-text">Nathan Wilkins</div>
</div>
</div>
</div>
<!-- div-fourth ends from here -->
<div class="footer-container">
<div class="footer">
<div class="normal-text">POPULAR SEARCHES</div>
<div class="footer-container__text">Makeup | Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags | Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags
</div>
<div class="normal-text top-gap">USEFUL LINKS</div>
<div class="footer-container__text">Makeup | Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags | Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags| Dresses For Girls | T-Shirts | Sandals | Headphones | Baby Dolls | Blazers For Men | Handbags
</div>
</div>
</div>
</div>
<!-- restaurant-container ends from here -->
</body>
</html>