/
about.html
154 lines (145 loc) · 7.32 KB
/
about.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
<!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>About 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 flex-end 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="">Logout</a></li>
</ul>
</div>
</div>
<div class="intro intro-about pos-rel mb-2">
<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">
<a href="index.html">
<img src="assets/images/logo.png" alt="Zawadi foundation logo" />
</a>
</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="index.html#services">Services</a></li>
<li><a href="index.html#team">Team</a></li>
<li><a href="index.html#partners">Partners</a></li>
<li><a href="#news">News</a></li>
<li><a class="fw-bold btn-highlight" href="">Make Donation</a></li>
</ul>
</div>
</nav>
<div class="intro-jumbo text-center d-flex-sm flex-column flex-sm-center" id="about">
<h1 class="intro-header title-big mb-2 cocogoose">Zawadi Foundation <br /> Adopt an Orphan Campaign </h1>
<div class="pos-rel">
<p class="intro-description mb-1">
The Zawadi Foundation is a non-governmental organisation that provides a temporary home for children who have lost
their parents. Our founders believe that every child has the right to be cared for and loved, therefore we not only offer
adoption services but we also vet and interview prospective parents to see if they are ready to adopt.
</p>
<span class="bg-about" id="bg-about-one"></span>
<span class="bg-about d-none d-flex-sm" id="bg-about-two"></span>
<span class="bg-about" id="bg-about-five"></span>
</div>
<p>Please contact us via email for any further questions <br />
about the Zawadi Foundation <br />
</p>
<div class="d-flex flex-center mt-1 mb-2">
<a class="d-flex text-decoration-underline fw-bold" href="mailto:fatonoh@gmail.com">info@zawadifoundation.org
</a>
</div>
<span class="bg-about" id="bg-about-four"></span>
</div>
</div>
</header>
<main>
<section class="d-flex flex-column mt-1 mb-2 align-center text-center align-end-sm flex-center bg-light">
<div class="pos-rel">
<h2 class="d-flex mb-1 title-underline">About the Zawadi Foundation</h2>
</div>
<p class="p-2 p-w-sm text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
<img class="border-dark" src="assets/images/logo.png" alt="Zawadi foundation logo" />
</section>
<section class="text-center success-stories pt-1 mb-1" id="news">
<div class="mb-2">
<div class="pos-rel mb-2">
<h2 class="mb-1 title-underline">See the success stories</h2>
</div>
<p class="text-center p-2 p-w-sm mx-auto">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus perferendis neque impedit, quas
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus perferendis neque impedit, quas
</p>
</div>
<div class="container d-flex-sm">
<div class="d-flex flex-column p-2 flex-sm-row img-holder mb-sm-3">
<img src="assets/images/humanitarian-pic.jpeg" alt="Success story eduction" />
<p class="img-overlay d-flex flex-column flex-center fw-bold "><span class="cocogoose">2018</span> Participated in shooting Educating a child film</p>
</div>
<div class="d-flex flex-column p-2 flex-sm-row img-holder mb-sm-3">
<img src="assets/images/humanitarian.webp" alt="success story shooting film" />
<p class="img-overlay d-flex flex-column flex-center fw-bold "><span class="cocogoose">2022 </span> Participated in shooting Educating a child film</p>
</div>
</div>
</section>
<section class="p-2 text-center pos-rel bg-dark d-flex-sm-none">
<div class="pos-rel mb-1">
<h2 class="title-underline">Partner</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>
</main>
<footer class="p-2 bg-light app-footer bg-sm-dark">
<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>