-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (243 loc) · 12.5 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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE HTML>
<!--
shak nairobi website
kamili empire inc.
-->
<html>
<head>
<!-- metas -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="keywords" content="SHAK, SHAK Nairobi, Nairobi, Spina bifida, Hydrocephalus, shaknairobi.org, shaknairobi.net, child help international, Spina bifida Hydrocrphalus of Kenya Kamili, Kamili Empire, Kamili Empire Inc.">
<meta name="description" content="Kamili Empire Inc. © 2023">
<meta name="author" content="https://www.aogajoseph.github.io/profolio/">
<!-- title -->
<title>Home | SHAK Nairobi</title>
<!-- favicon -->
<link rel="shortcut icon" href="img/favicon.png" type="image/png">
<!-- css -->
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- wrapper -->
<div id="wrapper" class="fade-in">
<!-- intro -->
<div class="intro" id="intro" style="background-image: url(images/2.jpg);">
<img src="images/logo.png" alt="Img" class="shak-logo">
<h2><span class="yellow-text larger">SHAK <br> Nairobi</span></h1>
<p class="bright-text bold">Providing hope to families of persons <br> living with Spina bifida and Hydrocephalus.</p>
<ul class="actions">
<li>
<a href="#header" class="button icon solid solo fa-arrow-down scrolly">Learn More</a>
<p class="bold">Care • Hope • Healing</p>
</li>
</ul>
</div>
<!-- header -->
<header id="header"><a href="#causes" class="logo">Learn More</a></header>
<!-- nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="sbh.html">Spina bifida & Hydrocephalus</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
<li><a href="shak-nairobi.html">Blog</a></li>
<li><a href="#footer">Contact Us</a></li>
</ul>
<ul class="icons">
<ul class="icon alt">
<li><a href="https://www.facebook.com/ShakNairobi" class="icon fb brands alt fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/shak_nairobi/" class="icon inst brands alt fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://www.youtube.com/channel/UCsucGNj5cBWjCKCgIns8f_g" class="icon yt brands alt fa-youtube" target="_blank"><span class="label">Youtube</span></a></li>
<li><a href="https://www.linkedin.com/company/shak-nairobi/" class="icon in brands alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
</ul>
</ul>
</nav>
<!-- main -->
<div id="main">
<!-- content -->
<section class="post">
<header>
<img src="images/3.jpg" alt="" class="image main">
</header>
<hr />
<header class="major" id="causes">
<h1 class="subtitle3 center">WHAT WE DO</h1>
<p class="center bold">Advocacy, sensitization and support for people living with <a href="sbh.html"><u>Spina bifida and Hydrocephalus</u></a> through publicity, immunization and lifelong care.</p>
</header>
<header>
<h3 class="subtitle3 large" id="causes">Primary Prevention</h3>
<p class="dark bold">We promote immunization among women of childbearing ages to prevent future occurrences of Spina Bifida and Hydrocephalus. A regular intake of vitamin B-based folic acid supplements and foods rich in folate such as green leafy vegetables, red beans, fresh fruits, sweet potatoes and fortified cereals reduces the risks of neural tube defects in births. This intake should be consistent during the first trimester (the first 3 months) of pregnancy. <u>Folic acid supplements are not family planning pills;</u> Please take note.</p>
</header>
<header>
<h3 class="subtitle3 large">Lifelong Care</h3>
<p class="dark bold">As caregivers of people with Spina bifida and Hydrocephalus seek medical interventions in hospitals accross Nairobi, we provide free meals, accommodation, training, rehabilitation and conduct income-generating activities through the <a href="projects.html"><u>House of Hope</u></a> Project.</p>
</header>
<header>
<h3 class="subtitle3 large">Publicity and Advocacy</h3>
<p class="dark bold">We educate the public on Spina bifida and Hydrocephalus on and offline through policy formulation and advocacy on disability rights to promote social inclusion and eradicate discrimination and stigma. We are currently pushing for mandatory food fortification in Africa in partnership with the <a href="https://www.gainhealth.org/" target="_blank"><u>Global Alliance for Improved Nutrition (GAIN)</u></a></p>
</header>
<hr />
<div class="container">
<div class="logo-media">
<div class="col">
<h1 class="subtitle3 large center"><i>Behind our Colors...</i></h1>
</div>
<div class="col">
<img src="images/logo.png" alt="Img" class="tiny-logo">
</div>
</div>
<div class="folic-acid" style="background-image: url(images/4.jpg);">
<div>
<h2 class="subtitle center "><u>Yellow</u></h2>
<p class="dark bold">The folic acid supplement, a primary component in the prevention of Spina bifida and Hydrocephalus. Sunshine, happiness and warmth restoring hope to people living with Spina bifida and Hydrocephalus, their families and caregivers.</p>
</div>
<div>
<h2 class="subtitle center"><u>White Background</u></h2>
<p class="dark bold medium">The purity and innocence of people living with Spina bifida and Hydrocephalus in the face of rejection, discrimination and stigma. A firm foundation rooted on peace.</p>
</div>
<div>
<h2 class="subtitle center"><u>Black Spine & Text</u></h2>
<p class="dark bold medium">The survival struggles for people living with Spina bifida and Hydrocephalus in Africa amidst poverty and war.</p>
</div>
</div>
</div><br>
<blockquote>SHAK Nairobi is a catalyst in changing the lives of people living with Spina bifida and Hydrocephalus and supporting caregivers. The conception of SHAK Nairobi was inspired by a group of parents who came together to support one another in caring for their children.</blockquote>
<div class="row blockquote-btn">
<div class="col-6 col-12-small">
<ul class="actions stacked center">
<li><a href="shak-nairobi.html" class="button">Read Full Story</a></li>
</ul>
</div>
</div>
<hr />
<h2 class="subtitle3 center larger">TAKING PRIDE IN OUR NUMBERS</h2><br>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th class="subtitle center">YEARS</th>
<th class="subtitle center">BENEFICIARIES</th>
<th class="subtitle center">PARTNERS</th>
<th class="subtitle center">BRANCHES</th>
</tr>
</thead>
<tbody>
<tr>
<td class="center bold large subtitle3 dotted-border">12</td>
<td class="center bold large subtitle3 dotted-border">5,000+</td>
<td class="center bold large subtitle3 dotted-border">8</td>
<td class="center bold large subtitle3">16</td>
</tr>
</tbody>
</table>
</div><br>
<header class="partners" style="background-image: url(images/22.png)";>
<div class="row">
<div class="col-12">
<h3 class="subtitle3 larger center">PARTNERS</h3>
</div>
<div class="col-12 col-12-small">
<ul class="partners-li">
<li><a href="https://www.child-help.international/" target="_blank" class="partner-links">Child-Help International</a></li>
<li><a href="https://www.apdk.org/" target="_blank" class="partner-links">Association for the Physically Disabled in Kenya (APDK)</a></li>
<li><a href="https://bethanykids.org/" target="_blank" class="partner-links">Bethany Kids</a></li>
<li><a href="https://www.gainhealth.org/" target="_blank" class="partner-links">Global Alliance for Improved Nutrition (GAIN)</a></li>
<li><a href="https://www.ifglobal.org/" target="_blank" class="partner-links">International Federation for Spina bifida & Hydrocephalus (IFSBH)</a></li>
<li><a href="https://www.leonardcheshire.org/" target="_blank" class="partner-links">Leonard Cheshire International</a></li>
<li><a href="https://ncpwd.go.ke/" target="_blank" class="partner-links">National Council for Persons With Disabilities</a></li>
<li><a href="https://weetabixea.com/" target="_blank" class="partner-links">Weetabix East Africa</a></li>
</ul>
</div>
</div>
</header> <br>
<div class="box">
<div class="col-6 col-12-small">
<p class="bold center"><i>Spina bifida and Hydrocephalus explained</i></p>
</div>
<div class="col-6 col-12-small get-involved-btn">
<iframe width="560" height="250" src="https://www.youtube.com/embed/xb5vaq2daRQ" title="Spina Bifida Cystica" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div><br>
<div class="col-6 col-12-small">
<p class="dark bold medium center"><i>At SHAK Nairobi, collective action amplifies the strength for change and a better future. Your involvement is a huge driver in changing the lives of people living with Spina bifida and Hydrocephalus. Join us today; Let's make a lasting impact together!</i></p>
</div>
<div class="col-6 col-12-small get-involved-btn">
<ul class="actions stacked">
<li><a href="get-involved.html" class="button large">Get Involved</a></li>
</ul>
</div>
</div>
</section>
</div>
<!-- footer -->
<footer id="footer">
<section>
<form method="post" action="https://formsubmit.co/info@shaknairobi.org">
<div><h1>TALK TO US</h1></div>
<div class="fields">
<div class="field">
<label for="name">Name:</label>
<input type="text" required name="name" id="name" placeholder="Full Names" />
</div>
<div class="field">
<label for="email">Email:</label>
<input type="text" required name="email" id="email" placeholder="Email Address"/>
</div>
<div class="field">
<label for="message">Message:</label>
<textarea name="message" required id="message" rows="3" placeholder="Type your message here..."></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Submit"/></li>
</ul>
</form>
</section>
<section class="split contact">
<section class="alt">
<h3>ADDRESS:</h3>
<p>Ngummo Golf Course, Phase 2<br />
House 497</p>
</section>
<section>
<h3>TELEPHONE:</h3>
<p>(072) 541-7990</p>
</section>
<section>
<h3>EMAIL:</h3>
<p>info@shaknairobi.org</p>
</section>
<section>
<h3>SOCIALS:</h3>
<ul class="icons alt">
<li><a href="https://www.facebook.com/ShakNairobi" class="icon fb brands alt fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/shak_nairobi/" class="icon inst brands alt fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://www.youtube.com/channel/UCsucGNj5cBWjCKCgIns8f_g" class="icon yt brands alt fa-youtube" target="_blank"><span class="label">Youtube</span></a></li>
<li><a href="https://www.linkedin.com/company/shak-nairobi/" class="icon in brands alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- copyright -->
<div id="copyright">
<ul>
<li>© 2023</li>
<li class="bold"><a href="https://kamiliempire.github.io/kamiliempire/" target="_blank"><u>Kamili Empire Inc.</u></a></li>
<li class="bold">All rights Reserved</li>
</ul>
</div>
</div>
<!-- scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>