/
index.html
152 lines (143 loc) · 6.7 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
<!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">
<title>Adopt and care for an orphan</title>
<script src="https://kit.fontawesome.com/3a4944e7c5.js" crossorigin="anonymous"></script>
<link href="assets/styles/app.css" rel="stylesheet" />
</head>
<body>
<header>
<div class="d-flex header-topbar d-none d-flex-sm">
<div class="d-flex flex-end container">
<ul class="d-flex">
<li>
<a href="">
<span class="fa fa-facebook"></span>
</a>
</li>
<li>
<a href="">
<span class="fa fa-linkedin"></span>
</a>
</li>
<li>
<a href="">
<span class="fa fa-twitter"></span>
</a>
</li>
<li><a href="">Swahili</a></li>
<li><a href="">My Page</a></li>
<li><a href="">Log out</a></li>
</ul>
</div>
</div>
<div class="intro">
<nav class="menu d-flex-sm">
<div class="d-flex container flex-sm-between">
<div class="menu-icon d-flex-sm-none">
<span class="fa fa-bars fa-2x"></span>
</div>
<div class="logo d-none d-flex-sm">
<img src="assets/images/logo.png" alt="Zawadi foundation logo" />
</div>
<ul class="d-none p-2 d-flex-sm p-sm-r">
<li class="d-flex flex-end d-flex-sm-none">
<span class="fa fa-times fa-2x close-menu"></span>
</li>
<li class="d-flex-sm-none">
<a href="index.html" class="fa fa-home fa-2x"></a>
</li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#partners">Partners</a></li>
<li><a href="about.html#news">News</a></li>
<li><a class="fw-bold btn-highlight" href="">Make Donation</a></li>
</ul>
</div>
</nav>
<div class="intro-jumbo" id="home">
<h1 class="intro-header title-big cocogoose">Zawadi Foundation <br /> Adopt an Orphan <br/> Campaign </h1>
<p class="intro-description">
We aim to achieve a 100% placement of orphaned children with parents who will care for and love them.
Join us in giving every child an opportunity to get a good upbringing.
</p>
<div class="intro-footer">
<p class="fw-bold cocogoose">
<span class="fa fa-map-marker fa-2x"></span> Visit us at Bomas of Kenya, Nairobi
</p>
</div>
</div>
</div>
</header>
<main id="our-team">
<section class="d-flex flex-column services bg-dark" id="services">
<div class="pos-rel mb-2">
<h2 class="d-flex flex-center title-underline">Our Services</h2>
</div>
<div class="d-flex-sm flex-sm-center mb-sm-3">
<div class="d-flex align-end service flex-sm-column flex-sm-center align-end-sm">
<div class="d-flex flex-column flex-center flex-sm-center service-title">
<img src="assets/images/family.svg" alt="Adoption services" />
<h3 class="text-center fw-bold">Adoption</h3>
</div>
<div class="text-sm-center">We vet and interview prospective parents who want to adopt.</div>
</div>
<div class="d-flex align-end mt-1 service flex-sm-column flex-sm-center align-end-sm">
<div class="d-flex flex-column flex-center flex-sm-center service-title">
<img src="assets/images/desk-education.svg" alt="Quality education access" />
<h3 class="text-center fw-bold">Education</h3>
</div>
<div class="text-sm-center">We provide educational services upto tertiary level to orphaned children.</div>
</div>
<div class="d-flex align-end service flex-sm-column flex-sm-center align-end-sm">
<div class="d-flex flex-column flex-center flex-sm-center service-title">
<img src="assets/images/justice-law.svg" alt="Legal probono services" />
<h3 class="text-center fw-bold">Probono</h3>
</div>
<div class="text-sm-center">We offer free legal services in cases involving families.</div>
</div>
<div class="d-flex align-end service flex-sm-column flex-sm-center align-end-sm">
<div class="d-flex flex-column flex-center flex-sm-center service-title">
<img src="assets/images/chat.svg" alt="Counselling services" />
<h3 class="text-center fw-bold">Counselling</h3>
</div>
<div class="text-sm-center">We offer Counselling services to children facing stigma in society.</div>
</div>
</div>
<div class="d-flex flex-center">
<a href="" class="btn btn-action d-flex-sm-none fw-bold">Join Our Cause</a>
</div>
<div class="d-none d-flex-sm flex-center">
<a class="text-decoration-underline" href="">SEE THE WHOLE PROGRAM</a>
</div>
</section>
</main>
<section class="p-2 text-center bg-dark mt-1" id="partners">
<div class="pos-rel mb-2">
<h2 class="title-underline">Partners</h2>
</div>
<div class="container partners mb-1">
<ul class="d-flex flex-wrap flex-sm-row flex-center mt-1">
<li><img class="mx-1" src="assets/images/google.png" alt="Google Logo" /></li>
<li><img class="mx-1" src="assets/images/unicef.png" alt="UNICEF Logo"/></li>
<li><img class="mx-1" src="assets/images/usaid.png" alt="USAID Logo" /></li>
</ul>
</div>
</section>
<footer class="p-2 bg-light app-footer">
<div class="d-flex align-end container">
<div>
<span><img src="assets/images/logo.png" alt="Zawadi foundation logo" /></span>
</div>
<div class="mx-1">
<span>2022 Zawadi Foundation Kenya, Some Rights Reserved.</span>
</div>
</div>
</footer>
<script src="assets/js/app.js"></script>
</body>
</html>