-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcontentPageStudent1.html
203 lines (187 loc) · 14.3 KB
/
contentPageStudent1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Content page student1</title>
<link rel="stylesheet" href="contentPageStudent1.css">
<!-- <link rel="stylesheet" href="Home.css"> -->
</head>
<body>
<header class="header">
<!--navigation Panel-->
<a href="index.html" class="logo"><img src="images/Home/Sustainable_Development_Goal_14.png" alt="LOGO" class="logo"></a>
<input type="checkbox" id="check">
<label for="check" class="icons">
<i class="bx bx-menu" id="close-icon"></i>
<i class="bx bx-x" id="menu-icon"></i>
</label>
<nav class="navbar">
<a href="index.html" class="active" style="--i:0;">HOME <span></span></a>
<a href="Gallery.html" style="--i:1;">GALLERY <span></span></a>
<a href="shop.html" style="--i:2;">SHOP <span></span></a>
<a href="Feedback.html" style="--i:3;">FEEDBACK <span></span></a>
<a href="profile.html" style="--i:4;">USER PROFILE <span></span></a>
<a href="team.html" style="--i:5;">ABOUT US <span></span></a>
<a href="Sitemap.html" style="--i:6;">SITE MAP <span></span></a>
</nav>
</header>
<br><br><br><br><br><br><br><br>
<div class="heading">
<h1>PROTECTING CORAL REEF...</h1>
</div>
<div class="contentContainer">
<svg class="downarrow" id="downarrow" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19V5m0 14-4-4m4 4 4-4"/>
</svg>
<diV class="introduction">
<p> Coral reefs are among the most mesmerizing and biologically rich ecosystems on our planet. Often called
the "rainforests of the sea," they support an incredible diversity of life and provide essential services
to both marine organisms and humans. Coral reefs cover less than 1% of the ocean floor, yet they are home
to about 25% of all marine species, including thousands of types of fish, mollusks, worms, crustaceans,
and sponges. These vibrant underwater cities are vital for the health of our oceans, and their intricate
structures, built over millennia by tiny coral polyps, create habitats that sustain a plethora of marine life.
The significance of coral reefs extends far beyond their biodiversity. They play a crucial role in protecting coastal
areas from the devastating effects of storm surges, hurricanes, and erosion. The complex structures of coral reefs
act as natural barriers, absorbing wave energy and safeguarding shorelines, which helps protect coastal communities
and infrastructures. This natural defense is becoming increasingly important as climate change leads to more frequent
and severe weather events.Economically, coral reefs are invaluable. They are the foundation of vibrant
tourism industries in many tropical regions, attracting millions of visitors each year who come to marvel
at their beauty and engage in activities such as snorkeling and scuba diving. This tourism generates billions
of dollars annually, providing livelihoods for countless individuals and supporting local economies. Additionally,
coral reefs contribute to global food security. They support fisheries that are essential for the diets of millions
of people worldwide, particularly in developing countries where fish may be the primary source of protein.
Coral reefs are extraordinary marine ecosystems, often referred to as the "rainforests of the sea"
due to their incredible biodiversity. These vibrant underwater landscapes support thousands of species,
including fish, invertebrates, and algae, and provide essential benefits to humans. Coral reefs protect
coastlines from storm surge and erosion, contribute to the economy through tourism and fishing, and even
play a role in carbon and nitrogen cycling. Despite their importance, coral reefs are facing unprecedented
threats from human activities and environmental changes. Protecting coral reefs is crucial for
maintaining the health of our oceans and the well-being of future generations.Coral reefs are among the most diverse and valuable ecosystems on Earth, often referred
to as the "rainforests of the sea." They support a vast array of marine life, protect coastlines
from erosion, and provide resources for millions of people. However, coral reefs are under threat
from various human activities and environmental changes. Protecting these vital ecosystems is
essential for preserving marine biodiversity and the health of our oceans.</p>
</diV>
<div class="image">
<img src="images/contentpagestudent1/image1.jpg" alt="coral reef">
<img src="images/contentpagestudent1/image2.jpg" alt="coral reef">
<img src="images/contentpagestudent1/image3.jpg" alt="coral reef">
</div>
<div class="content1">
<h2>Importance of Coral Reefs</h2>
<p><b>Biodiversity:</b> Coral reefs support approximately 25% of all marine species, including fish, invertebrates, and algae.</p>
<p><b>Economic Value:</b> Coral reefs contribute to local economies through tourism, fishing, and as sources of new medicines.</p>
<p><b>Coastal Protection:</b> Reefs act as natural barriers, reducing the impact of waves, storms, and floods on coastal communities.</p>
<p><b>Climate Regulation:</b> Reefs play a role in carbon and nitrogen cycling, helping to regulate the global climate.</p>
</div>
<div class="content2">
<h2>Threats to Coral Reefs</h2>
<p><b>Climate Change:</b> Rising sea temperatures lead to coral bleaching, where corals expel the algae living in their tissues,
causing them to turn white and often die.</p>
<p><b>Pollution:</b> Runoff from land, including pesticides, fertilizers, and sewage, can smother corals and promote the growth of
harmful algae.</p>
<p><b>Overfishing:</b> Unsustainable fishing practices can deplete key species that help maintain the balance of reef ecosystems.</p>
<p><b>Coastal Development:</b> Construction and land reclamation can lead to habitat destruction and increased sedimentation, which smothers corals</p>
</div>
<div class="content3">
<h2>Actions to Protect Coral Reefs</h2>
<p><b>Conservation:</b> Establishing marine protected areas can limit human activities and provide safe havens for coral reefs to recover and thrive.</p>
<p><b>Education:</b> Raising awareness about the importance of coral reefs</p>
<p><b>Sustainable Fishing Practices:</b> Implementing regulations and encouraging sustainable fishing can help maintain the ecological balance of reef systems.</p>
<p><b>Reducing Pollution:</b> Reducing land-based pollution through better waste management, agricultural practices, and sewage treatment can protect coral health.</p>
<p><b>Climate Action:</b> Addressing climate change by reducing greenhouse gas emissions is crucial for the long-term survival of coral reefs.</p>
</div>
<diV>
<h2>How You Can Help</h2>
<p>Individuals can play a significant role in protecting coral reefs. Making sustainable seafood choices helps reduce the
pressure on overfished species and promotes healthier marine ecosystems. Supporting sustainable tourism practices,
such as choosing eco-friendly tour operators and respecting marine life while diving or snorkeling, can minimize the
impact on reefs. Reducing carbon footprints by using energy-efficient appliances, reducing travel, and supporting
renewable energy initiatives can contribute to the fight against climate change</p>
<p>Using reef-safe sunscreens, which do not contain harmful chemicals like oxybenzone and octinoxate,
can prevent further damage to coral reefs. Participating in beach cleanups, supporting policies that
protect marine environments, and educating others about the importance of coral reefs are also
effective ways to contribute. Donating to and volunteering with organizations dedicated to coral
reef conservation can provide much-needed resources and support for these crucial efforts.</p>
</diV>
<div>
<h2>Success Stories</h2>
<p>There are many inspiring examples of successful coral reef conservation efforts around the world.
The Great Barrier Reef, despite facing significant challenges, has seen positive effects from efforts
to reduce agricultural runoff and improve water quality. The Coral Triangle Initiative, a regional
partnership in Southeast Asia, focuses on conserving the Coral Triangle, one of the most diverse
marine areas in the world. This initiative has made significant strides in protecting coral reefs
and promoting sustainable fishing practices.</p>
<p>In the Florida Keys, restoration projects are successfully restoring damaged reefs using coral
nurseries and transplantation techniques. These efforts not only rebuild reef structures but also
engage and educate local communities and tourists about the importance of coral reef conservation</p>
</div>
<diV>
<p>Protecting coral reefs is a critical and urgent task that requires a collective effort from individuals,
communities, governments, and organizations worldwide. By implementing effective conservation strategies and making
conscious choices, we can help ensure the survival of these extraordinary ecosystems. Coral reefs are not just
beautiful underwater landscapes; they are vital to the health of our planet and our future. It is our responsibility
to protect and preserve them for the benefit of all living creatures</p>
</diV>
<svg class="uparrow" id="uparrow" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
</svg>
</div>
<div id="footerPart">
<footer>
<div class="container">
<div class="footer-content1">
<h3 class="H3">Contact Us</h3>
<div class="elements">
<p>Email: <a href="mailto:[email protected]">[email protected]</a> </p>
<p>Phone: <br>+94 76 925 7022</p>
<p>Address: Dehiwala-Mount Lavinia</p>
</div>
</div>
<div class="footer-content2">
<h3 class="H3">Quick Links</h3>
<ul class="list">
<li><a href="Home.html">Home</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="Feedback.html">Feedback</a></li>
<li><a href="team.html">About Us</a></li>
</ul>
</div>
<div class="footer-content3">
<h3 class="H3">Follow Us</h3>
<ul class="social-icons">
<li><a href="https://web.facebook.com/pasishjdh?comment_id=Y29tbWVudDoxNjY3NzY0Mzc3MzAxMjMzXzgzMjA2NDM2ODg3Nzc4OQ%3D%3D" target="_blank"><i class="fab fa-facebook"></i></a></li>
<li><a href="https://x.com/alwaysPasindu" target="_blank"><i class="fab fa-twitter" ></i></a></li>
<li><a href="https://github.com/alwaysPasindu" target="_blank"><i class="fab fa-github" ></i></a></li>
<li><a href="https://www.linkedin.com/in/pasindu-dilshan-929865269/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="bottom-bar">
<p>Copyright © 2024 GROUP. E | Designed By <i><a href="PageEditorStudent1.html">Gayashi Ramanayake</a></i></p>
</div>
</footer>
</div>
<!-- <div class="footer">
<footer>
<nav class="footerlist">
<a href="PageEditorStudent1.html">Gayashi Nethmini</a>
<a href="PageEditorStudent2.html">Pasindu Dilshan</a>
<a href="PageEditorStudent3.html">Akila Lochana</a>
<a href="PageEditorStudent4.html">Nithika Thewjan</a>
</nav>
</footer>
</div> -->
<script>
document.getElementById("uparrow").onclick = function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
document.getElementById("downarrow").onclick = function() {
window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
}
</script>
<script src="https://kit.fontawesome.com/1165876da6.js" crossorigin="anonymous"></script>
</body>
</html>