-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
207 lines (175 loc) · 12.6 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
<!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>Gwavers</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="navigation">
<h2 class="navigation__logo">GWavers</h2>
<nav class="navigation__nav">
<ol class="navigaion__list">
<li class="navigaion__item"><a href="./index.html" class="navigation__item--link active">home</a></li>
<li class="navigaion__item"><a href="./html/about.html" class="navigation__item--link">about</a></li>
<li class="navigaion__item"><a href="./html/register.html" class="navigation__item--link">register</a></li>
<li class="navigaion__item"><a href="./html/contact.html" class="navigation__item--link">contact</a></li>
<li class="navigaion__item"><a href="./html/table.html" class="navigation__item--link">leaderboard</a></li>
<li class="navigaion__item"><a href="./html/Faq.html" class="navigation__item--link">help</a></li>
</ol>
</nav>
<div class="nav__button-main">
<div class="nav__button nav__button--1"></div>
<div class="nav__button nav__button--2"></div>
<div class="nav__button nav__button--3"></div>
</div>
</div>
<!-- home section -->
<section class="hero">
<h1 class="hero__title">
<span class="hero__title--main">Welcome to <span>Green Wavers</span></span>
<span class="hero__title--sub">Make the world green again! One tree at a time!.</span>
</h1>
<a href="./html/about.html" class="hero__button">Join Us</a>
</section>
<!-- end of home section -->
<section class="section-About">
<div class="u-centre-text u-margin-bottom-big">
<!-- <h2 class="heading-secondary">
Effect and Importance of planting trees
</h2> -->
</div>
<div class="row">
<div class="col-1-of-2">
<h1> Effects of cutting down trees</h1>
<p> <br> <p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">random heat waves</h3>
<p class="paragraph">
<p class="par">
The Earth is now about 1.1°C warmer than it was in the 1800s. We are not on track to meet the Paris
Agreement target to keep global temperature from exceeding 1.5°C above pre-industrial levels.
That is considered the upper limit to avoid the worst fallout from climate change.These increase in temperatures
has resulted to occurence of random fires across the globe.
</p>
</p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Food and Agriculture</h3>
<p class="paragraph">
<p class="par">
increases in temperatures and changes in the amount and distribution of rainfall. It has altered the rain partterns
making it hard for farmers to know better planting seasons hence altering supply of food.
Deforestation can cause a vicious cycle because the act of deforestation drive climate change,
which in turn hurts the food production of
existing farmland and motivates farmers to cut down more trees in order to meet quotas, Thus leading to
more Deforestaion.
</p>
</p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Loss of Habitat</h3>
<p class="paragraph">
<p class="par">
One of the most dangerous and unsettling effects of deforestation is the loss of animal and plant species due to their loss of habitat. 70% of land animals and plant species live in forests. Not only does deforestation threaten species known to us, but also those unknown.
The trees of the rainforest that provide shelter for some species also provide the canopy that regulates the temperature. Deforestation results in a more drastic temperature variation from day to night, much like a desert, which could prove fatal for many inhabitants.
</p>
</p>
<p> <br> </p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Soil Erosion and Flooding</h3>
<p class="paragraph">
<p class="par">
Further effects of deforestation include soil erosion and coastal flooding. Trees help the land to retain water and topsoil, which provides the rich nutrients to sustain additional forest life.
Without forests, the soil erodes and washes away, causing farmers to move on and perpetuate the cycle. The barren land which is left behind in the wake of these unsustainable agricultural practices is then more susceptible to flooding, specifically in coastal regions.
</p>
</p>
<p> <br> </p>
<a href="https://www.pachamama.org/effects-of-deforestation#:~:text=The%20loss%20of%20trees%20and,of%20problems%20for%20indigenous%20people." class="btn-text">learn more →</a>
</div>
<div class="col-1-of-2">
<h1> Improtance of planting trees</h1>
<p> <br> <p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Adaptations</h3>
<p class="paragraph">
<p class="par">
Adaptation to climate change safeguards people from higher temperatures, rising seas, fiercer storms, unpredictable rainfall
and more acidic oceans. Some people are more vulnerable to these effects, such as those living in poverty. Planting
of trees may help reduce these effects.
</p>
<p> <br> </p>
<p> <br> </p>
<p> <br> </p>
</p>
<h3 class="heading-tertiary u-margin-bottom-small">Health</h3>
<p class="paragraph">
<p class="par">
Climate change is the single biggest health threat facing humanity. The impacts
are already harming health through air pollution, disease, extreme weather events,
forced displacement, food insecurity and pressures on mental health.
Every year, environmental factors take the lives of around 13 million people.As we all know
trees are the major CO2 absorbers thus they hekp reduce the gaseous accumilation in the atmosphere.
</p>
</p>
<p> <br> </p>
<p> <br> </p>
<!-- <a href="http://www.greenbeltmovement.org/node/696" class="btn-text">learn more →</a>
<p> <br> </p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Social Benefits</h3>
<p class="paragraph">
<p> <br> </p>
</p>
<a href="http://www.greenbeltmovement.org/node/696" class="btn-text">learn more →</a> -->
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small">Communal Benefits</h3>
<p class="paragraph">
<p class="par">
Trees found in urban environments often serve architectural and engineering functions by providing privacy, emphasizing views or obstructing objectionable views. With proper selection and maintenance, even trees on private property can provide benefits to the community. Trees provide privacy, accentuate views, reduce noise and glare, and even enhance architecture. Trees also bring natural elements and wildlife habitats into urban surroundings, all of which increase the quality of life for residents in the community.
</p>
</p>
<p> <br> </p>
<p> <br> </p>
<h3 class="heading-tertiary u-margin-bottom-small"> Environmental Benefits</h3>
<p class="paragraph">
<p class="par">
Trees alter our environment by using their leaves to filter the air we breathe by removing dust and other particles. Deciduous shade trees cool homes in the summer and allow the winter sun to heat homes when they lose their leaves. Trees can serve as a windbreak. The more compact the foliage on the group of trees the more effective the windbreak. Trees add beuty to the enviroment.
They also provide shade to humans,
food, protection, and homes for many birds and mammals..
</p>
</p>
<p> <br> </p>
</p>
<a href="http://www.greenbeltmovement.org/node/696" class="btn-text">learn more →</a>
</div>
</div>
<div class="steps-section">
<h1>How to plant tress</h1>
</div>
<div class="row">
<div class="col-1-of-2">
<h3 class="heading-tertiary u-margin-bottom-small">step-by-step</h3>
<p class="par">
1. The trunk flare is where the trunk expands at the base of the tree. Ensure trunk flare is partially visible after the tree is planted. Remove excess soil prior to planting if flare is not visible. <br>
2. Dig a shallow, broad planting hole. Holes should be 2–3 times wider than the root ball, but only as deep as the root ball. <br>
3. If wrapped, remove any cover from around the root ball and trunk to facilitate root growth. Remove wire basket or cut one or two rings off so it is low-profile and will not interfere with future root growth.
ect tree root ball for circling roots and straighten, cut, or remove them. Expose the trunk flare if necessary. <br>
4. Place the tree at the proper height. When placing the tree in the hole, lift by the root ball, not the trunk. The majority of tree’s roots develop in the top 12 inches (30 cm) of soil. Planting too deep can be harmful to the tree. <br>
5. Straighten the tree in the hole. Before filling the hole, have someone examine the tree from several angles to confirm it is straight. <br>
6. Fill the hole gently but firmly. Pack soil around the base of the root ball to stabilize it.
the hole firmly to eliminate air pockets. Further reduce air pockets by watering periodically while backfilling. Avoid fertilizing at the time of planting. <br>
7. If staking is necessary, three stakes or underground systems provide optimum support. Studies have shown that trees develop stronger trunks and roots if they are not staked; however, it may be required when planting bare root stock or on windy sites. Remove stakes after first year of growth. <br>
8. Mulch the base of the tree. Place a 2–3 inch (5–7.5 cm) layer of mulch, but be sure not to pile much right against the trunk. A mulch-free area of 1–2 inches (2.5–5 cm) wide at the base of the tree will reduce moist bark and prevent decay. <br>
Provide follow-up care. Keep the soil moist by watering at least once a week, barring rain, and more frequently during hot, windy weather. Continue until mid-fall, tapering off as lower temperatures require less-frequent watering. <br>
</p>
</div>
<div class="col-1-of-2">
<img src="./images/plant1.jpeg" alt="new">
<img src="./images/plant2.jpeg" class="new" alt="Instr">
</div>
</div>
</section>
</body>
<script src="./js/index.js"></script>
</html>