-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsol.html
181 lines (173 loc) · 9.95 KB
/
sol.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
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reduce</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="sol.css">
</head>
<body class="body">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#"> <img src="bg1.jpg" alt="EcoTrace" height="60px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="calc.html">Calculate</a>
</li>
<li class="nav-item">
<a class="nav-link" href="outlook.html">Outlook</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sol.html">Reduce</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<main>
<div class="container">
<div class="topic">
<b> "CONSERVE ENERGY TO PRESERVE FUTURE"</b>
</div>
<div class="container1">
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://img.freepik.com/premium-psd/house-with-solar-paneland-wind-energy-3d-realistic-render_565208-242.jpg?size=626&ext=jpg&ga=GA1.1.1259196114.1707806053&semt=ais_user" ></div>
<div class="text"> REDUCE ENERGY USAGE</div>
</div>
<div class="back">
<div class="text">The average per capita household emissions in Europe account for 23% of our total carbon footprint.
With simple changes like replacing light bulbs with low consumption LED alternatives, or unplugging unused electronics to minimise standby energy consumption we can make big differences in our energy bill.
</div>
</div>
</div>
</div>
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://cdn5.vectorstock.com/i/1000x1000/36/29/sustainable-consumption-in-everyday-personal-life-vector-29383629.jpg"></div>
<div class="text">SCALE BACK GOODS</div>
</div>
<div class="back">
<div class="text">Everything we buy has a carbon footprint embedded in it, which unfortunately in most cases has not yet been calculated. However, by buying less unnecessary stuff, by choosing used items, and by purchasing our goods from companies that are more environmentally friendly we can make sure we reduce our carbon footprint. </div>
</div>
</div>
</div>
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://t3.ftcdn.net/jpg/04/22/33/88/240_F_422338894_8KD9L2NOzTSZlv0lPdiYfTAC7FmfNWoL.jpg"></div>
<div class="text">RECYCLE AND MINIMISE WASTE</div>
</div>
<div class="back">
<div class="text"> Buying goods and products that contain recycled or recyclable materials and then sorting them out at disposal in their respective containers will preserve resources, save emissions and create further value in our economies. </div>
</div>
</div>
</div>
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://media.istockphoto.com/id/1204756184/vector/food-pyramid-healthy-eating-infographic.jpg?s=612x612&w=0&k=20&c=uns9CHt9tYISwW3JZIq9J-AWjabFg2o6p7Xltb9TuTk="></div>
<div class="text">FOOD AND DIET</div>
</div>
<div class="back">
<div class="text">By shifting our diet to a more plant-based one, let us say by cutting beef and dairy from our menus, we can reduce as much as 80% of our diet’s carbon footprint a year as well as from saving millions of animal lives and thousands of litres of water / tons of grain.</div>
</div>
</div>
</div>
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://t4.ftcdn.net/jpg/03/45/99/01/240_F_345990118_wSSbcz56Tte55fO1t9jeYHXOG4Jz7iVu.jpg"></div>
<div class="text">TURN OFF LIGTHS & OPT LED BULBS</div>
</div>
<div class="back">
<div class="text"> Because fossil fuels provide the majority of the energy that powers our houses, unplugging items lowers your energy demand and carbon emissions. When your devices are plugged in but not in use, they consume electricity, known as the phantom effect. As a result, unplugging those devices can save electricity.
</div>
</div>
</div>
</div>
<div class="box">
<div class="inner-box">
<div class="front">
<div class="image"><img src="https://upload.wikimedia.org/wikipedia/commons/8/85/Clean_mobility_instead_of_dirty_traffic.jpg"></div>
<div class="text"> TRAVEL</div>
</div>
<div class="back">
<div class="text">If your commute to work can be done by public transport or cleaner means of transportation such as a bicycle or electric vehicle. The frequency we fly has increased exponentially in the last two decades, adding a huge amount of GHG to the atmosphere at an altitude difficult to be cleaned and stored by the natural mechanisms of our planet. </div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="fcontainer">
<div class="footer-logo">
<img src="bg1.jpg" alt="Carbon Footprint Logo" height="200px ">
</div>
<div class="footer-links">
<h2>Useful Links</h2>
<ul>
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#privacy">Privacy Policy</a></li>
<li><a href="#faqs">FAQs</a></li>
</ul>
</div>
<div class="footer-contact">
<h2>Contact Us</h2>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Phone: 9630698739</p>
<p>Address: building no. 19,Dayanand Sagar College of Engineering,Bangalore</p>
</div>
<div class="footer-social">
<h2>Follow Us</h2>
<a href="#" class="social-icon"><img src="https://www.facebook.com/images/fb_icon_325x325.png" alt="Facebook"></a>
<a href="#" class="social-icon"><img src="https://www.shutterstock.com/image-photo/kiev-ukraine-may-08-2015-260nw-281364161.jpg" alt="Twitter"></a>
<a href="#" class="social-icon"><img src="https://play-lh.googleusercontent.com/kMofEFLjobZy_bCuaiDogzBcUT-dz3BBbOrIEjJ-hqOabjK8ieuevGe6wlTD15QzOqw" alt="LinkedIn"></a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Carbon Footprint. All rights reserved.</p>
</div>
</footer>
<section class="u">
<a class="u" href="#" target="_blank">
<span>Website</span>
</a>
<p class="u">
<span class="happ">created by</span>
</p>
<a class="u" href="" target="_blank">
<a href="#" target="_blank">
Bhoomi Agrawal
</a>
<a href="#" target="_blank">
AJ Afshaan
</a>
<a href="#" target="_blank">
Aaradhya Saikia
</a>
</a>.
</section>
</main>
</body>