-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathforest.html
117 lines (88 loc) · 6.05 KB
/
forest.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Website representing Enviormental Orginzation GAIA.">
<meta name="keywords" content="GAIA Enviormental, Enviormental Orginization, GAIA.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gaia.com</title>
<link href="css/style.css" rel="stylesheet">
<!----------------------Body-Text-Font------------------------------------------------------------------------------------------>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
<!----------------------Heading-Text-Font--------------------------------------------------------------------------------------->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<!----------------------Font-Awesome-Icons-Text-Font---------------------------------------------------------------------------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
</head>
<body>
<!--------------------------HEADER-------------------------------------------------------------------------------------------------->
<header>
<nav>
<ul>
<li class="gaia-logo"> <a href="index.html"> <img src="images/gaia-logo.jpg" title="gaia-logo" alt="gaia-logo" width="70px" height="70px"> </a></li>
<li><a href="about.html"> About </a></li>
<li><a href="contact.html"> Contact </a></li>
<li><a href="recycling.html"> Recycling </a></li>
<li><a href="forest.html"> Forrest </a></li>
<li><a href="weather.html"> Weather </a></li>
<li><a href="geo.html"> G.E.O</a></li>
</ul>
</nav>
</header>
<!--------------------------HEADER-------------------------------------------------------------------------------------------------->
<!--------------------------SECTION-1----------------------------------------------------------------------------------------------->
<div class="forest-page-section-1">
<div class="forest-page-section-1-text">
<h1>Protecting Our Forests</h1>
<p>Forests, covering 31% of Earth’s land, are vital for wildlife, resources, climate regulation, and biodiversity. Threatened by deforestation, climate change, and pollution, they need our protection. This page explores their importance, challenges, and ways to safeguard these ecosystems for future generations.</p>
</div>
<img src="images/forest-picture.jpg" title="forest-image" alt="forest-image" width="400px" height="260px">
</div>
<!--------------------------SECTION-1----------------------------------------------------------------------------------------------->
<!--------------------------SECTION-2----------------------------------------------------------------------------------------------->
<div class="forest-page-section-2">
<div class="forest-page-section-1-text">
<h1>Dangers to Forests</h1>
<p>Forests face threats like deforestation from logging, agriculture, and urbanization, leading to habitat loss and climate change. Wildfires, pests, diseases, and shifting weather patterns further weaken them. Recognizing these dangers is key to advocating for protection and effective conservation.</p>
</div>
<img src="images/wildfire.jpg" title="forest-image" alt="forest-image" width="450px" height="300px">
</div>
<!--------------------------SECTION-2----------------------------------------------------------------------------------------------->
<!--------------------------SECTION-3----------------------------------------------------------------------------------------------->
<div class="forest-page-section-3">
<div class="forest-page-section-1-text">
<h1>Join the Fight for Forest Conservation</h1>
<p>Everyone can help conserve forests through small actions like supporting sustainable forestry, joining reforestation projects, and advocating for protective policies. Educate others, reduce paper and wood use, and promote stewardship to ensure healthy forests for future generations.
</p>
</div>
<img src="images/forest-picture-2.jpg" title="forest-image" alt="forest-image" width="450px" height="300px">
</div>
<!--------------------------SECTION-3----------------------------------------------------------------------------------------------->
<div class="forest-page-section-4">
</div>
<!--------------------------FOOTER-------------------------------------------------------------------------------------------------->
<footer>
<div class="contact-links">
<a href="https://www.microsoft.com/en-gb/microsoft-365/outlook/email-and-calendar-software-microsoft-outlook"> <i class="fa-solid fa-envelope"></i></a>
<a href="contact.html"> <i class="fa-solid fa-phone"></i></a>
<a href="https://uk.linkedin.com/"> <i class="fa-brands fa-linkedin"></i></a>
</div>
<div class="footer-info">
<p><a href="index.html">GAIA</a> </p>
<p> EcoCentre, <br> 45 Greenhill Crescent<br>
Edinburgh, EH10 5DY Scotland<br>
© 2024 Gaia Ltd</p>
</div>
<div class="social-links">
<a href="https://www.instagram.com/"> <i class="fa-brands fa-square-instagram"></i></a>
<a href="https://www.facebook.com/"> <i class="fa-brands fa-square-facebook"></i></a>
<a href="https://x.com/"> <i class="fa-brands fa-x-twitter"></i></i></a>
</div>
</footer>
<!--------------------------FOOTER-------------------------------------------------------------------------------------------------->
</body>
</html>