-
Notifications
You must be signed in to change notification settings - Fork 0
/
animalgallery.html
353 lines (333 loc) · 14.6 KB
/
animalgallery.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
<!DOCTYPE html>
<html lang="en" class="gallery">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/animalgallery-style.css">
<link rel="stylesheet" href="CSS/animations.css">
<link rel="stylesheet" href="CSS/newsletter-style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="IMAGES/navfooter-images/mainicon.ico">
<title>Wildlife Sri Lanka | Gallery</title>
</head>
<body>
<nav class="navbar">
<a href="index.html"><img src="IMAGES/navfooter-images/logo.webp" class="logo" alt="logo"></a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="introduction.html">Introduction</a></li>
<li><a href="department.html">About DWC</a></li>
<li>
<a href="#" class="active">Animals</a>
<ul class="sub-menu">
<li><a href="leopard.html">Sri Lankan Leopard</a></li>
<li><a href="animalgallery.html">Animal in Sri Lanka</a></li>
</ul>
</li>
<li>
<a href="#">Parks</a>
<ul class="sub-menu">
<li><a href="wilpattu.html">Wilpattu National Park</a></li>
<li><a href="yaala.html">Yala National Park</a></li>
<li><a href="kumana.html">Kumana National Park</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="login.html" class="ctn">Login</a></li>
</ul>
<img src="IMAGES/navfooter-images/menu-btn.webp" class="menu-btn">
</nav>
<main>
<section class="title" id="endemic-animals-heading">
<h1>INDIGENOUS ANIMALS IN SRI LANKA</h1>
<aside class="line"></aside>
</section>
<section class="endemic-animal-container">
<section class="endemic-animal-para">
<p>
Sri Lanka boasts a rich tapestry of indigenous animals, each contributing to the island's unique biodiversity.
From the revered Asian Elephant, symbolizing wisdom and cultural significance, to the elusive Sri Lankan
Leopard,
emblematic of the country's diverse wildlife, these species thrive in various habitats, including
rainforests,
grasslands, and national parks. The vibrant Purple-faced Langur, the national bird Sri Lanka Junglefowl, the
diminutive Rusty-spotted Cat, and various loris species further enhance the biological diversity.
Conservation
efforts are underway to protect these animals and their habitats, ensuring the sustainability of Sri Lanka's
extraordinary natural heritage.
</p>
</section>
<section class="endemic-animal-para">
<p>
Sri Lanka's indigenous animals, thriving in diverse ecosystems, are not only biological wonders but key
characters in the island's cultural narrative. The Asian Elephant, deeply ingrained in local traditions, is
revered in ceremonies and festivals. The symbolic presence of the Sri Lankan Leopard echoes in folklore,
embodying strength and mystique. The Purple-faced Langur, Sri Lanka Junglefowl, Rusty-spotted Cat, and loris
species contribute to the rich cultural tapestry. As conservation efforts progress, there's a growing
recognition
that preserving these species is both an environmental imperative and a safeguard for the island's cultural
heritage. In essence, Sri Lanka's indigenous animals serve as ambassadors, connecting ecological conservation
with cultural continuity.
</p>
</section>
</section>
<section class="quote-section">
<blockquote>
<p>
"Sri Lanka's national parks are living showcases of the country's incredible biodiversity, where every leaf
and creature
tells a story of conservation and harmony."
<br>
<cite>- Unknown</cite>
</p>
</blockquote>
<nav class="related-links">
<ul>
<li><a href="wilpattu.html">Witness the beauty of Wilpattu</a></li>
<li><a href="yaala.html">Witness the beauty of Yala</a></li>
</ul>
</nav>
</section>
<section class="title" id="gallery-heading">
<h1>THE ANIMAL GALLERY</h1>
<aside class="line"></aside>
</section>
<aside id="card-area">
<aside class="wrapper">
<aside class="box-area">
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/1.webp">
<aside class="overlay">
<h3>lion</h3>
<p>
Lions are majestic carnivorous mammals known for their
distinctive manes (on males) and their social structure within
prides. They are apex predators found in African savannas and
grasslands.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/2.webp">
<aside class="overlay">
<h3>parrot</h3>
<p>
Sri Lanka is home to several species of colorful parrots,
adding vibrancy to the island's asideerse birdlife. The
endemic Sri Lankan hanging parrot and crimson-fronted barbet
are notable species.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/3.webp">
<aside class="overlay">
<h3>bear</h3>
<p>
The Sloth Bear, native to Sri Lanka, resides in the dry zone
forests and is known for its shaggy fur and unique habits,
such as feeding on insects and fruits.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/4.webp">
<aside class="overlay">
<h3>white cockatoo</h3>
<p>
White Cockatoos are medium-sized parrots with white plumage
and a distinctive crest. They are sociable birds known for
their intelligence and playful nature.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/5.webp">
<aside class="overlay">
<h3>orangutan</h3>
<p>
Orangutans are large, solitary primates native to the
rainforests of Indonesia and Malaysia. They are highly
intelligent and known for their distinctive red hair and long
arms.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/6.webp">
<aside class="overlay">
<h3>lemur monkey</h3>
<p>
Lemurs are unique primates found only in Madagascar. They
exhibit a variety of sizes and behaviors, known for their
large eyes, asideerse appearances, and social structures.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/7.webp">
<aside class="overlay">
<h3>chimpanzee</h3>
<p>
Chimpanzees are intelligent and social apes, closely related
to humans. They inhabit forests in Africa and are known for
their tool use, complex social structures, and expressive
communication.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/8.webp">
<aside class="overlay">
<h3>macaw</h3>
<p>
Macaws are large, colorful parrots native to Central and South
America. They are known for their vibrant plumage, loud calls,
and high intelligence.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/9.webp">
<aside class="overlay">
<h3>grey crowned crane</h3>
<p>
Grey Crowned Cranes are striking birds with distinctive golden
crowns. They inhabit wetlands in Africa and are known for
their dancing displays and elaborate courtship rituals.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/10.webp">
<aside class="overlay">
<h3>emu</h3>
<p>
Emus are flightless birds native to Australia, known for their
tall stature, fast running speed, and distinctively long
necks. They are part of the ratite family.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/11.webp">
<aside class="overlay">
<h3>bactrian camel</h3>
<p>
Bactrian camels are large mammals with two humps found in
Central Asia. They are adapted to harsh desert environments
and are known for their ability to store fat in their humps.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/12.webp">
<aside class="overlay">
<h3>greater flamingo</h3>
<p>
Greater Flamingos are tall wading birds with pink plumage
found in various parts of the world. They are known for their
filter-feeding behavior and iconic pink coloration.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/13.webp">
<aside class="overlay">
<h3>zebra</h3>
<p>
Zebras are hoofed mammals known for their distinctive black
and white striped coats. They inhabit grasslands and savannas
in Africa and live in herds for protection.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/14.webp">
<aside class="overlay">
<h3>sarus crane</h3>
<p>
Sarus Cranes are the tallest flying birds found in parts of
Asia. They have a distinct red head, are known for their
elegant dance displays, and form monogamous pairs.
</p>
</aside>
</aside>
<aside class="box">
<img alt="" src="IMAGES/animalgallery-images/15.webp">
<aside class="overlay">
<h3>grey parrot</h3>
<p>
Grey Parrots, also known as African Grey Parrots, are highly
intelligent birds native to Central Africa. They are known for
their exceptional mimicry and cognitive abilities.
</p>
</aside>
</aside>
</aside>
</aside>
</aside>
</main>
<section id="gotopbtn">
<a href="#"><img src="IMAGES/navfooter-images/arrowhead-up.webp" alt="go to top button"></a>
</section>
<footer>
<section class="footer-container">
<section class="footer-section">
<h4>Contact</h4>
<p>Email: contact@slwildlife.com<br>Phone: 077-177-7788</p>
</section>
<section class="footer-section">
<h4>Quick Links</h4>
<a href="index.html" class="quick-links">Home</a>
<a href="introduction.html" class="quick-links">Introduction</a>
<a href="department.html" class="quick-links">About Us</a>
<a href="leopard.html" class="quick-links">Sri Lankan Leopard</a>
<a href="animalgallery.html" class="quick-links">Animals</a>
<a href="wilpattu.html" class="quick-links">Wilpattu</a>
<a href="yaala.html" class="quick-links">Yala</a>
<a href="kumana.html" class="quick-links">Kumana</a>
<a href="events.html" class="quick-links">Events</a>
<a href="contact.html" class="quick-links">Contact Us</a>
</section>
<section class="footer-section">
<h4>Follow Us</h4>
<p>Stay connected on social media.</p>
<section class="social-icons">
<a href="https://facebook.com/" target="_blank"><img src="IMAGES/navfooter-images/facebook-icon.webp"
alt="Facebook"></a>
<a href="https://twitter.com/" target="_blank"><img src="IMAGES/navfooter-images/twitter-icon.webp"
alt="Twitter"></a>
<a href="https://instagram.com/" target="_blank"><img src="IMAGES/navfooter-images/instagram-icon.webp"
alt="Instagram"></a>
</section>
</section>
<section class="newsletter-section">
<h4>Subscribe to Our Newsletter</h4>
<p>Stay updated with our latest news and promotions.</p>
<form id="newsletter-form">
<input type="email" id="newsletter-email" name="email" placeholder="Enter your email" required>
<button type="submit" id="subscribe-btn">Subscribe</button>
</form>
</section>
</section>
<h5 id="copyright-text">
© 2004-2024 All Rights Reserved. Created by
<a href="http://wa.me/+94751229892" target="_blank">Hirusha Gunasena.</a>
</h5>
<!-- References:
- De Silva, Anslem. "A Comprehensive Guide to Sri Lankan Wildlife." 2021.
- World Wildlife Fund. "Wildlife Species in Sri Lanka." -->
</footer>
<script>
const menubutton = document.querySelector(".menu-btn");
const navlinks = document.querySelector(".nav-links");
menubutton.addEventListener("click", () => {
navlinks.classList.toggle("mobile-menu");
});
</script>
</body>
</html>