generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathclimatechange.html
231 lines (202 loc) · 13.4 KB
/
climatechange.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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!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">
<meta name="description"
content="Charity Earth - Tell us what you value - The fun way to discover new environmental charities!
Take a short quiz and based on your areas of interest we will suggest a charity that would love a donation from you.">
<meta name="keywords" content="Earth Day, Earth Day 2022, Environmental Charities, Charity Selector, Quiz">
<meta name="author" content="5 Hackathon Newbies & Me!">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://kera-cudmore.github.io/earth-day-hackathon-2022/">
<!-- Social Meta Tags for Facebook, LinkedIn & Google -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Charity Earth" />
<meta property="og:description"
content="Charity Earth - Tell us what you value - The fun way to discover new environmental charities!
Take a short quiz and based on your areas of interest we will suggest a charity that would love a donation from you." />
<meta name="image" property="og:image" content="assets/images/charity-earth-responsive.png" />
<meta property="og:image:alt" content="Charity Earth site shown on a variety of devices" />
<meta property="og:url" content="https://kera-cudmore.github.io/earth-day-hackathon-2022/" />
<meta property="og:site_name" content="Charity Earth" />
<meta name="author" content="5 Hackathon Newbies & Me!">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<!-- Style Sheets -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet" />
<link href="assets/vendor/css/normalize.css" rel="stylesheet" type="text/css" />
<link href="assets/vendor/css/grid.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<title>Charity Earth</title>
</head>
<body>
<header>
<nav>
<div class="row">
<a href="index.html"><img src="assets/images/logo.png" class="logo" alt="Charity Earth logo"></a>
<a href="index.html"><img src="assets/images/logo.png" class="fixed-logo" alt="Charity Earth logo"></a>
<ul class="main-nav main-nav-js">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#quiz">Quiz</a></li>
<li><a href="index.html#information">Information</a></li>
<li><a href="index.html#contact">Contact Us</a></li>
</ul>
<a class="mobile-icon mobile-icon-js fixed-mobile-icon"><i class="fa-solid fa-bars"></i></a>
</div>
</nav>
<div class="hero-text">
<h1>Charity Earth</h1>
<p class="site-description">Charities working within the theme of Climate Change.</p>
</div>
</header>
<!-- ENGLAND -->
<section class="row">
<h2>England</h2>
<!-- Time -->
<h3 id="england-time">CARBON LITERACY PROJECT</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/carbon-literacy-project.webp" alt="CARBON LITERACY PROJECT LOGO">
</div>
<p>"The Carbon Literacy Project offers everyone a day’s worth of Carbon Literacy learning, covering – climate change, carbon footprints, how you can do your bit, and why it’s relevant to you and your audience."</p>
<a href="https://carbonliteracy.com/" target="_blank" class="button">Contribute Time</a>
<br>
<!-- Money -->
<h3 id="england-money">CLIMATE COALITION</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/climate-coalition.webp" alt="CLIMATE COALITION LOGO">
</div>
<p>"We are the UK’s largest group of people dedicated to action against climate change. Along with our sister organisations Stop Climate Chaos Cymru and Stop Climate Chaos Scotland, we are a group of over 140 organisations — including the National Trust, Women's Institute, Oxfam, and RSPB — and 22 million voices strong."</p>
<a href="https://www.theclimatecoalition.org/donate" target="_blank" class="button">Contribute Funds</a>
</section>
<!-- IRELAND -->
<section class="row">
<h2>Ireland</h2>
<!-- Time -->
<h3 id="ireland-time">YOUNG FRIENDS OF THE EARTH</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/young-friends-of-the-earth.webp" alt="YOUNG FRIENDS OF THE EARTH LOGO">
</div>
<p>"Young Friends of the Earth are a volunteer activist group working to advance global climate justice by mobilising and inspiring people to join the movement in Ireland!"</p>
<a href="https://www.youngfoe.ie/get-involved/" target="_blank" class="button">Contribute Time</a>
<br>
<!-- Money -->
<h3 id="ireland-money">LEAVE NO TRACE IRELAND</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/leave-no-trace-ireland.webp" alt="LEAVE NO TRACE IRELAND LOGO">
</div>
<p>"Leave No Trace is an Outdoor Ethics Education Programme designed to promote and inspire responsible outdoor recreation through education, research and partnerships."</p>
<a href="https://www.leavenotraceireland.org/give/" target="_blank" class="button">Contribute Funds</a>
</section>
<!-- NORTHERN IRELAND -->
<section class="row">
<h2>Northern Ireland</h2>
<!-- Time -->
<h3 id="nireland-time">ACTION RENEWABLES</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/action-renewables.webp" alt="ACTION RENEWABLES LOGO">
</div>
<p>"Action Renewables is a registered charity that aims to create a Northern Ireland which recognises the serious impacts of climate change, and will take measures to prevent and mitigate against those impacts, through using renewable energy, energy efficiency, renewable transport and renewable products."</p>
<a href="https://actionrenewables.co.uk/news-events/" target="_blank" class="button">Contribute Time</a>
<br>
<!-- Money -->
<h3 id="nireland-money">NAIONAL ENERGY ACTION</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/national-energy-action.webp" alt="NATIONAL ENERGY ACTION LOGO">
</div>
<p>"We are National Energy Action (NEA) - the national fuel poverty charity, working to ensure that everyone in England, Wales and Northern Ireland is warm and safe at home."</p>
<a href="https://www.nea.org.uk/support-us/" target="_blank" class="button">Contribute Funds</a>
</section>
<!-- SCOTLAND -->
<section class="row">
<h2>Scotland</h2>
<!-- Time -->
<h3 id="scotland-time">CREATIVE CARBON SCOTLAND</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/creative-carbon-scotland.webp" alt="CREATIVE CARBON SCOTLAND LOGO">
</div>
<p>"Creative Carbon Scotland believes in the essential role of the arts, screen, cultural and creative industries in contributing to the transformational change to a more environmentally sustainable Scotland."</p>
<a href="https://www.creativecarbonscotland.com/" target="_blank" class="button">Contribute Time</a>
<br>
<!-- Money -->
<h3 id="scotland-money">2050 CLIMATE GROUP</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/2050-climate-group.webp" alt="2050 CLIMATE GROUP LOGO">
</div>
<p>"Since 2014, 2050 Climate Group has been working to empower Scotland’s Young Leaders to lead action on tackling our climate crisis."</p>
<a href="https://www.2050.scot/donate" target="_blank" class="button">Contribute Funds</a>
</section>
<section class="row">
<h2>Wales</h2>
<!-- Time -->
<h3 id="wales-time">SIZE OF WALES</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/size-of-wales.webp" alt="SIZE OF WALES LOGO">
</div>
<p>"‘An area the size of Wales’ is frequently used to measure the rate of forest destruction. Through Size of Wales, we are turning that negative use of the country’s size on its head."</p>
<a href="https://sizeofwales.org.uk/contact-us/volunteer/" target="_blank" class="button">Contribute Time</a>
<br>
<!-- Money -->
<h3 id="wales-money">WOODLAND TRUST IN WALES</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/act-on-climate-change/woodland-trust-wales.webp" alt="WOODLAND TRUST WALES LOGO">
</div>
<p>"We are Coed Cadw, the Woodland Trust in Wales. We plant trees and campaign for better protection for woodlands and trees across the country. We also look after more than 100 woods which are yours to explore whenever you like. Together, we can stand up for trees in Wales. For wildlife. For people."</p>
<a href="https://www.woodlandtrust.org.uk/about-us/where-we-work/wales/" target="_blank" class="button">Contribute Funds</a>
</section>
<!-- footer -->
<footer>
<div class="row footer-row">
<h4>Charity Earth Contributors</h4>
</div>
<div class="contributors-container">
<div class="contributors-item">
<h5>Alaa Hijazi</h5>
<a href="https://github.com/Hijazi-alaa" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View Alaa Hijazi's GitHub profile</span></i></a>
<a href="https://www.linkedin.com/in/alaa-hijazi-1901b2196/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View Alaa Hijazi's Linked In Profile</span></i></a>
</div>
<div class="contributors-item">
<h5>Cillian Goan</h5>
<a href="https://github.com/Cillian-G" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View Cillian Goan's GitHub profile</span></i></a>
<a href="https://www.linkedin.com/in/cillian-goan-65b100203/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View Cillian Goan's Linked In profile</span></i></a>
</div>
<div class="contributors-item">
<h5>Janelle Macmillan</h5>
<a href="https://github.com/JanelleG51" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View Janelle Macmillan's GitHub profile</span></i></a>
<a href="https://www.linkedin.com/in/janelle-macmillan-b0482a207/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View Janelle Macmillan's Linked In profile</span></i></a>
</div>
<div class="contributors-item">
<h5>John Mclvor</h5>
<a href="https://github.com/johnjmci" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View John McIvor's GitHub profile</span></i></a>
<a href=" https://www.linkedin.com/in/johnmcivor/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View John McIvor's Linked In profile</span></i></a>
</div>
<div class="contributors-item">
<h5>Kera Cudmore</h5>
<a href="https://github.com/kera-cudmore" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View Kera Cudmore's GitHub Profile</span></i></a>
<a href="https://www.linkedin.com/in/keracudmore/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View Kera Cudmore's Linked In profile</span></i></a>
</div>
<div class="contributors-item">
<h5>Trevor Lehman</h5>
<a href="https://github.com/trevthedev777" target="_blank"><i aria-hidden="true" class="fa-brands fa-github-square"><span class="sr-only">View Trevor Lehman's GitHub profile</span></i></a>
<a href="https://www.linkedin.com/in/trevor-lehmann-webdev/" target="_blank"><i aria-hidden="true" class="fa-brands fa-linkedin"><span class="sr-only">View Trevor Lehman's Linked In profile</span></i></a>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="assets/vendor/js/jquery.waypoints.min.js"></script>
<script src="assets/js/script.js"></script>
<!-- EmailJs-->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
</script>
<script>
(function() {
emailjs.init("w3qkNLW9_Pbkzonuw");
})();
</script>
<script src="assets/js/sendEmail.js"></script>
</body>
</html>