-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (216 loc) · 10 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Working For Climate website and profile">
<meta name="author" content="">
<meta http-equiv="refresh" content="60">
<meta name="keywords" content="Climate, Weather, Recycling, Waste, Management">
<title>WORKING FOR CLIMATE | HOME</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/logo-nav.css" rel="stylesheet">
<link rel="stylesheet" href="css/w3.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/working-climate.js"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/WFC.png" width="250" height="60" alt="Working For Climate Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</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="services.html">Green Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="initiatives.html">Initiatives</a>
</li>
<li class="nav-item">
<a class="nav-link" href="green-schools.html">Green Schools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<div>
<div class="body-slideshow">
<header class="cont-slider">
<section class="slider">
<article class="slide one"></article>
<article class="slide two"></article>
<article class="slide three"></article>
<article class="slide four"></article>
<article class="slide five"></article>
</section>
</header>
</div>
</div>
<style>
.one{
background-image: url(images/pic8.JPG);
}
.two{
background-image: url(images/trifolder-front.jpg);
}
.three{
background-image: url(images/pic2.jpg);
}
.four{
background-image: url(images/trifold.png);
}
.five{
background-image: url(images/IMG_7687.JPG);
}
</style>
<!-- Page Content -->
<div class="container-fluid">
<div class="container-fluid">
<div style="text-align: center">
<h1 class="w3-text-green"><strong>What is Working For Climate</strong></h1>
<p class="w3-justify">A more fomula definition can be regarded as a <q>system of economic activities related to the production, distribution and consumption of goods and services that result in improved human wellbeing over long term while not exposing future generation to significant environmental risks or ecological scarcities.</q> <em>Retlhabollo ya tikoloho</em>.</p>
</div>
</div>
<div class="container-fluid">
<div style="text-align: center">
<h1 class="w3-text-green"><strong>Climate Change in South Africa</strong></h1>
<p>
The environment is often described as the surrounding within which humans exist and which are made up of bio-geo-physical, social and economic components and the Interrelationship and connection between them.<br><br>
South Africa faces major changes to it's climate. Our average annual temperatures have increased by at least 1.5 times more than the observed global average of 0.65<sup>o</sup>C in the past 50 years. Extreme rainfall events have increased in frequency, climate change poses a significant threat to South Africa's water resources, food security, health, infrastructure, ecosystem services and biodiversity.
</p>
</div>
</div>
<br>
<div class="container-fluid">
<img src="images/20170728_125902.jpg" width="100%">
</div>
<br>
<div class="container-fluid">
<div>
<table class="w3-table w3-striped w3-border">
<thead>
<tr class="w3-green">
<th>Key skills and learning focus areas</th>
</tr>
</thead>
<tr>
<td><span class="w3-badge w3-green">1</span> Green Buildings (Installation of solar water geysers, lighting solar panels, sky light ie..).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">2</span> Sustainable transport and infrastructure (gas, electrical and solar powered vehicles).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">3</span> Clean Energy and energy efficiency (solar power and Gas power plants).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">4</span> Resource conservation and management (Landfills).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">5</span> Sustainable waste management practices (separate at source, e-waste).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">6</span> Agriculture, food production and forestry (House Hold and schools backyard food security).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">7</span> Water management (war on leaks, Acid Mine drainage).</td>
</tr>
<tr>
<td><span class="w3-badge w3-green">8</span> Environmental Sustainability (Recycling).</td>
</tr>
</table>
</div>
</div>
<br>
<footer>
<div class="container-fluid">
<div class="foot">
<div class="w3-row">
<div class="w3-col" style="width: 28%">
<div class="list-group">
<h2 class="w3-text-green">Quick Links</h2>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="services.html">Green Services</a>
<a href="initiatives.html">Initiatives</a>
<a href="green-schools.html">Green Schools</a>
<a href="gallery.html">Gallery</a>
<a href="contact.html">Contact</a>
</div>
</div>
<div class="w3-col" style="width: 25%">
<h2 class="w3-text-green">Head Office</h2>
<address>
Centre For Enterpreneurship<br>
Tosa Campus<br>
14107 Ndaki Road<br>
Thabong<br>
Welkom<br>
9463
</address>
</div>
<div class="w3-col" style="width: 25%">
<h2 class="w3-text-green">Postal Address</h2>
<address>
14 Bonn<br>
Cresent<br>
Riebeeckstad<br>
Welkom<br>
9459
</address>
</div>
<div class="w3-col" style="width: 22%">
<h2 class="w3-text-green">Contact Us</h2>
<p>
Telephone: 057 910 6716<br>
Cell: 076 826 1520<br>
Fax No: 086 606 5555<br>
Email: <a href="mailto:info@workingforclimate.co.za">info@workingforclimate.co.za</a><br>
<img src="images/facebook.png" alt="Facebook Icon" width="35" class="social">
<a href="https://twitter.com/@Working4Climate" target="_blank">
<img src="images/twitter.png" alt="Twitter Icon" width="25" class="social">
</a>
<a href="https://instagram.com/workingforclimate" target="_blank">
<img src="images/instagram.jpg" alt="Instagram Icon" width="30" class="social">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div style="background-color: green">
<p class="footer-main" style="margin-top: 5px; text-align: center">© 2018 Working for Climate. All rights reserved | Design by <a href="https://www.globalsoftwares.co.za" target="_blank">Global Software Innovations</a></p>
</div>
</div>
</footer>
</div>
<!-- /.container -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>