-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwork.html
178 lines (137 loc) · 7.22 KB
/
work.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
<!DOCTYPE html>
<html>
<head>
<title>Our Work</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<main>
<!-- LOGO Here -->
<div class="container">
<div class="logo_wrapper">
<ul class="list-unstyled">
<li style="color: #9e098a;"><a href="index.html"><img src="img/Logo.jpg" class="d-inline-block align-top" alt=""></a></li>
<li><p style="font-family:'TimelessBD'; color: #9e098a; ">SEED OF HOPE FOUNDATION</p></li>
</ul>
</div>
</div>
<!-- Navigation Bar -->
<nav class="navbar navbar-inner navbar-light navbar-default " role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav"> <!-- use "pull-right" to position Home,Contact and About to the right-->
<li ><a href="index.html">Home</a></li>
<li ><a href="about.html">About</a></li>
<li class="active"><a href="work.html">Our Work</a></li>
<li ><a href="involve.html">Get Involved</a></li>
<li ><a href="contact.html">Contact</a></li>
<!-- Modal Donate -->
<li>
<!-- Button trigger modal -->
<button type="button" style="font-family:'TimelessBD';" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Donate
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="myModalLabel">Donate to sow a Seed of Hope :)</h3>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="exampleInputName1">Fullname</label>
<input type="text" class="form-control" id="exampleInputName1" placeholder="Your Fullname">
</div>
<div class="form-group">
<label for="exampleInputContact">Contact</label>
<input type="number" class="form-control" id="exampleInputContact" placeholder="Contact">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder=" Your Email">
</div>
<div class="radio">
<h4 style="font-family: 'TimelessBD';">Mode of Donation</h4>
<h4><em>Please choose a mode of Donation</em></h4>
<label>
<input type="radio" name="Donation">Mobile Money<br>
<input type="radio" name="Donation">Visa card<br>
<input type="radio" name="Donation">Bank Deposit<br>
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div class="modal-footer">
<div class="col-md-6 col-md-offset-3" style="text-align: center;">
<ul class="list-inline">
<li><a href="https://www.facebook.com/sopghana/" target="blank"><p style="color: blue;"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></p></a></li>
<li><a href="https://www.twitter.com/seedofhopegh/" target="blank"><p style="color: #1690f1;"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></p></a></li>
<li><a href="mailto:[email protected]"><p style="color: purple;"><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i></p></a></li>
</ul>
</div>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<!-- <h2 style="text-align: center;">SOW A SEED OF HOPE TODAY!</h2>
--> <img src="img/seed1.jpg" style="width: 100%;">
</div>
</div>
<div class="container" style="padding: 40px ">
<h1 style="text-align: center; font-family: 'TimelessBD';">What We Do</h1>
<h2>Basic Literacy Training</h2>
<p> We work to provide access to basic language, arithmetic and life skills to Kayayei(Head potters) through regular night education them. The basic goal of this project was to improve literacy skills among the vulnerable women in society and enable them to take advantage of opportunities and interventions designed to make their lives better. These interventions include family planning, skills development, and poverty reduction schemes including financial inclusion. To date about 15 women have benefitted from the basic literacy program.</p>
<h2>Mentorship and Skills Training</h2>
<p> We have been organizing regular mentorship for senior high school girls. We provide regular mentorship programs where they are provided with free career guidance and counseling, leadership skills development, IT skills, alternative skills development like soap making, bead making, pie baking etc.</p>
<h2>Food Support and Outreach</h2>
<p> We organize regular food support to assist over 2000 vulnerable people including orphans, the aged, the kayayeis, the prisoners etc. We also regularly assist people in the mental homes and the infirmary especially during major festivals like Eid, Christmas and Easter.</p>
</div>
<footer>
<div class="container panel panel-default col-md-6 col-md-offset-3">
<div class="panel-body">
<ul class="list-inline">
<li><a href="index.html" style="color: purple;">Home</a></li>
<li><a href="about.html" style="color: purple;">About</a></li>
<li><a href="work.html" style="color: purple;">Our Work</a></li>
<li><a href="involve.html" style="color: purple;">Get Involved</a></li>
<li><a href="contact.html" style="color: purple;">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-md-offset-3" style="text-align: center;">
<ul class="list-inline">
<li><a href="https://www.facebook.com/sopghana/" target="blank"><p style="color: white;"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></p></a></li>
<li><a href="https://www.twitter.com/seedofhopegh/" target="blank"><p style="color: white;"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></p></a></li>
<li><a href="mailto:[email protected]"><p style="color: white;"><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i></p></a></li>
</ul>
<ul style="display: inline; list-style: none;">
<li><h3>Seed of Hope Foundation</h3></li>
<li>©2017 | All Rights Reserved</li>
</ul>
</div>
</footer>
<!-- Javascripts -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</main>
</body>
</html>