-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (232 loc) · 15.8 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
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Jungle Page</title>
</head>
<body>
<header class="menu-header">
<nav class="menu-content">
<p class="logo-menu">junglepage</p>
<ul class="list-menu-content">
<li><a href="#section2" class="menu-items">diversity</a></li>
<li><a href="#biomesSection" class="menu-items">biomes</a></li>
</ul>
</nav>
</header>
<main>
<section class="section-content content-1">
<div class="box-content">
<h2 class="title-box">does all that green still exist?</h2>
<p class="text-content">It is called by jungle (from the Latin, silva) a forest biome characterized by
dense vegetation and great biodiversity. In general terms, it refers to the humid forests present
both in equatorial and tropical zones, associated with pre-climax phases of this kind of ecosystem.
It can be called a tropical forest if it occupies only 3% of the national territory.</p>
<a href="#section2" class="btn-box-content">find it out</a>
</div>
</section>
<div class="div-section"></div>
<section class="section-content content-2" id="section2">
<div class="box-content box-2">
<div class="card-panel">
<img src="./assets/1 de 4.jpg" alt="" class="card" loading="lazy">
<img src="./assets/2 de 4.jpg" alt="" class="card" loading="lazy">
<img src="./assets/3 de 4.jpg" alt="" class="card" loading="lazy">
<img src="./assets/4 de 4.jpg" alt="" class="card" loading="lazy">
</div>
<div class="text-panel">
<h2 class="title-box title-2">WHAT ARE JUNGLES?</h2>
<p class="text-content text-2">Jungles are the densest, more or less impenetrable regions within a
humid forest with an abundance of animal and plant life. The word jangal originates from the
Sanskrit jangala, which referred to uncultivated land.</p>
<a href="#biomesSection"><i class="fa-solid fa-angle-down btn-next-page"></i></a>
</div>
</div>
</section>
<section class="section-content" id="biomesSection">
<div class="box-content box-3">
<h2 class="title-box-3">brazil biomes</h2>
<div class="content-biomes">
<div class="drop-biomes">
<a href="#biome1" class="box-biomes">
<span class="align-title-btn">
<h2 class="title-drop-biomes">amazon</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
<img src="./assets/bioma 1.jpg" alt="" class="bg-box-biomes" loading="lazy">
</a>
<a href="#biome2" class="box-biomes">
<img src="./assets/bioma 2.jpg" alt="" class="bg-box-biomes" loading="lazy">
<span class="align-title-btn">
<h2 class="title-drop-biomes">pampa</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
</a>
<a href="#biome3" class="box-biomes">
<img src="./assets/bioma 3.jpg" alt="" class="bg-box-biomes" loading="lazy">
<span class="align-title-btn">
<h2 class="title-drop-biomes">atlantic forest</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
</a>
<a href="#biome4" class="box-biomes">
<img src="./assets/bioma 4.jpeg" alt="" class="bg-box-biomes" loading="lazy">
<span class="align-title-btn">
<h2 class="title-drop-biomes">caatinga</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
</a>
<a href="#biome5" class="box-biomes">
<img src="./assets/bioma 5.jpg" alt="" class="bg-box-biomes" loading="lazy">
<span class="align-title-btn">
<h2 class="title-drop-biomes">thick</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
</a>
<a href="#biome6" class="box-biomes">
<img src="./assets/bioma 6.jpg" alt="" class="bg-box-biomes" loading="lazy">
<span class="align-title-btn">
<h2 class="title-drop-biomes">swamp</h2>
<i class="fa-solid fa-chevron-right drop-btn"></i>
</span>
</a>
</div>
<div class="biomes-description">
<div class="biomes-card active" id="biome1">
<img class="biome-bg-img" src="./assets/bioma 1.jpg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">amazon</h2>
<p class="biomes-card-text">
The Amazon is a vast biome in South America, predominantly in Brazil. It is an incredibly diverse rainforest, home to up to 10% of the planet's species. Characterized by a humid equatorial climate, its network of rivers, led by the Amazon, covers about 7 million km², influencing climate regulation. Indigenous populations have inhabited the region for centuries, maintaining a harmonious relationship with nature. However, it faces significant threats from illegal deforestation, agriculture and mining, undermining biodiversity and carbon cycles. Its role as the "lung of the world" in absorbing CO2 and releasing oxygen highlights its global importance. Amazon conservation is vital to the planet's health and future sustainability.
</p>
</div>
</div>
<div class="biomes-card biome-2" id="biome2">
<img class="biome-bg-img" src="./assets/bioma 2.jpg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">pampa</h2>
<p class="biomes-card-text">
The Pampa biome, found in southern Brazil, Uruguay and Argentina, is an extensive
plain with grass vegetation, adapted to the humid subtropical climate at
seasoned. Biodiversity includes animals adapted to fire and grazing, such as
birds and small mammals. Agricultural activity, especially livestock and cultivation
of grains, impacted the original landscape.
The degradation of the Pampa is a concern due to the loss of habitats and fragmentation of areas
preserved. Conservation initiatives seek to protect endangered species and
promote sustainable practices. The gaucho culture plays a relevant role in the identity
local.
</p>
</div>
</div>
<div class="biomes-card biome-3" id="biome3">
<img class="biome-bg-img" src="./assets/bioma 3.jpg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">atlantic forest</h2>
<p class="biomes-card-text">
The Atlantic Forest, found along the east coast of Brazil, is a biome
diverse, characterized by humid tropical forests. houses a rich
biodiversity, with several endemic species of animals and plants. The weather varies
in
humid tropical to subtropical.
This forest suffered intense devastation due to urbanization and agriculture, resulting
in
significant loss of habitat and species. Conservation efforts aim to restore
areas
degraded, protect endangered species and maintain the integrity of the biome. The forest
Atlântica has ecological, economic and cultural value, being essential for the
quality of
lives of human populations and the health of the planet.
</p>
</div>
</div>
<div class="biomes-card biome-4" id="biome4">
<img class="biome-bg-img" src="./assets/bioma 4.jpeg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">caatinga</h2>
<p class="biomes-card-text">
The Caatinga, the predominant biome in northeastern Brazil, is characterized by a
vegetation
adapted to drought, composed of shrubs, cacti and trees resistant to drought. O
weather is
semi-arid, with irregular rainfall. Fauna exhibit unique adaptations to survive
in
extreme conditions, including species such as the giant anteater and the boa constrictor.
Despite its ecological importance, the Caatinga has faced deforestation and degradation
due to agricultural and livestock expansion. Conservation is highlighted to preserve the
biodiversity and ecosystem services. The search for sustainable practices and the
recognition of local populations are fundamental for the protection of this
ecosystem
singular.
</p>
</div>
</div>
<div class="biomes-card biome-5" id="biome5">
<img class="biome-bg-img" src="./assets/bioma 5.jpg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">thick</h2>
<p class="biomes-card-text">
The Cerrado, the predominant biome in the center-west of Brazil, is marked by a landscape
diverse, including savannas, woodlands and seasonal wetlands. adapted to climate
seasonal tropical, with rainfall concentrated at certain times, the Cerrado is home to
one
rich variety of flora and fauna, including species such as the maned wolf and the three-banded armadillo.
Despite its importance for biodiversity and ecosystem services, the
thick
faces significant threats from deforestation, agricultural and livestock expansion. A
conservation has become essential to protect its natural wealth and ensure the
species survival. Conservation initiatives, sustainable land use and
involvement of local communities are key to ensuring the integrity
of that
crucial biome.
</p>
</div>
</div>
<div class="biomes-card biome-6" id="biome6">
<img class="biome-bg-img" src="./assets/bioma 6.jpg" alt="" loading="lazy">
<div class="biomes-front">
<h2 class="biomes-card-title">swamp</h2>
<p class="biomes-card-text">
The Pantanal, located in western Brazil and parts of Paraguay and Bolivia, is the
bigger
freshwater swamp in the world. It is a unique ecosystem of floodplains, with
wide
biodiversity of birds, aquatic mammals and fish. It has two stations
different: a
full, when the flood occurs, and the drought, when the water recedes and the animals
concentrated in restricted areas.
Seasonal variability creates a dynamic and productive environment, providing
important
natural resources for the region. However, the Pantanal faces challenges such as
fires, changes in land use and pollution, which affect its biodiversity and
ecological balance. Conservation is essential to protect this natural wealth,
with
the need for sustainable management and coordinated actions to guarantee the future of this
vital ecosystem.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="f-footer">
<p class="r-rights">© 2023 For Icaro Passos. All Rights reserved</p>
<div class="icon-footer">
<a href="https://www.instagram.com/_icaro.ag/" target="_blank"><i
class="fa-brands fa-instagram icon"></i></a>
<a href="https://www.linkedin.com/in/icaro-ag-184842175/" target="_blank"><i
class="fa-brands fa-linkedin icon"></i></a>
<a href="https://github.com/IcaroAgPassos/" target="_blank"><i class="fa-brands fa-github icon"></i></a>
<a href="https://www.facebook.com/profile.php?id=100011393291721" target="_blank"><i
class="fa-brands fa-facebook icon"></i></a>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>