-
Notifications
You must be signed in to change notification settings - Fork 0
/
problem.html
176 lines (164 loc) · 10 KB
/
problem.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SeeO2free | Problem</title>
<link rel="stylesheet" type="text/css" href="./problem.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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- section 1 goes from here | section 1 goes from here -->
<section class="section-1">
<div class="contacts-bar">
<div class="contacts-bar-phoneandemail">
<p>Phone: <a href="tel:+94812333555">0812 333 555</a> Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="contacts-bar-social">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-tumblr"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</section>
<!-- header section goes from here | header section goes from here -->
<header>
<nav class="nav-bar">
<div class="nav-logo">
<a href="./index.html"><img src="./images/seeo2free.png" alt="Logo"></a>
</div>
<div class="nav-menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./problem.html">Problem</a></li>
<li><a href="./solutions.html">Solutions</a></li>
<li><a href="./aboutus.html">About Us</a></li>
<li class="nav-donate"><a href="./donate.html">Donate</a></li>
</ul>
</div>
</nav>
</header>
<!-- section 2 goes from here | section 2 goes from here -->
<section class="section-2">
<div class="section-2-2">
<h1>+ Problem +</h1>
<p>In the battle against climate change, one of the most pressing challenges we face today is the alarming rate at which vehicles emit carbon dioxide (CO<sub>2</sub>) and other greenhouse gases into the atmosphere. As the global population burgeons and urbanization accelerates, the demand for personal and commercial vehicles has surged, exacerbating the emissions conundrum. Cars, trucks, buses, and motorcycles collectively contribute a significant portion of the world's CO<sub>2</sub> emissions, with transportation accounting for nearly one-quarter of global carbon emissions. This environmental menace is primarily fueled by the combustion of fossil fuels predominantly gasoline and diesel in internal combustion engines, releasing CO<sub>2</sub> and other pollutants into the air with each mile traveled. The repercussions of this unchecked emission are dire, contributing significantly to global warming, air pollution, and myriad adverse effects on public health and the environment.</p>
<p>Moreover, the vehicular carbon emission problem is not just confined to exhaust fumes; it encompasses the entire lifecycle of vehicles, from production to disposal. The manufacturing process of vehicles involves intensive energy consumption, raw material extraction, and emissions from manufacturing plants. Furthermore, the disposal of end of life vehicles presents another environmental quandary, with improper disposal methods leading to pollutants leaching into soil and water sources. The proliferation of gas guzzling SUVs and the slow adoption of cleaner alternatives, such as electric vehicles (EVs) or hydrogen fuel cell vehicles, exacerbate the situation. Despite advancements in automotive technology and efforts to improve fuel efficiency, the sheer volume of vehicles on the road continues to escalate, offsetting any gains made in emissions reduction. Thus, addressing the vehicle carbon emission problem necessitates a multifaceted approach, encompassing policy interventions, technological innovations, and shifts in consumer behavior towards sustainable transportation solutions.</p>
</div>
</section>
<!-- section 3 goes from here | section 3 goes from here -->
<section class="section-3">
<div class="section-3-2">
<div class="section-3-2-1">
<img src="./images/problem.jpg" alt="Car_Smoking_Picture">
</div>
<div class="section-3-2-2">
<div class="section-3-2-2-0 section-3-2-2-1">
<h4>Environmental Impact</h4>
<p>Vehicle emissions, including carbon dioxide and pollutants like nitrogen oxides and particulate matter, contribute to air pollution, climate change, and ecological damage, threatening the health of ecosystems worldwide.</p>
</div>
<div class="section-3-2-2-0 section-3-2-2-2">
<h4>Public Health Implications</h4>
<p>Harmful emissions from vehicles exacerbate respiratory diseases and cardiovascular problems, disproportionately affecting vulnerable populations and leading to increased healthcare costs and premature deaths.</p>
</div>
<div class="section-3-2-2-0 section-3-2-2-3">
<h4>Energy Security and Resource Depletion</h4>
<p>Dependence on finite fossil fuels for transportation raises concerns about energy security, geopolitical tensions, and resource depletion, highlighting the need for transitioning to sustainable and renewable energy sources.</p>
</div>
<div class="section-3-2-2-0 section-3-2-2-4">
<h4>Climate Change and Global Warming</h4>
<p>The release of greenhouse gases, primarily CO2, from vehicles intensifies the greenhouse effect, resulting in rising temperatures, extreme weather events, and disruptions to ecosystems and livelihoods globally.</p>
</div>
</div>
</div>
</section>
<!-- section 4 goes from here | section 4 goes from here -->
<section class="section-4">
<div class="section-4-2">
<h2>What is a carbon footprint ?</h2>
<p>A carbon footprint is the total amount of greenhouse gases (including carbon dioxide and methane) that are generated by our actions. The average carbon footprint for a person in the United States is 16 tons, one of the highest rates in the world. Globally, the average carbon footprint is closer to 4 tons. To have the best chance of avoiding a 2℃ rise in global temperatures, the average global carbon footprint per year needs to drop to under 2 tons by 2050. Lowering individual carbon footprints from 16 tons to 2 tons doesn’t happen overnight! By making small changes to our actions, like eating less meat, taking fewer connecting flights and line drying our clothes, we can start making a big difference.</p>
</div>
</section>
<!-- section 5 goes from here | section 5 goes from here -->
<section class="section-5">
<div class="section-5-2">
<h3>Carbon Footprint Calculator</h3>
<form id="calculatorForm">
<label for="transportation">Transportation (miles per week):</label>
<input type="number" id="transportation" name="transportation" required>
<label for="energy">Energy consumption (kWh per month):</label>
<input type="number" id="energy" name="energy" required>
<label for="lifestyle">Lifestyle (meals per week):</label>
<input type="number" id="lifestyle" name="lifestyle" required>
<button type="submit">Calculate</button>
</form>
<div id="result"></div>
</div>
</section>
<!-- footer goes from here | footer goes from here -->
<footer>
<div class="footer-2">
<div class="details">
<div class="details-texts">
<img src="./images/seeo2free.png">
<h6>No: 34/A, Main Road,<br>Colombo 03</h6>
<p><a href="tel:+94812333555">0812 333 555</a></p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="social-media">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-tumblr"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="footer-box">
<h5>SUPPORT</h5>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Join Team</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-box">
<h5>SO FAR</h5>
<ul>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Vision</a></li>
<li><a href="#">Projects Done</a></li>
<li><a href="#">Donations</a></li>
</ul>
</div>
<div class="footer-box">
<h5>OTHERS</h5>
<ul>
<li><a href="#">Policy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Others</a></li>
</ul>
</div>
</div>
</footer>
<!-- section 7 goes from here | section 7 goes from here -->
<section class="section-7">
<p>www.SeeO2free.com | Copyright © 2018-2024 All Rights Reserved. Designed by Pramod B.</p>
</section>
</div>
<script src="./problem.js"></script>
<script src="https://kit.fontawesome.com/09a59f5e9c.js" crossorigin="anonymous"></script>
</body>
</html>