-
Notifications
You must be signed in to change notification settings - Fork 2
/
places.html
559 lines (523 loc) · 27.7 KB
/
places.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
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
<html>
<head>
<title>Where To Go - Travel Sri Lanka</title>
<link rel="icon" type="image/x-icon" href="Assets/Favicon.png">
<link rel="stylesheet" href="CSS/boostrap/bootstrap.min.css">
<link rel="stylesheet" href="CSS/Main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="widthdevice-width, initial-scale=1,0">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<style>
div.gallery {
border: 1px solid #ccc;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}
@media only screen and (max-width: 700px) {
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px) {
.responsive {
width: 100%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
img {
width: 100%;
height: 100%;
}
#more {
display: none;
}
</style>
</head>
<body onload="loading()">
<div class="container-fluid">
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html">
<b>Travel<Br> <font style="color:aqua">Sri Lanka</font></b>
</a>
</div>
<div class="top-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="places.html">Where To Go</a></li>
<li><a href="hotels.html">Hotels</a></li>
<li><a href="Events.html">Cultural Festivals</a></li>
<li><a href="news.html">Tousrism News</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Adams Peak</h5>
</div>
<div class="card-body">
<img src="./Assets/adams-peak.jpg" alt="Adams Peak" style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(1)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Bundala National Park</h5>
</div>
<div class="card-body">
<img src="./Assets/Bundala-1.jpg" alt="Bundala National Park"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(2)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Dambulla CaveTemple</h5>
</div>
<div class="card-body">
<img src="./Assets/Dambulla%20temple.jpg" alt="Dambulla CaveTemple"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(3)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Delft Temple</h5>
</div>
<div class="card-body">
<img src="./Assets/Delft_Temple.jpg" alt="Adams Peak" style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(4)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Diyaluma Falls</h5>
</div>
<div class="card-body">
<img src="./Assets/Diyaluma%20falls.jpg" alt="Adams Peak" style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(5)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Rawana Ella and Rawana Falls</h5>
</div>
<div class="card-body">
<img src="./Assets/Rawana%20flls.jpg" alt="Rawana Ella and Rawana Falls"
style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(6)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-3">
</div>
<div class="col-6">
<div class="card text-center">
<div class="card-header">
<h5 class="card-title">Ridee Viharaya</h5>
</div>
<div class="card-body">
<img src="./Assets/Ridee%20viharaya.jpg" alt="Adams Peak" style="width:200px;height:150px">
</div>
<div class="card-footer text-muted">
<button type="button" onclick="view_modal(7)" class="btn btn-primary" id="viewmore">View
More
</button>
</div>
</div>
</div>
<div class="col-3">
</div>
</div>
<br>
</div>
</div>
</body>
<div class="modal" tabindex="-1" id="1">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Adams Peek</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p>The mountain is located in the southern reaches of the Central Highlands, in the Ratnapura District
and Nuwara Eliya district of the Sabaragamuwa Province and Central Province —lying about 40 km
northeast of the city of Ratnapura and 32 km southwest of the city of Hatton. The surrounding region
is largely forested hills, with no mountain of comparable size nearby. The region along the mountain
is a wildlife reserve, housing many species and endemic species. Most local people believe dwarf
elephants (kuru ali) live in this samanala forest. <br><br>
Adam's Peak is important as a watershed. The districts to the south and the east of Adam's Peak
yield precious stones—emeralds, rubies and sapphires, for which the island has been famous, and
which earned for its ancient name of Ratnadvipa.<br><br>
The peak pilgrimage season is in April, and the goal is to be on top of the mountain at sunrise,
when the distinctive shape of the mountain casts a triangular shadow on the surrounding plain and
can be seen to move quickly downward as the sun rises.<br><br>
Climbing at night can be a remarkable experience, with the lights of the path leading up and into
the stars overhead. There are rest stops along the way.<br><br>
The mountain is most often scaled from December to May. During other months it is hard to climb the
mountain due to very heavy rain, extreme wind, and thick mist.<br><br>
For Buddhists, the footprint mark is the left foot of the Buddha, left behind when Buddha visited
Sri Lanka, as a symbol for worship at the invitation of Buddhist God Saman.<br><br>
Access to the mountain is possible by 6 trails: Ratnapura-Palabaddala, Hatton-Nallathanni,
Kuruwita-Erathna, Murraywatte, Mookuwatte & Malimboda. The Nallathanni & Palabaddala routes are most
favored by those undertaking the climb, while the Kuruwita-Erathna trail is used less often; these
trails are linked to major cities or town by bus, accounting for their popular use.<br><br>
The Murraywatte, Mookuwatte & Malimboda routes are hardly used, but do intersect with the
Palabaddala road midway through the ascent.<br><br>
The usual route taken by most pilgrims is ascent via Hatton and descent via Ratnapura; although the
Hatton trail is the steepest, it is also shorter than any of the other trails by approximately five
kilometers.<br><br>
Sri pada season begin in December and it is end in May. The January to March period is particularly
busy time to climb.<br><br>
Most people starting this journey Dalhousie call nallathanni. nallathanni is 3 hours from
hatton.<br><br>
<li>Buses- In peak season might be two direct buses from kandy. Otherwise exists local bus from
Hatton. You might be required to change bus in Maskeliya (after around 1.5 hours).
</li>
<li>Train- The nearest train station is Hatton. Then switch to bus, taxi, tuktuk.</li>
<li>Taxi- Depending on your negotiation skills, a taxi (7 seats) around LKR2000-3000.</li>
<li>TukTuk- Depending on your negotiation skills. Around LKR600.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="2">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Bundala National Park</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p>T Bundala harbors 197 species of birds, the highlight being the greater flamingo, which migrate in
large flocks. Bundala was designated a wildlife sanctuary in 1969 and redefined to a national park
on 4 January 1993. In 1991 Bundala became the first wetland to be declared as a Ramsar site in Sri
Lanka. In 2005 the national park was designated as a biosphere reserve by UNESCO, the fourth
biosphere reserve in Sri Lanka. The national park is situated 245 kilometers (152 mi) southeast of
Colombo.
Best time to visit is September to March: during this period, migratory birds arrive at the park.
The ecological areas of the national park contain seven terrestrial habitat types and six wetland
types. A total of 383 plant species belonging to 90 families have been recorded from the park. In
the small degraded patch of mangrove found at the Bundala lagoon area, black mangrove trees are
widespread. The strip of Palu (Manilkara hexandra) tree forest on the sand-dunes east of Bundala
village is a unique type of forest in Sri Lanka. The Bundala National Park has been identified as an
outstanding Important Bird Area in the South Indian and Sri Lankan wetlands. 324 species of
vertebrates have been recorded in the national park, which include 32 species of fish, 15 species of
amphibians, 48 species of reptiles, 197 species of birds and 32 species of mammals. 52 species of
butterflies are among the invertebrates. The wetland habitats in Bundala harbors about 100 species
of water birds, half of them being migrant birds. Of 197 avifaunal species 58 are migratory species.
A few Asian elephants still inhabit the forests of Bundala. Other mammals seen in the park are toque
macaque, common langur, jackal, leopard, fishing cat, rusty-spotted cat, mongoose, wild boar, mouse
deer, Indian muntjac, spotted deer, sambar, black-napped hare, Indian pangolin, and porcupine.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="3">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Dambulla CaveTemple</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
Located in central Sri Lanka, the Rangiri Dambulla Cave Temple is a living Buddhist site that is focused
on a series of five cave shrines. Inhabited by forest-dwelling Buddhist monks since the 3rd century BCE,
these natural caves have been transformed continuously throughout the historical period into one of the
largest and most outstanding Buddhist complexes in the Southern and South Eastern Asian region,
showcasing innovative approaches to interior layout and decoration. In keeping with a longstanding
tradition associated with living Buddhist ritual practices and continuous royal patronage, the cave
shrines underwent several renovation and refurbishing programmes before assuming their present interior
forms in the 18th century. The vast internal spaces of the cave shrines are not compartmentalized, but
are spatially differentiated by a deliberate and subtle arrangement of polychrome sculpture of
exceptional craftsmanship and decorated with brilliant compositions of mural paintings. This spatial
hierarchy and purposive interior layout devoid of physical divisions lead the devotees systematically
through the spaces from one ritual function to the next. The site is remarkable in the Buddhist world
for its association with the continuous tradition of living Buddhist ritual practices and pilgrimage for
more than two millennia.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="4">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delft Temple</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p> In a corner of the island, the base of a stupa is found along with the remnants of four subordinate
stupas surrounding it. Legend has it that this was the location where ArhatSangamittaTheri rested
during her voyage to the island carrying the sacred sapling of the Bo tree. <br><br>
The stupa is said to have been built by the Buddhists who resided in the island at that time.
Situated closed to the sea the location also provides a panoramic view to the distant sea and
beyond.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="5">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Diyaluma Falls</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p> On one side of cascades, the earth is covered with deciduous plants. Wild animals found in the area
include lizards.
In Sinhalese, Diyaluma or Diya Haluma means "rapid flow of water" or may be translated as "liquid
light". According to Sri Lankan historian, Dr. R. L. Brohier, Diyaluma is the setting of the
folklore about a tragedy involving a young chieftain who had been banished to the highlands and the
attempt by his betrothed to join.
As all the passes were guarded the young man let down a rope of twisted creepers over the
escarpment, as she was hauled up she was dashed against the rocks and died. The Gods, moved to pity
by the harrowing spectacle, caused a stream of water to gush from the mountain and veil all evidence
of the tragedy in a watery light, hence the term Diyaluma.
At 171 m, Diyaluma Ella Falls is the third largest waterfall in Sri Lanka. The torrent of water
cascades to the plateau of Koslanda and during the rain, it is a spectacular view.
Cascades is located along the Koslanda-Wellawaya road in the district of Badulla. Koslanda is the
closest town in the fall, 6 km, and Wellawaya is 13 km.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="6">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Rawana Ella and Rawana Falls</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p> Ravana Ella and Ravana water fall both are located in the same place but, Ravana falls can’t be seen
from the Main road because Ravana Falls is situated above the Ravana Ella. There has cave called
Ravana ella cave and it is Located near to this Ravana Falls.
This Name “Ravana Ella” received from, after the great king Ravana. According to the legend after
the kidnapping sitha, ravana king brought her to this place and hid her at the cave behind the
waterfall. Ravana Ella also known as “Bambaragama Ella”
This Ravana Ella waterfall 40m in height and it flows to “Ho Oya”.
This Ravana Ella and Ravana Falls surround with greenish environment. This gorgeous waterfall flows
face to the main road, ella – wellawaya.
Ravana Ella located 11km away from Bandarawela. It is about 215 km from Colombo, balangoda and
bandarawela route. Best time to visit this falls last few days of rainy season or just after.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="7">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Ridee Viharaya</h5>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
</div>
<div class="modal-body">
<p>Ridi Vihara or the Silver Temple was built at the place where Silver ore was found, that was made
used to build Ruwanweli Dageba at Anuradhapura by King Dutugemunu during his rein.Ridi Vihara is an
important Raja Maha Vihara belonging to the Cultural Triangle. Historical Data on this Monastery
complex is found in some Caves written in Brahmin Inscriptions.
They dates back to the 2nd and 3rd Centuries BC. During the time of Arahath Mahinda, many Arahaths
are believed to be resided in these caves which numbers around twenty five in the surrounding area
of Ridi Vihara and Rambadagalla area. The caves had been prepared by cutting into the rock and
donated by chieftains of the area to the Sangha. The Ridi Vihara temple was built later by King
Dutugemunu and the details about the construction is mainly being known by the historical chronicle
Mahavamsa and by other sources like Ridi Vihara Asna and also by legend
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<br><br>
<footer class="site-footer" style="background-color: #343a40; padding-top: 0px; padding-bottom: 0px;">
<br>
<div class="row">
<div class="col-2" style="text-align: right">
<img src="Assets/Favicon.png" style="height: auto; width: 40%">
</div>
<div class="col-6" style="text-align: left">
<h3 style="font-family: Lobster; font-size: 60px; color: #00B895;">Travel Sri Lanka</h3>
</div>
<div class="col-4">
<div class="row">
<div class="col-4" style="text-align: left">
<ul class="footer-links">
<li><a href="index.html" id="footerlink">Home</a></li>
<li><a href="places.html" id="footerlink">Where To Go</a></li>
<li><a href="hotels.html" id="footerlink">Hotels</a></li>
</ul>
</div>
<div class="col-4" style="text-align: left">
<ul class="footer-links">
<li><a href="Events.html" id="footerlink">Cultural Festivals</a></li>
<li><a href="news.html" id="footerlink">Tousrism News</a></li>
<li><a href="about.html" id="footerlink">About Us</a></li>
</ul>
</div>
</div>
<br>
<div class="row" style="text-align: right;">
<img src="Assets/social/facebook.png" id="footericon">
<img src="Assets/social/whatsapp.png" id="footericon">
<img src="Assets/social/instagram.png" id="footericon">
<img src="Assets/social/twitter.png" id="footericon">
<img src="Assets/social/youtube.png" id="footericon">
</div>
</div>
</div>
<hr style="color: white">
<div class="row">
<div class="col-12" style="text-align: center">
<p class="copyright-text" id="footerlink">Copyright © 2022 All Rights Reserved by
<a href="index.html" id="footerlink">Travel Sri Lanka</a>.
</p>
</div>
</div>
</footer>
</body>
<script>
var adamspeek = new bootstrap.Modal(document.getElementById('1'), 'focus');
var bundala = new bootstrap.Modal(document.getElementById('2'), 'focus');
var dambulla = new bootstrap.Modal(document.getElementById('3'), 'focus');
var delft = new bootstrap.Modal(document.getElementById('4'), 'focus');
var diyaluma = new bootstrap.Modal(document.getElementById('5'), 'focus');
var rawana = new bootstrap.Modal(document.getElementById('6'), 'focus');
var ridee = new bootstrap.Modal(document.getElementById('7'), 'focus');
function loading() {
adamspeek.hide();
bundala.hide();
dambulla.hide();
delft.hide();
diyaluma.hide();
rawana.hide();
ridee.hide();
}
function view_modal(id) {
if (id == 1) {
adamspeek.show();
}
if (id == 2) {
bundala.show();
}
if (id == 3) {
dambulla.show();
}
if (id == 4) {
delft.show();
}
if (id == 5) {
diyaluma.show();
}
if (id == 6) {
rawana.show();
}
if (id == 7) {
ridee.show();
}
}
</script>
</html>