-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
427 lines (418 loc) · 16.2 KB
/
project.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
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
<!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>Kerala| Travel</title>
<link rel="stylesheet" href="sty.css" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://unpkg.com/flickity@2/dist/flickity.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!--------------------------------------------------Top Section------------------------------------------------------------>
<div class="header">
<h1 class="app">KERALA...</h1>
<div class="containr">
<div class="navbar">
<div class="logo">
<img src="images/kerala.jpg" width="125px" />
</div>
</div>
<!-------------------------------------------adding poster------------------------------------------------------------------->
<div class="row">
<div class="col_2">
<h1>Vagamon</h1>
<p><b>Vagamon Pine Forest: Something For Nature Lovers</b></p>
<p>
Vagamon is a hill station located in Kottayam- Idukki border of
Kerala. It has a cool climate with the temperature between 10-23°C
during a summer midday. It is situated 1,100 metres above sea
level. Vagamon is a tiny plantation township in Central
Travancore, Vagamon has an overtone of green. With a never-ending
line of lush green hills, breathtaking ravines and meandering
rivulets. A perfect tourist place situated 1200 meters above the
sea level spot surrounded by the greenery of tea gardens , Fresh
cool air, murmuring Pine forest ,small waterfalls , attractive
meadows inviting you to vagamon.Reaching Vagamon itself is an
extraordinary experience. The meandering road to Vagamon is cut in
solid rock lined with pine forests. And as you wind your way
through green capped hills, the rolling plains come into view
thousands of feet below you.
</p>
<a href="#" class="btn"><span>Get More →</span></a>
</div>
<div class="col_2">
<img src="images/backgrd.jpg" />
</div>
</div>
</div>
<div id="map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62929.527328650554!2d76.8684831084531!3d9.67288472733949!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07b486067afccb%3A0xe78789cc4d9eabb9!2sVagamon%2C%20Kerala!5e0!3m2!1sen!2sin!4v1621176805197!5m2!1sen!2sin"
width="1000"
height="400"
style="border: 0"
allowfullscreen=""
loading="lazy"
></iframe>
</div>
<!------------------------------------------Image Gallery----------------------------------------------->
<div class="categories">
<div class="small_cont">
<div class="carousel" data-flickity='{ "wrapAround": true }'>
<div class="carousel-cell"><img src="images/ker1.jpg" /></div>
<div class="carousel-cell"><img src="images/ker2.jpg" /></div>
<div class="carousel-cell"><img src="images/ker3.jpeg" /></div>
<div class="carousel-cell"><img src="images/ker4.jpeg" /></div>
<div class="carousel-cell"><img src="images/ker5.jpg" /></div>
<div class="carousel-cell"><img src="images/ker6.jpg" /></div>
<div class="carousel-cell"><img src="images/ker7.jpg" /></div>
<div class="carousel-cell"><img src="images/ker8.jpg" /></div>
</div>
</div>
</div>
<!------------------------------------------Travel Cards------------------------------------------------->
<section class="container-boxes">
<div class="box1">
<div class="icon">
<a href=""><i class="fas fa-book"></i></a>
</div>
<div class="text">
<a href="">
<h3>Book Now</h3>
<p>Book Now And Fly Around The World With Qatar Airways.</p>
</a>
</div>
</div>
<div class="box1">
<div class="icon">
<a href=""><i class="fas fa-plane"></i></a>
</div>
<div class="text">
<a href="">
<h3>Travel</h3>
<p>Travel With Us And Explore The World Of Adventures.</p>
</a>
</div>
</div>
<div class="box1">
<div class="icon">
<a href=""><i class="fas fa-address-card"></i></a>
</div>
<div class="text">
<a href="">
<h3>Teams</h3>
<p>Become a member,become family.Teamwork is everything.</p>
</a>
</div>
</div>
</section>
<!------------------------------------------------------------------------------------------------------------------------------>
<!--------------------------------------------------Table----------------------------------------------------->
<h2 class="title">ROUTES</h2>
<div class="table">
<div class="tb1">
<h2>BY FLIGHTS</h2>
<table>
<thead>
<tr>
<th>S.No</th>
<th>Flights</th>
<th>Time</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>f1</td>
<td>8:00PM</td>
<td>$40000</td>
</tr>
<tr>
<td>2</td>
<td>f2</td>
<td>7:00PM</td>
<td>$90000</td>
</tr>
<tr>
<td>3</td>
<td>f3</td>
<td>6:00PM</td>
<td>$11000</td>
</tr>
<tr>
<td>4</td>
<td>f4</td>
<td>5:00PM</td>
<td>$90000</td>
</tr>
<tr>
<td>5</td>
<td>f5</td>
<td>11:00PM</td>
<td>$30000</td>
</tr>
</tbody>
<tfoot>
<th colspan="4">TOTAL DISTANCE:100000KM</th>
</tfoot>
</table>
</div>
<!------------------------------------------------------------------------------------------------------>
<div class="tb2">
<table>
<h2>BY TRAIN</h2>
<thead>
<tr>
<th>S.No</th>
<th>Trains</th>
<th>Time</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>t2</td>
<td>8:00PM</td>
<td>$40000</td>
</tr>
<tr>
<td>2</td>
<td>t2</td>
<td>7:00PM</td>
<td>$90000</td>
</tr>
<tr>
<td>3</td>
<td>t3</td>
<td>6:00PM</td>
<td>$11000</td>
</tr>
<tr>
<td>4</td>
<td>t4</td>
<td>5:00PM</td>
<td>$90000</td>
</tr>
<tr>
<td>5</td>
<td>t5</td>
<td>11:00PM</td>
<td>$30000</td>
</tr>
</tbody>
<tfoot>
<th colspan="4">TOTAL DISTANCE:100000KM</th>
</tfoot>
</table>
</div>
</div>
<!---------------------------------------------Hotels Images------------------------------------------------->
<h2 class="title">HOTELS</h2>
<div class="container" id="overlay">
<div class="box">
<div class="imgBox">
<img src="images/hotel1.jpg" />
</div>
<div class="content">
<div>
<h4>Holiday Vagamon</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<p>$500.00</p>
</div>
</div>
</div>
<div class="box">
<div class="imgBox">
<img src="images/hotel2.jpg" />
</div>
<div class="content">
<div>
<h4>Chillax Vagamon</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
<p>$500.00</p>
</div>
</div>
</div>
<div class="box">
<div class="imgBox">
<img src="images/hotel3.jpg" />
</div>
<div class="content">
<div>
<h4>CeeCee Grand</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<p>$500.00</p>
</div>
</div>
</div>
<div class="box">
<div class="imgBox">
<img src="images/hotel4.jpg" />
</div>
<div class="content">
<div>
<h4>Vimokshaya Resorts</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<p>$500.00</p>
</div>
</div>
</div>
</div>
<!----------------------------------------------Hotels Details----------------------------------------------------->
<h2 class="title">HOTELS OVERVIEW</h2>
<div class="row">
<div class="col_4">
<img src="images/hotel1.jpg" />
<h4>Holiday Vagamon</h4>
<p><b>$500.00</b></p>
<p>
<em
>Holiday Vagamon is located in Still untouched by
commercialization, the sleepy town with its scenic valleys,
beautiful green meadows, enchanting pine forests, mists, fogs, tea
estates, waterfalls with the overall greenery is really striking,
Vagamon. The nearest airport and railway station to the region are
Cochin International Airport and Ettumanoor Railway Station. The
hotel is located at the distance of 4 km away from the Vagomon
Junction Bus Stop. One can also visit Ecco Point (9 km), Pine
Valley (9 km) and Tangalpara (view point) (10 km) to make trip
memorable. The property provides facility like Wi-Fi, front desk
etc.</em
>
</p>
</div>
<div class="col_4">
<img src="images/hotel2.jpg" />
<h4>Chillax Vagamon</h4>
<p><b>$800.00</b></p>
<p>
<em
>Kerala, Vagamon. The property is an exclusive service apartment
that surrounds its guests with everything they need to make their
holiday special. Take a break from living life in fast lane,
unwind in the lush green atmosphere and experience the perfect
bliss so the lungs can take pure oxygen. The property is located
at the distance of only 400 m from Vagamon Bus Stop and Kottayam
Railway station is the closest railway station while the nearest
airport is Cochin International Airport. The best way to reach the
property is through private cabs which ply regularly from all the
major cities of Kerala.</em
>
</p>
</div>
<div class="col_4">
<img src="images/hotel3.jpg" />
<h4>CeeCee Grand</h4>
<p><b>$400.00</b></p>
<p>
<em
>CEECEE GRAND RESORT, located just opposite to Pine Valley,
Vagamon. The property has a shared lounge,garden and a terrace in
common .Among the facilities there is a restaurant,a 24 hrs front
desk and room service ,along with free WiFi. The property offers
free parking It is 50 meters from the Indo Swiss Diary Project, 2
km from the paragliding Point and 2 km from Green Meadows,and 100
meters from Orchid garden. The in house restaurant serves Indian
and Chinese delights. Room service can be requested for in room
dining comforts.</em
>
</p>
</div>
</div>
<!--------------------------------------------Food Column-------------------------------------------------------------->
<div class="testimonial">
<h2 class="title">FOOD COLUMN</h2>
<div class="small_cont">
<div class="row">
<div class="col_3">
<i class="fa fa-quote-left"></i>
<p>
This is a breakfast staple eaten all over the state. Puttu is a
cylindrical steamed rice cake cooked in a mould with grated
coconut. It’s usually served with kadala curry, a dish of black
chickpeas made with shallots, spices and coconut milk, that can
also be served with ripe bananas and grated coconut.The crucial
ingredient is fresh coconut milk, which lends a sweet flavor.
</p>
<img src="images/food1.webp" />
<h3>Puttu <br />and kadala curry</h3>
</div>
<div class="col_3">
<i class="fa fa-quote-left"></i>
<p>
Layered flat bread that originated in the Malabar region called
Parotta is made by kneading maida (plain flour), egg (in some
recipes), oil or ghee and water. The dough is beaten and later
shaped into a spiral with thin layers. The ball is rolled flat
and roasted into a Parotta with ghee. This is then eaten with
beef curry – pieces of beef simmered in a curry made with
tomatoes
</p>
<img src="images/food2.webp" />
<h3>Malabar Parotta with Kerala beef curry</h3>
</div>
<div class="col_3">
<i class="fa fa-quote-left"></i>
<p>
This is a signature dish of the state – a prawn curry from the
Malabar region made with a blend of fenugreek, black mustard and
fennel seeds, coconut milk and green chilli. It also includes a
special ingredient called kudampuli (also known as brindleberry)
to give it a sour taste, plus it uses marinated prawns,
drumsticks and raw mango to give it a spicy, tangy flavour.
</p>
<img src="images/food3.webp" />
<h3>Kerala prawn curry (chemmeen curry)</h3>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------------------------------------------------------------------------------->
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
</body>
</html>