-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (127 loc) · 4.73 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
<!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>UN goal 15</title>
<link rel="stylesheet" href="./styles/style.css" />
<script src="script.js" async></script>
</head>
<body>
<div class="scene">
<h1>UN goal 15 - Life on land</h1>
<p>
UN Goal 15 aims to protect, restore and promote the sustainable use of
terrestrial ecosystems, forests, and biodiversity. With the world's
population projected to reach nearly 10 billion by 2050, it is crucial
to ensure that we manage our planet's natural resources in a way that
maintains their productivity, sustains life, and supports economic and
social development.
</p>
<p>
This goal recognizes that the Earth's ecosystems are under significant
pressure from human activities such as deforestation, climate change,
and overexploitation of resources. If left unchecked, these activities
could lead to irreversible damage to our planet's natural systems and
threaten the survival of countless species.
</p>
<p>
By implementing sustainable practices and protecting our natural
resources, we can achieve Goal 15 and ensure that life on land is
protected for future generations. This includes promoting responsible
use of forests, halting land degradation and desertification, and
conserving and restoring biodiversity. Achieving Goal 15 is not only
important for preserving the beauty and diversity of our planet's
ecosystems, but also for supporting sustainable development and
mitigating the effects of climate change.
</p>
<div class="intro-forest">
<img
class="tree"
src="./images/tree.svg"
alt="A picture of a autumn tree"
/>
<img
class="tree"
src="./images/tree.svg"
alt="A picture of a autumn tree"
/>
<img
class="tree"
src="./images/tree.svg"
alt="A picture of a autumn tree"
/>
<img
class="tree"
src="./images/tree.svg"
alt="A picture of a autumn tree"
/>
<img
class="tree"
src="./images/tree.svg"
alt="A picture of a autumn tree"
/>
</div>
</div>
<!-- Scene 1 -->
<div class="scene" id="scene1">
<div class="scene__image" id="scene1__image"></div>
<div class="scene__text" id="scene1__text">
<h2>Every year 10 million hectares of forest are destroyed</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, quos
aperiam vitae ut nostrum quis exercitationem ex similique, officia,
deleniti beatae? Eos dolor sapiente quo nemo labore enim dolores
consequuntur.
</p>
</div>
</div>
<!-- Scene 2 -->
<div class="scene" id="scene2">
<div class="scene__image" id="scene2__image"></div>
<div class="scene__text" id="scene2__text">
<h2>
Almost 90% of global deforestation is due to agricultural expansion
</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, quos
aperiam vitae ut nostrum quis exercitationem ex similique, officia,
deleniti beatae? Eos dolor sapiente quo nemo labore enim dolores
consequuntur.
</p>
</div>
</div>
<!-- Scene 3 -->
<div class="scene" id="scene3">
<div class="scene__image" id="scene3__image"></div>
<div class="scene__text" id="scene3__text">
<h2>
Around 40 000 species are documented to be at risk of extinction
</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, quos
aperiam vitae ut nostrum quis exercitationem ex similique, officia,
deleniti beatae? Eos dolor sapiente quo nemo labore enim dolores
consequuntur.
</p>
</div>
</div>
<!-- Scene 4 -->
<div class="scene" id="scene4">
<div class="scene__image" id="scene4__image"></div>
<div class="scene__text" id="scene4__text">
<h2>
Nearly half of freshwater, terrestrial and mountain key biodiversity
areas are protected
</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, quos
aperiam vitae ut nostrum quis exercitationem ex similique, officia,
deleniti beatae? Eos dolor sapiente quo nemo labore enim dolores
consequuntur.
</p>
</div>
</div>
</body>
</html>