-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (149 loc) · 7.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mafubo - Home</title>
<meta name="Author" content="Meraki">
<meta name="Description" content="Mafubo website: Home">
<meta name="keywords" content="Mafubo Home">
<meta name="viewport" content="width=device-width ,initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="footer, address, phone, icons" />
<title>Footer With Address And Phones</title>
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/footer-distributed-with-address-and-phones.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/merakihome.css">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<!-- Only visible when the resolution is small -->
<div class="visible-xs" style="width: 100%; float: left; padding-bottom: 60px;">
<a class="navbar-brand" href="index.html"><img src="images/logo.jpg"></a>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<!-- changed this navigation links button in here -->
<!-- You can select these inline styles in your external css, after which you can delete them -->
<ul class="list-inline">
<li><i class="fa fa-bars fa-2x" style="font-size: 1.4em;"></i></li>
<li><p style="font-size: 1.5em;">Menu</p></li>
</ul>
</button>
<!--Hides the logo when the resolution is that of a mobile phone-->
<div class="hidden-xs">
<a class="navbar-brand" href="index.html"><img src="images/logo.jpg"></a>
</div>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav hidden-xs hidden-sm pull-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="network.html">Network</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
<li><a href="GetInvolved.html">Get Involved</a></li>
</ul>
<!-- Visible when the resolution is small -->
<ul class="nav navbar-nav visible-sm visible-xs">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="network.html">Network</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
<li><a href="GetInvolved.html">Get Involved</a></li>
</ul>
</div>
</nav>
<div class=" headerimages">
<div class="col-md-4">
<div class="box1"></div>
</div>
<div class="col-md-4">
<div class="box2">
</div>
</div>
<div class="col-md-4">
<div class="box3"></div>
</div>
</div>
<div class="row">
<div class="midimages">
<div class="col-md-4">
<div class="column1">
<p id="service" style="color: white;">Service Overview</p>
<li>Empower African women through financial independence and access to decent housing.</li>
<li> Help protect women against violence in urban areas (rape, domestic violence, physical abuse, etc,)</li>
<li>Facilitate access to health care for the prevention and cure of diseases of the reproductive system (cancer, post-birth trauma, etc.)</li>
<li>Promote equal opportunities in education for underprivileged girls, ensuring they live in the basic conditions for success.</li>
</div>
</div>
<div class="col-md-4">
<div class="column-2">
<p id="MISSION" style="color: white;">Mission</p><br> Mafubo fights extreme poverty, insecurity and the various forms of violence against women in Africa and elsewhere. Mafubo wants to ensure that girls from disadvantaged backgrounds are guaranteed conditions for academic success<br><br>
<p style="color: white;" id="vision">Vision</p><br> A world where all women are safe, autonomous and empowered.
<br>
</div>
</div>
<div class="col-md-4">
<div class="column3">
<p id="MISSION" style="color: white;">MAFUBO </p><br>From the Rwandan culture, the word Mafubo has become a name with an international destiny; Easy to write, read and pronounce, Mafubo means the confidante with a global connotation to designate solidarity between women. Mafubo designates a woman who has a great deal of compassion for the other; she is the one who forgets herself to support and especially to spare the other, shame, humiliation and degradation.<br><br>
</div>
</div>
</div>
</div>
<div class="">
<div class="backgroundimage">
<h1>There is no tool for development more effective than the empowerment of women<br> -Kofi Annan</h1>
</div>
</div>
<div class="row-footer" class="col-md-12 col-xs-12" style="height: 600px; padding-top:180px !important;">
<footer class="footer-distributed">
<div class="footer-left">
<img src="images/carte-mafubo-1.png">
<p class="footer-company-name">Mafubo © 2017</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span>21 Revolution Street</span> Accra, Ghana </p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+233 26 965 1234</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>Mafubo Ghana</span>
<ul class="foot-ul">
<li>Women integration </li>
<li>Women education </li>
<li>Women safety </li>
<li>Women housing </li>
<li>Women healthcare</li>
</ul>
<div class="footer-icons">
<a href="https://www.facebook.com/Mafubo-GHANA-946162048817817/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="http://www.mafubo.org/" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.mafubo.org/" target="_blank"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</footer>
</div>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>