-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (123 loc) · 6.22 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
<!DOCTYPE html>
<html lang="en-gb">
<head>
<title>Homepage | Elimu Foundation</title>
<!--Meta Data-->
<meta charset="UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name="created" content='21th November 2016 10:00' />
<meta name="description" content="The Elimu Foundation supports the provision of education opportunities to the most disadvantaged communities across Sub Saharan Africa."/>
<meta name="keywords" content="Elimu Foundation, education, Africa" />
<meta name="author" content="Elimu Foundation" />
<meta name="copyright" content="All text content and images copyright of www.theelimufoundation.com" />
<meta name="company" content="Elimu Foundation" />
<!--Facebook-->
<meta property="og:title" content="Homepage | Elimu Foundation">
<meta property="og:image" content="link_to_image">
<meta property="og:description" content="The Elimu Foundation supports the provision of education opportunities to the most disadvantaged communities across Sub Saharan Africa.">
<!--Twitter-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Elimu Foundation" />
<meta name="twitter:description" content="The Elimu Foundation supports the provision of education opportunities to the most disadvantaged communities across Sub Saharan Africa." />
<!--Styles-->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<!--[if IE]><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<section class="header">
<div class="container">
<img src="img/logo.jpg" />
<a href="#contact">Contact</a>
</div>
</section>
<section class="hero">
<div class="container hero-wrapper">
<h1 class="h1">The Elimu Foundation</h1>
<p class="small">
Education. Innovation. Technology.
</p>
<p class="hero-text">
We are currently re-branding! <br />
In the meantime you can subscribe to receive our updates.
</p>
<div>
<form id="mc-embedded-subscribe-form" action="//theelimufoundation.us14.list-manage.com/subscribe/post?u=c0fce5fa0f9fb2a63f7f5b00f&id=0d5610d44f" method="post" class="newsletter" target="_blank" name="mc-embedded-subscribe-form" novalidate>
<input type="email" value="" name="EMAIL" placeholder="your email here" required />
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c0fce5fa0f9fb2a63f7f5b00f_0d5610d44f" tabindex="-1" value=""></div>
<input type="submit" value="Subscribe" name="subscribe" />
</form>
</div>
</div>
</section>
<section class="text-section grey">
<div class="container">
<h2 class="section-heading">About us</h2>
<p>
The Elimu Foundation supports the provision of <strong>education opportunities</strong> to the most disadvantaged communities across the <strong>world</strong>. We do this by developing forward thinking programmes and working collaboratively with local partners to meet the needs of each <strong>community</strong> we work with.
</p>
</div>
</section>
<section class="text-section">
<div class="container">
<h2 class="section-heading">Our Programmes</h2>
<p>
Our Flagship programme <strong>Elimu:Tech</strong> is a technology programme which aims to give <strong>young</strong> people technology skills for the <strong>21st century</strong>. We give young people an introduction into the world of technology and teach them web design, web development, programming etc.
</p>
<p>
Working with local partners, we are currently initiating the programme in <strong>West and Southern Africa</strong> and are looking to expand our reach. To find out more about our work, please do <a href="#contact">get in touch</a>.
</p>
</div>
</section>
<section class="text-section grey">
<div class="container">
<h2 class="section-heading">Partnering with us</h2>
<p>
We believe in partnerships! Working <strong>together to meet a goal</strong>. To partner with us or to find out more about what we do please <a href="#contact">contact us</a>.
</p>
</div>
</section>
<footer>
<div class="footer-details">
<p>
Speak to us<br />
<strong>[email protected]</strong>
</p>
<p>
Follow us on social media<br />
<a href="https://www.instagram.com/theelimufoundation/" target="_blank"><img src="img/instagram.png" class="icon" /></a>
</p>
</div>
<div>
<p>
The Elimu Foundation 2016
</p>
<p>Designed and built by <a href="http://womenhackfornonprofits">Women Hack For Non-Profits</a> for The Elimu Foundation.</p>
</div>
</footer>
<div id="contact" class="modal">
<div class="content">
<a href="#close" title="Close" class="close">X</a>
<h2>Want to get in touch?</h2>
<p>We would love to hear from you. If it's a partnership or to get more information, please send us a message!</p>
<div id="form-messages"></div>
<form class="contact-form" method="post" action="https://formspree.io/[email protected]">
<div>
<label for="email">E-mail</label><br />
<input type="email" name="email" required />
</div>
<div>
<label for="message">Message</label><br />
<textarea name="message" required></textarea>
</div>
<div class="center">
<input type="submit" value="Submit" />
</div>
</form>
</div>
</div>
<script type='text/javascript' src='http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</body>
</html>