-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (151 loc) · 6.86 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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Zero Degree Lab</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Zero Degree Lab</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="calculator.html">Calculator</a></li>
<li><a href="about.html">About</a></li>
<li><a href="health.html">Health Report</a></li>
<li><a href="animations.html">Climate Change Animations</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Zero Degree Lab</h2>
<p>Empowering individuals to reduce their greenhouse gas footprint and prioritize a sustainable future</p>
<ul class="actions special">
<li><a href="calculator.html" class="button primary">Use our Calculator</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Ways to reduce YOUR greenhouse gas emissions</h2>
<p>Small steps = big impact. You can help improve the climate by reducing your greenhouse gas footprint through simple lifestyle changes</p>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/transportation.png" alt="" /></div>
<div class="content">
<h2>TRANSPORTATION</h2>
<p>
<u>Bike, walk, and carpool</u> whenever possible.<br><br>
<u>Buy the right vehicles:</u>
<ul>
<li>Vehicles that emit less CO2</li>
<li>Electric vehicles</li>
</ul>
<u>Refrain from flying</u> to nearby destinations.<br><br>
<u>Use more public (eco-friendly) transportation</u> to reduce CO2 emissions.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/farming.png" alt="" /></div>
<div class="content">
<h2>FACTORY FARMING</h2>
<p>
Though it may be difficult to immediately change your eating habits, start by <u>eating at least one plant-based meal a day.</u><br><br>
You need to feed a lot of animals to produce a lot of meat (and other animal-based products) so there is a limit on natural resources.<br><br>
Factory farming leads to land degradation, species loss, water pollution, and waste.<br><br>
“Farm animals consume a third of the planet’s grain production and a third of the planet’s ice-free land. If people primarily consumed plants, agriculture would be responsible for significantly less deforestation.”
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/fashion.png" alt="" /></div>
<div class="content">
<h2>FAST FASHION</h2>
<p>
Fast fashion is cheap, inexpensive clothing that is mass-produced, following trends.<br><br>
Change your mindset and shopping behaviors; <u>be more mindful of what you really need</u>:
<ul>
<li><u>Buy and sell clothes second hand.</u> This can extend the lifespan of clothing and in turn reduce its carbon footprint.</li>
<li><u>Research the brands you buy from:</u> Many popular brands are making huge negative impacts on the climate crisis, such as Zara, Shein, and H&M.</li>
</ul>
Currently, the fashion industry contributes to 10% of carbon emissions worldwide (1.2 billion tons) - That’s more than the transportation industry!!!<br><br>
With no changes, the fashion industry will account for 26% of carbon emissions by 2050.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/plastic.png" alt="" /></div>
<div class="content">
<h2>PLASTIC USE</h2>
<p>
<u>Use more renewable sources</u> such as solar power and electric power. Also, <u>use more bio-friendly resources.</u><br><br>
The simplest way to reduce carbon footprint is to <u>recycle</u>. Reduce the use of plastic to reduce the demand.<br><br>
Plastic production and use emits large amounts of greenhouse gasses.<br><br>
Have more <u>home-cooked meals</u> to reduce the use of plastics in restaurants. <u>Pick up trash</u> and <u>participate in local cleanup events.</u>
</p>
</div>
</section>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Contact us</h2>
<p>If you have any questions or feedback, feel free to contact us and let us know</p>
</header>
<ul class="actions stacked">
<li><a href="https://www.instagram.com/dnhs_zdl/" class="button fit primary">Instagram</a></li>
<li><a href="mailto:[email protected]" class="button fit">Email</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<h3>Join the Movement: Be a Climate Change Hero As A High Schooler Today!</h3>
<p>Follow us on <a href="https://www.instagram.com/dnhs_zdl/">Instagram</a> to keep track of our team's progress!</p>
<ul class="icons">
<li><a href="https://www.instagram.com/dnhs_zdl/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<div>
<p>Have feedback about the app? <a href="https://docs.google.com/forms/d/e/1FAIpQLSeHVz5p2y1ln4ifS60COhOjU7eRXpn8_FMNiotcoHUVpygZeA/viewform" target="_blank">Share it with us!</a></p>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>