-
Notifications
You must be signed in to change notification settings - Fork 0
/
threats1.html
150 lines (126 loc) · 8.06 KB
/
threats1.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
<!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>CLAMB</title>
<!--font awesome cdn-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!--css file-->
<link rel="stylesheet" href="css/style.css">
<!--animation file-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!--AOS animation file-->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body>
<!--header section starts-->
<header class="header animate__animated animate__fadeInDown">
<a href="index.html" class="logo"><i class="fas fa-tree"></i>CLAMB</a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="threats1.html">Animals</a>
<a href="threats2.html">Forests</a>
<a href="threats3.html">Poles</a>
<a href="cff.html">#CFF</a>
<a href="articles.html">Articles</a>
<a href="social.html">Social</a>
</nav>
<div id="menu-btn" class="fas fa-bars"></div>
<a href="mailto:[email protected]" class="btn">Contact</a>
</header>
<!--header section ends-->
<!--home section starts-->
<section class="home" id="home">
<div class="image animate__animated animate__fadeInLeft">
<img src="images/Ecosystem-bro.png" alt="">
</div>
<div class="content animate__animated animate__fadeInRight">
<h3><span class="line-down">Ecosystem</span> Is Losing Its BALANCE</h3>
<p>All of the species are a part of the balance in the nature. Together, they protect the natural life cycle. Like in the real life, if we broke a part of the chain, the effect will be like domino effect. We should be aware of that and inform the people around us. </p>
</div>
</section>
<!--home section ends-->
<!--paragraphs contents starts-->
<section class="contents" id="contents">
<div class="box-container-2">
<div class="box-2">
<img src="images/animal-care.png" alt=""/>
<h3>How does Climate Change affect <span class="line-down">Animals</span> ?</h3>
<p>In our daily lives, we hear climate change from the news and feel the impact of it. But do we know enough how it's been affecting? <br/><br/> Animal habitats are becoming inhospitable, and some of them have already disappeared. Droughts, floods, warming, hurricanes, tornados, etc. are some of the disasters which are harming those lands. Because of these changes, some animals have already become extinct and others are trying to survive by changing their diets, preys, and how they reproduce.
<br/> Especially some of these animals, which are well known, are about to extinct </p>
</div>
</div>
</section>
<div class="iko">
<a href="#turtle" class="ik"><img src="images/tuico.png"></a>
<a href="#polar-bear" class="ik"><img src="images/poiko.png"></a>
<a href="#cheetah" class="ik"><img src="images/cheeiko.png"></a>
<a href="#panda" class="ik"><img src="images/pandiko.png"></a>
<a href="#elephant" class="ik"><img src="images/eliko.png"></a>
</div>
<section class="home2" id="turtle">
<div class="image">
<img src="images/turtle.png" alt="">
</div>
<div class="content" >
<h3>Green Turtles</h3>
<p>They are mostly found in tropical and subtropical waters. Even if their habitats are oceans, they use beaches for breeding. Also, they don't stay so long somewhere, they often migrate long distances for feeding and breeding.
Adults are herbivores, and they eat seagrass and algae. Hatchlings, however, are omnivores.
Do you know what they eat more?</p>
<h4><em>Plastic</em></h4>
<p>Researches show that 52% of the world's turtles have eaten plastic waste since they thought it was a jellyfish,algae or other foods they eat usually. </p>
</div>
</section>
<section class="home2" id="polar-bear" >
<div class="content" >
<h3>Polar Bear</h3>
<p>They're the largest bear in the world, and well known due to their endurance and strength. <br>Polar Bears are predators which eat seals. They spend most of their times to hunt, so they need large amount of fat to survive. They can walk and swim which help them travel so long.
<br> They're the most affected species by global warming, because their habitats are the most affected one,too.
<br><br> Therefore,we urgently take a step to protect them from extinction.</p>
</div>
<div class="image">
<img src="images/polarbear.png" alt="">
</div>
</section>
<section class="home2" id="cheetah">
<div class="image">
<img src="images/cheetah.png" alt="">
</div>
<div class="content" >
<h3>Cheetah</h3>
<p>Because of some newly occured drought lands, cheetahs' prey population are declining. It cause that cheetah had to change their diets and prey on other animals that live in the same environment.<br><br> Often these animals don't have the same nutritional values as cheetahs' usual prey - affecticng their ability to produce healthy sperm.
</p>
<h4><em>What to do ?</em></h4>
<p>For help them, you may join to GVI volunteers to work on projects like Karongwe Private Game Reserve.</p>
</div>
</section>
<section class="home2" id="panda">
<div class="content" >
<h3>Giant Panda Bear</h3>
<p>Climate change is disruptively reducing the amount of bamboo that grows in pandas' natural habitats in China.
<br> Bamboos are the most important food for pandas but it's not the only benefit of it. It also provide Pandas an habitat. It helps them to be protected from predators.
<br><br> If the speed of reduce goes like that, Pandas will be vulnerable to attack.</p>
</div>
<div class="image">
<img src="images/Panda.png" alt="">
</div>
</section>
<section class="home2" id="elephant">
<div class="image" >
<img src="images/elephant.png" alt="">
</div>
<div class="content">
<h3>Asia Elephant</h3>
<p>The most important and vital thing for elephants are water. Due to they need to drink water at least once a day, they always live close to water sources </p>
<h4><em>What is the effect on them ? </em></h4>
<p>Warmer conditions, which caused by global climate change, cause waterless for elephants, and also make it easier for invasive plants to thrive, and outgrow the elephants' regular food sources like bamboo leaves and banana.<br>As a result, they need to be protected because climate change make them vulnerable. </p>
</div>
</section>
<!--paragraphs contents ends-->
<!--javascript file-->
<script src="js/script.js"></script>
</body>
</html>
<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>