-
Notifications
You must be signed in to change notification settings - Fork 0
/
archived.html
129 lines (105 loc) · 5.72 KB
/
archived.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="home.css" />
<link rel = "icon" href = "icon.jpg" type = "image/x-icon" class="icon">
<title>Climatist</title>
</head>
<body>
<header>
<section class="content">
<nav id="navbar" class="sticky">
<div class="logo">
<text><a href="index.html">Climatist</a></text>
</div>
<a href="#" class="toggle-button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="menu-items">
<ul>
<li><a href=articles.html>Articles</a></li>
<li><a href=stats.html>Statistics</a></li>
<li><a href=help-out.html>Help Out</a></li>
<li><a href=about.html>About Me</a></li>
</ul>
</div>
</nav>
<br><br><br>
<div class="head" id="navpad">
<h3>What is "Climatist"?</h3><br>
<p>Climatist is an initiative that aims to form a community of like-minded climate activists who want to contribute to saving our planet, while we afford the luxury to do so. <br><br>We are on a relentless march to awaken and kickstart the momentum to tackle the problem of climate change which we face, locally and globally. <br><br>You can become a Climatist by making a conscious effort to help your environment to the best of your capability!
</p><br>
</div>
</section>
</header>
<h2 id="datah">Some Alarming Facts:</h2>
<br><br><br>
<section class="data">
<div class="data1">
<h1>Around 90%</h1><br>
<text>Rise in CO2 Emissions<br>from 1970.</text><br><br>
<small><a href="https://www.epa.gov/ghgemissions/global-greenhouse-gas-emissions-data#:~:text=Since%201970%2C%20CO2%20emissions,increase%20from%201970%20to%202011." target="_blank" rel="noopener noreferrer">Source</a></small>
</div>
<div class="data1">
<h1>2010-2019</h1><br>
<text>Hottest Decade on Record.</text><br><br>
<small><a href="https://www.bloomberg.com/news/articles/2022-01-13/climate-change-made-the-last-eight-years-the-hottest-on-record#xj4y7vzkg" target="_blank" rel="noopener noreferrer">Source</a></small>
</div>
<div class="data1">
<h1>Tokyo, Mumbai,<br>New York</h1>
<text>Some of the cities estimated <br> to be completely submerged<br> due to rising sea levels.</text><br><br>
<small><a href="https://www.designboom.com/architecture/these-36-cities-in-the-world-will-be-the-first-to-sink-underwater-02-26-2022/" target="_blank" rel="noopener noreferrer">Source</a></small>
</div>
<div class="data1">
<h1>3 billion</h1><br>
<text>Population threatened by Climate Change.</text><br><br>
<small><a href="https://www.biologicaldiversity.org/programs/population_and_sustainability/climate/#:~:text=Population%20Pressure%20and%20the%20Climate,like%20Los%20Angeles%20and%20Paris." target="_blank" rel="noopener noreferrer">Source</a></small>
</div>
</section>
<section class="intro">
<img src="glac1.jpg" alt="">
<div class="writing">
<h1>What exactly is Climate Change?</h1><br>
<p>Climate Change is described as “long-term shifts in temperatures and weather patterns”. <br><br>
Over the last several decades, Climate Change is nature's manifestation of fury in the form of droughts, heatwaves, and storms as a reaction to man's indiscretions arising from excessive fossil fuel consumption, deforestation and other environment threatening activities. For now, nature is paying the price for our deeds which makes it our responsibility to do anything and everything in our power to help mother Earth. <br><br>
Humans have been working on combatting climate change since the late 20th century and have come a long way. Our efforts have certainly not gone in vain, but the challenge persists; we need to continue to strive and do our part in healing nature.
</p>
</div>
</section>
<section class="ques">
<div class="q1">
<h1>Want to learn about <br> Climate Change?</h1>
<br>
<text><a href="articles.html">Read Here</a></text>
</div><br><br>
<div class="q2">
<h1>What is the result of<br> Climate Change?</h1>
<br>
<text><a href="stats.html">Read Here</a></text>
</div><br><br>
<div class="q3">
<h1>Want to help the <br> cause?</h1>
<br>
<text><a href="help-out.html">Go Here</a></text>
</div>
</section>
<div class="footer-basic">
<footer>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Home</a></li>
<li class="list-inline-item"><a href="articles.html">Articles</a></li>
<li class="list-inline-item"><a href="stats.html">Statistics</a></li>
<li class="list-inline-item"><a href="help-out.html">Help Out</a></li>
<li class="list-inline-item"><a href="about.html">About Me</a></li>
</ul>
<p class="copyright">Climatist © 2022</p>
</footer>
</div>
<script src="app.js"></script>
</body>
</html>