-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
125 lines (104 loc) · 5 KB
/
about.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
<!DOCTYPE HTML>
<html>
<head>
<title>Carbon Vista | About</title>
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<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>
<style>
#loading,
#results {
display: none;
}
#loading {
width: 100%;
}
</style>
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<div class="inner">
<a href = "index.html">
<img src="images/logo2.png" alt="Carbon Vista">
<h1><strong>Carbon</strong> Vista<br /></a>
</h1>
<p>About</p>
</div>
</section>
<!-- One -->
<section id="one" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<header class="major">
<h2>About<br />
Our Cause</h2>
</header>
<p>
Our mission is to make information and resources concerning our carbon footprint accessible to individuals through an easy to use and understand application. We do this by aggregating research into the carbon emissions of many different vehicles and commute distance to give a rudimentary rating of an individual’s carbon footprint. In the future we hope to implement features that will take into account the carbon footprint from other sources such as grocery sources, individual transportation alternatives, and electricity usage. </p>
</div>
<div class="col-6 col-12-medium imp-medium">
<span class="image fit" style="filter: blur(3px);"><img src="images/imGoingToBlurThis.jpg" alt="" /></span>
</div>
</div>
</div>
</section>
<section id="team" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<span class="image fit"><img src="images/team.jpg" alt="" /></span>
</div>
<div class="col-6 col-12-medium imp-medium">
<header class="major">
<h2>About<br />
The Team</h2>
</header>
<p>We are a group of students from diverse backgrounds spanning from Egypt to India motivated by a care of the sustainment of Earth. Our belief about the rights that the environment has on us as well as a deep care of how increased global warming will affect the areas which so many of our families come from and even currently live.</p>
</div>
</div>
</div>
</section>
<section id="three" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<header class="major">
<h2>Resources</h2>
</header>
<p>
Below are resources we've utilized in our research on carbon emissions that proved to be helpful in the creation of the calculator. </p>
</div>
</div>
<li><a href = "https://fueleconomy.gov/">https://fueleconomy.gov/</a></li><br>
<li><a href = "https://streets.mn/2019/09/06/graphic-whats-a-vehicles-carbon-footprint/">https://streets.mn/2019/09/06/graphic-whats-a-vehicles-carbon-footprint/</a></li><br>
<li><a href = "https://www.nrdc.org/onearth/waiting-exhale">https://www.nrdc.org/onearth/waiting-exhale</a></li><br>
<li><a href = "https://climatefriendlycars.climatecentral.org/report/">https://climatefriendlycars.climatecentral.org/report/</a></li><br>
<li><a href = "https://www.nextgreencar.com/view-car/72315/camry/">https://www.nextgreencar.com/view-car/72315/camry/</a></li><br>
</div>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a href="https://github.com/ymorsi7/CarbonVista" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:21stofAprilMovementAgainstCarbon@gmail.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Carbon Vista</li><li>Team: <a href="https://github.com/ymorsi7/CarbonVista" target="_blank">21st of April Movement Against Carbon</a></li>
</ul>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.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>
<script src="assets/js/calc.js"></script>
</body>
</html>