-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
225 lines (201 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adam's Peak Portfolio</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<header>
<div class="logo">
<img src="pics/logo.png" alt="Adam's Peak Logo">
</div>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<div class="slider">
<div class="controls">
<div class="up">
<i class="fa fa-chevron-up"></i>
</div>
<div class="down">
<i class="fa fa-chevron-down"></i>
</div>
</div>
<div class="wrapper">
<div class="left">
<div>
<h2>Hiking to Adam’s Peak in the middle of the night</h2>
<p>
It is two o’clock in the morning
and still a bit sleepy we climb the first of 5,500 steps. Yes, you read it correctly.
All the way up to the top of Adam’s Peak are long staircases. Together with Canadians
Dez and Emmy, we are doing this physical challenge. At first sight, it seems as we are
the only ones hiking this trail, but after half an hour of walking, we also meet some
other tourists. It’s a bit weird, walking with our torches in the middle of the night
while all the temples are abandoned, shops closed and lights are out.
</div>
<div>
<h2>The first hour is easy peasy, then it gets more challenging</h2>
<p>
The start of the hike is easy.
We walk on flat parts and us ascent gradually on the stairs. But the further we go, the steeper
the stairs become. Occasionally, we take a break to catch our breath. Along the way, we
see poles that count down to the top. Pole 21 was the start and from pole 9 we only see
steep stairs going up. The group we are walking with has grown in the meantime. We walk
among 20 people of all different nationalities. It looks like a pilgrimage, but it really
isn’t, the real pilgrimages only start in a week, at the first full moon of December.
</p>
</div>
<div>
<h2>Sunrise on Adam’s Peak</h2>
<p>
Slowly, it starts to get lighter. The sky changes from black
to deep blue, dark purple, orange and then … nothing… Just before sunrise, we are
suddenly caught in a thick fog bank. There is nothing to see anymore, no sun, no beautiful
valley, nothing at all. I cannot believe this is happening right now. We skipped one night
for this! One night of precious sleep! What a disappointment!
</p>
</div>
<div>
<h2>The tough descent from Adam’s Peak</h2>
<p>
When the sun shines brightly high in the sky,
we begin to descend. It is still cold, but that will soon change. The lower we get,
the hotter it is. The 5500 steps that we climbed up are perhaps even heavier to go
down. Everyone has trembling leg muscles and cramped calves. I am happy with the
walking stick I bought in Nepal, which takes a lot of pressure off my knees.
</p>
</div>
<div>
<h2>Don’t underestimate the cold!</h2>
<p>
What can make the climb of Adam’s Peak tough
is the time you climb. With just a few hours of sleep or no sleep at all
combined with the cold on the mountain, it can be physically challenging.
We had definitly underestimated the cold when you reach the top. Since we
had to wait a bit before sunrise, we all were shivering with cold at the top.
At the starting point of the trail it was still 23 degrees, but 1000 meters higher
the wind was blowing strong and it was no warmer than 5 degrees. Absolutely bring
gloves, a hat and a thick jacket if you can!
</p>
</div>
<div>
<h2>Climbing Adam’s Peak difficult?</h2>
<p>
We found the climb to Adam’s Peak
not very difficult. If you are in normal shape, this mountain is definitly doable.
Of course, there are many stairs and you climb more than 1000 meters, but the stairs
are reasonably well maintained. There are also poles that indicate which part of the
hike you are on. These divide the hike into 21 equal parts, so you can estimate how
far you are. Finally, there is a tea shop every few hundred meters where you can catch your breath.
</p>
</div>
</div>
<div class="right">
<div>
<img src="pics/imgsc1.jpg" alt="Starting Ponit" />
</div>
<div>
<img src="pics/imgsc2.jpg" alt="Official Entrance" />
</div>
<div>
<img src="pics/imgsc3.jpg" alt="Ambalama" />
</div>
<div>
<img src="pics/imgsc4.jpg" alt="Sri Pada Viharaya" />
</div>
<div>
<img src="pics/imgsc5.png" alt="Seetha Ganga Cross" />
</div>
<div>
<img src="pics/imgsc6.webp" alt="Uda Maluwa" />
</div>
</div>
</div>
</div>
<main>
<section id="about">
<h1>Adam's Peak</h1>
<p>Adam's Peak, also known as Sri Pada, is a magnificent mountain located in Sri Lanka. Rising to an elevation of 2,243 meters (7,359 feet), it is one of the country's most iconic landmarks and a site of great religious and cultural significance.</p>
<p>The peak is revered by multiple religious groups, including Buddhists, Hindus, Christians, and Muslims. Each group has its own unique beliefs and legends associated with the mountain. Buddhists believe that the footprint-shaped impression at the summit is the footprint of Lord Buddha, while Hindus associate it with Lord Shiva. Christians and Muslims believe it to be the footprint of Adam, the first man.</p>
<p>The journey to the summit of Adam's Peak is a spiritual pilgrimage for many devotees and a thrilling adventure for nature enthusiasts. The traditional pilgrimage season begins during the months of December to April when the weather is favorable. Pilgrims, numbering in the thousands, undertake the arduous climb to pay homage, seek blessings, and experience the breathtaking beauty of the surrounding landscapes.</p>
<p>The ascent to the peak is via a well-marked trail consisting of over 5,000 steps, which meander through lush forests, misty valleys, and picturesque waterfalls. As the pilgrims ascend, they are captivated by the awe-inspiring views and the serene atmosphere. The final stretch of the climb is particularly enchanting, with pilgrims climbing steep steps illuminated by a chain of lights, creating a mesmerizing trail that ascends into the starry night.</p>
<p>Reaching the summit at sunrise is a highly cherished moment, as it offers a spellbinding panoramic view of the surrounding mountains and valleys blanketed in mist. The golden hues of the rising sun cast a mystical glow over the landscape, creating a truly unforgettable experience.</p>
<p>Aside from its religious and cultural significance, Adam's Peak is also home to a diverse range of flora and fauna, including many endemic species. The mountain and its surrounding forests are protected as a nature reserve, contributing to the conservation of this unique ecosystem.</p>
<p>Adam's Peak is not only a spiritual destination but also a testament to the natural beauty and cultural heritage of Sri Lanka. It continues to inspire awe and wonder in those who undertake the pilgrimage or simply gaze upon its majestic presence, making it a cherished place for both locals and visitors from around the world.</p>
</section>
<!--<section id="galleryslide">
<h2>Gallery</h2>
<div class="image-galleryslide">
<img src="pics/i1.jpg" alt="Adam's Peak Image slide 1">
<img src="pics/i2.jpg" alt="Adam's Peak Image slide 2">
<img src="pics/i3.jpg" alt="Adam's Peak Image slide 3">
<img src="pics/i4.jpg" alt="Adam's Peak Image slide 4">
<img src="pics/i5.jpg" alt="Adam's Peak Image slide 5">
<img src="pics/i6.jpg" alt="Adam's Peak Image slide 6">
</div>
</section> -->
<section id="gallery">
<h2>Gallery</h2>
<div class="image-gallery">
<img src="pics/image1.jpg" alt="Adam's Peak Image 1">
<img src="pics/image2.jpg" alt="Adam's Peak Image 2">
<img src="pics/image3.jpg" alt="Adam's Peak Image 3">
<img src="pics/image4.jpg" alt="Adam's Peak Image 4">
<img src="pics/image5.jpg" alt="Adam's Peak Image 5">
<img src="pics/image6.jpg" alt="Adam's Peak Image 6">
</div>
</section>
<section id="achievements">
<h2>Achievements</h2>
<ul>
<li>Reached the summit of Adam's Peak 10 times</li>
<li>Organized a charity hike to raise funds for local communities</li>
<li>Published a book about the history and culture of Adam's Peak</li>
</ul>
</section>
</main>
<section class="Book Me to hike with you!" id="contact">
<div class="bd-container">
<h2 class="section-title" data-aos="fade-up">CONTACT</h2>
<p class="section-subtitle" data-aos="fade-up">Want to Hire Me! Just Leave a message.</p>
<div class="contact__container bd-grid">
<form onsubmit="return validateForm();" action="functions.php" class="contact__form" method="POST" data-aos="fade-up">
<input type="text" name="name" placeholder="Name" class="contact__input">
<input type="email" name="email" placeholder="Email" class="contact__input">
<input type="phone" name="phone" placeholder="phone" class="contact__input" maxlength="10">
<textarea name="message" id="" cols="0" rows="10" placeholder="Message" class="contact__input"></textarea>
<input type="submit" name="submit" value="Submit" class="contact__button">
</form>
</div>
</div>
</section>
<section id="footer">
<footer>
<section id="footer">
<div style=" display: flex; justify-content: space-between;">
<div> <h3>Related Links</h3>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Adam%27s_Peak">Adam's Peak on Wikipedia</a></li>
<li><a href="https://www.adamspeakcountryestate.com/">Adam's Peak Country Estate</a></li>
<li><a href="https://www.instagram.com/explore/tags/adamspeak/">Adam's Peak on Instagram</a></li>
</ul>
</div>
<div class="social-media-icons">
<a href="https://www.facebook.com"><img src="pics/facebook.png" alt="Facebook"></a>
<a href="https://www.twitter.com"><img src="pics/twitter.png" alt="Twitter"></a>
<a href="https://www.instagram.com"><img src="pics/instagram.png" alt="Instagram"></a>
<p>Contact: [email protected]</p>
</section>
</footer>
<script src="animations.js"></script>
</body>
</html>