generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathconservationrestoration.html
251 lines (238 loc) · 14.1 KB
/
conservationrestoration.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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!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 Conservation and Restoration.</p>
</div>
</header>
<section class="row">
<h2>England</h2>
<h3 id="england-time">SURFERS AGAINST SEWAGE</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/surfers-against-sewerage.webp"
alt="SURFERS AGAINST SEWAGE LOGO">
</div>
<p>"We’re a community dedicated to the protection of oceans, waves, beaches and wildlife. We fight long and hard
to protect what we love and we won’t stop until it’s completely clean, safe and protected for everyone,
forever."</p>
<a href="https://www.sas.org.uk/" target="_blank" class="button">Contribute Time</a>
<br>
<h3 id="england-money">MARINE CONSERVATION SOCIETY</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/marine-conservation-charity.webp"
alt="MARINE CONSERVATION SOCIETY LOGO">
</div>
<p>"We are the Marine Conservation Society, fighting for a cleaner, better protected, healthier ocean: one we
can all enjoy."</p>
<a href="https://www.mcsuk.org/" target="_blank" class="button">Contribute Funds</a>
</section>
<section class="row">
<h2>Ireland</h2>
<h3 id="ireland-time">BIRD WATCH IRELAND</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/bird-watch-ireland.webp"
alt="BIRD WATCH IRELAND LOGO">
</div>
<p>"BirdWatch Ireland is focussed on the conservation of birds and biodiversity in Ireland. We aim to target our
resources effectively so that we can promote nature conservation among policy-makers and the wider public."
</p>
<a href="https://birdwatchireland.ie/get-involved/volunteer/" target="_blank" class="button">Contribute Time</a>
<br>
<h3 id="ireland-money">IRISH WILDLIFE TRUST</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/irish-wildlife-trust.webp"
alt="IRISH WILDLIFE TRUST LOGO">
</div>
<p>"The Irish Wildlife Trust is a conservation charity committed to raising awareness of Ireland’s rich natural
heritage and protecting it for future generations."</p>
<a href="https://iwt.ie/support-us/become-a-member/" target="_blank" class="button">Contribute Funds</a>
</section>
<section class="row">
<h2>Northern Ireland</h2>
<h3 id="nireland-money">ULSTER WILDLIFE</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/ulster-wildlife.webp"
alt="ULSTER WILDLIFE LOGO">
</div>
<p>"Our purpose is to protect and restore nature on land and at sea. We will play our part in ending the climate
and ecological emergencies, creating a society where nature is valued and is part of our daily lives."</p>
<a href="https://www.ulsterwildlife.org/" target="_blank" class="button">Contribute Funds</a>
<br>
<h3 id="nireland-time">GRASSROOTS NI</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/grassroots-ni.webp" alt="GRASSROTS NI LOGO">
</div>
<p>"We carry out all sorts of conservation tasks, from tree planting to drystone walling, digging ponds to
wildlife surveys and fencing to hedge-laying. Every year we are involved in Beachwatch, organised by the
Marine Conservation Society, and we have social events through the year to enjoy the countryside we work
in."</p>
<a href="http://www.grassrootsni.org/task-sheet.html" target="_blank" class="button">Contribute Time</a>
</section>
<section class="row">
<h2>Scotland</h2>
<h3 id="scotland-money">SCOTTISH WILDLIFE TRUST</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/scottish-wildlife-trust.webp"
alt="WILDLIFE TRUST LOGO">
</div>
<p>"Our vision is for a connected network of healthy, resilient ecosystems supporting Scotland’s wildlife and
people."</p>
<a href="https://scottishwildlifetrust.org.uk/" target="_blank" class="button">Contribute Funds</a>
<br>
<h3 id="scotland-time">KEEP SCOTLAND BEAUTIFUL</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/keep-scotland-beautiful.webp"
alt="KEEP SCOTLAND BEAUTIFUL LOGO">
</div>
<p>"We are your charity for Scotland's environment, with a vision for a clean, green, sustainable Scotland."</p>
<a href="https://www.keepscotlandbeautiful.org/get-involved/volunteer/" target="_blank"
class="button">Contribute Time</a>
</section>
<section class="row">
<h2>Wales</h2>
<h3 id="wales-money">INITIATIVE FOR NATURE CONSERVATION CYMRU</h3>
<div class="logo-box">
<img src="assets/images/charity-logos/conservation-restoration/initiative-for-nature-conservation-cymru.webp"
alt="NATURE CONSERVATION CYMRU LOGO">
</div>
<p>"INCC was formed in response to the growing need for a truly independent nature conservation organisation for
Wales. An organisation that was able to speak out and challenge environmental decision makers, Government
and statutory bodies to do more for Welsh wildlife. To help achieve this we undertake a wide variety of
nature conservation activities."</p>
<a href="https://www.natureconservation.wales/support-us/" target="_blank" class="button">Contribute Funds</a>
<br>
<h3 id="wales-time">WILDLIFE TRUST OF SOUTH AND WEST WALES</h3>
<div class="logo-box">
<img src="assets//images/charity-logos/conservation-restoration/wildlife-trust-south-and-west-wales.webp"
alt="WILDLIFE TRUST OF SOUTH AND WEST WALES LOGO">
</div>
<p>"We have a vision where wildlife is abundant, resilient and secure; where opportunities for nature, both in
our urban and rural environments, are optimal; where extensive, interconnected natural habitats are robust
and sustainable, providing opportunities for the full range of native species."</p>
<a href="https://www.welshwildlife.org/get-involved" target="_blank" class="button">Contribute Time</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"></i><span class="sr-only">View Janelle Macmillan's GitHub
profile</span></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>