-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcarboncalc.html
100 lines (89 loc) · 4.2 KB
/
carboncalc.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Green Titan | Carbon Footprint Calculator</title>
<link rel="icon" type="image/png" href="images/green-titan--favicon.png">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer" />
<link
rel="preconnect"
href="https://fonts.googleapis.com" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap"
rel="stylesheet" />
<link
rel="stylesheet"
href="./styleNew.css" />
<link
rel="stylesheet"
href="./styleC.css" />
</head>
<body>
<!-- Header tag start -->
<header>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa-solid fa-bars"></i>
</label>
<img src="images/green-titan-logo.png" alt="logo">
<ul>
<li> <a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="news.html">Climate News</a></li>
<li><a class="active" href="#">Carbon Calculator</a></li>
<li><a href="getinvolved.html">Get Involved</a></li>
</ul>
</nav>
</header>
<!-- Header tag end -->
<main>
<iframe
src="https://greencodetitans-carbon-calculator.azurewebsites.net/"
width="100%"
height="700px"
frameborder="5">
</iframe>
</main>
<div class="project-box">
<div class="project-text">
<h3 class="project-title"; color="orange">Ways to reduce your carbon footprint for a better climate.</h3>
<p>Below is a comprehensive list of articles that will guide you in ways to gradually reduce your carbon emission.
Change begins with you and the small effort you put in fighting climate change goes a long way in
securing a good environment for future generations.
</p>
<a href="https://www.austintexas.gov/blog/top-10-ways-reduce-your-carbon-footprint-and-save-money" target="_blank">Top 10 Ways to Reduce Your Carbon Footprint and Save Money</a><br>
<a href="https://sustainability.georgetown.edu/community-engagement/things-you-can-do/" target="_blank">Simple Tips to Reduce Your Carbon Footprint</a><br>
<a href="https://www.constellation.com/energy-101/energy-innovation/how-to-reduce-your-carbon-footprint.html" target="_blank">35 Ways to Reduce Your Carbon Footprint</a><br>
<a href="https://www.futurelearn.com/info/blog/how-to-reduce-your-carbon-footprint-tips" target="_blank">How to reduce your carbon footprint – 20 top tips</a>
</div>
</div>
<!--
<footer>
<div class="footer-content">
<h3>Green Titan Educator</h3>
<p>enhancing the branding and recognition of your website.</p>
<ul class="socials">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>copyright ©2023 Green Titan Educator</p>
</div>
</footer>-->
</body>
</html>