-
Notifications
You must be signed in to change notification settings - Fork 0
/
solutions.html
149 lines (142 loc) · 7.4 KB
/
solutions.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
<!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>Awakening: Your Number One Source to Learn About Climate Change</title>
<link rel="stylesheet" href="stylesSolutions.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" />
<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=Kumbh+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navbar Section -->
<nav class="navbar">
<div class="navbar__container">
<a href="/" id="navbar__logo"><i class="fa fa-tree"></i>AWAKENING</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="/" class="navbar__links">Home</a>
</li>
<li class="navbar__item">
<a href="/resources.html" class="navbar__links">Resources</a>
</li>
<li class="navbar__item">
<a href="/solutions.html" class="navbar__links">Solutions</a>
</li>
<li class="navbar__btn">
<a href="https://donate.catf.us/page/39127/donate/1" class="button">Donate</a>
</li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<div class="main">
<div class="main__container">
<div class="main__content">
<h1>SOLUTIONS TO CLIMATE CHANGE</h1>
<p>Here are some various solutions you can incorporate in your day to day life to help end climate change. By incorporating these simple solutions into your lifestyle, you can drop your carbon footprint by a significant ammount!</p>
<!-- <button class="main__btn"><a href="/">Learn More</a></button> -->
</div>
<!-- <div class="main__img--container">
<p>Short Climate Change Stories</p>
<img src="images/pic5.svg" alt="pic" id="main__img">
</div> -->
</div>
</div>
<!-- Services Section -->
<div class="services">
<div class="services__container">
<div class="services__content">
<h1>Save Energy At Home</h1>
<p>Much of our electricity and heat are powered by coal, oil, and gas. To reduce this usage, you can: </p>
<p>- use the heater and air condition less.</p>
<p>- switch to LED lights and energy effecient appliances.</p>
<p>- turn off the lights, faucets, or appliances that use electricity when not in use.</p>
<p>- use cold wash and air dry for your laundry.</p>
<p></p>
<h1>Green Transportation</h1>
<p>When we commute we think of driving or plane rides. However, with so many vehicles on our roads and planes burning fossil fuels, there are greener alternatives such as: </p>
<p>- walking, biking, scootering</p>
<p>- carpooling, public transport</p>
<p>- decreasing the amount of flights you take</p>
<p></p>
<h1>Greener Diet</h1>
<p>Livestock production produces a big portion of CO2 emissions, we should cut down on meat and dairy products and instead: </p>
<p>- switch to plant based agriculture, saving land, energy, water, and producing less CO2.</p>
<p>- eat more fruits, whole grains, vegetables, seeds, and nuts.</p>
<p>- cut food waste and compost your leftovers if you have too.</p>
<p></p>
<h1>Reuse, Repair, & Recycle</h1>
<p>New goods we buy all come from factories, which causes a lot of carbon emissions when making them. Try:</p>
<p>- shopping for second hand.</p>
<p>- repairing what you can and recycle.</p>
<p>- buying less goods.</p>
<p></p>
<h1>Green Products to Invest In</h1>
<p>Help reduce carbon emissions by switching over to green energy when looking to renovate your home or looking for a new vehicle.</p>
<p>- Researching about a company before buying their goods.</p>
<p>- Investing in solar power or wind power.</p>
<p>- Switching over to an electric vehicle.</p>
<p> </p>
<h1>Last, but not least, speak up and help promote climate change in your local community!</h1>
</div>
<div class="services__img--container">
<img src="images/pic9.svg" alt="pic" class= "services__img">
<img src="images/pic10.svg" alt="pic" class= "services__img">
<img src="images/pic11.svg" alt="pic" class= "services__img">
<img src="images/pic12.svg" alt="pic" class= "services__img">
<img src="images/pic13.svg" alt="pic" class= "services__img">
<img src="images/pic14.svg" alt="pic" class= "services__img">
</div>
</div>
</div>
<!-- Footer Section -->
<div class="footer__container">
<div class="footer__links">
<div class="footer__link--wrapper">
<div class="footer__link--items">
<h2>About Us</h2>
<p> I am a student at UCSD who is passionate towards helping end climate change. Many people still
do not believe that climate change is a real thing or just choose to ignore it. I compiled this website
to help spread accurate information about climate change to as wide of an audience as possible.
</p>
</div>
</div>
</div>
<div class="social__media">
<div class="social__media--wrap">
<div class="footer__logo">
<a href="/" id="footer__logo"><i class="fa fa-tree"></i>AWAKENING</a>
</div>
<p class="website__rights">© AWAKENING 2023. All rights reserved</p>
<div class="social__icons">
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa-facebook"></i>
</a>
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="/" class="social__icon--link" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>