-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathinitiatives.html
288 lines (279 loc) · 14.8 KB
/
initiatives.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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Ruda:wght@500&display=swap" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="css/initiatives.css">
<title>Balika - Initiatives</title>
</head>
<body>
<!-- navbar section -->
<div id="nav-placeholder"></div>
<div class="container-fluid initiatives-wrapper d-flex justify-content-center align-items-end">
<h1 class="text-center text-white mt-5 py-5">Initiatives</h1>
</div>
<!-- initiatives wrapper -->
<div class="container my-5">
<div class="row my-5">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/literacyInitiative.JPG" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">School to College Pathways</h4>
<div class="card-text font-grey font-weight-bold text-center">Ensuring 100% enrollment in grade 11 (Junior
College)</div>
<hr>
<div class="card-text font-lightgrey text-center">
Given the high rate of girls who drop out of the school system post the 10th grade, the School to College
pathways helps girls stay on track to complete their education through individualized counselling and
mentorship.
</div>
<div id="college-more" class="collapse">
<div class="card-text font-lightgrey text-center">
College mentors are typically those who have already gone through the process themselves and assist
girls with subject selection, remedial classes, and college matching. The program seeks to achieve 100
percent success rate in college admissions among its students.
</div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#college-more">Learn
More</button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/school-leader.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">School Leader Training</h4>
<div class="card-text font-grey font-weight-bold text-center">A top-down approach to gender inclusivity in
schools</div>
<hr>
<div class="card-text font-lightgrey text-center">
We believe that bringing girls back to school is not enough. We must also work to keep school as a
welcoming space for all girls enrolled. We work closely with school leaders and administrators to create a
gender-inclusive school environment.
</div>
<div id="leader-train-more" class="collapse">
<div class="card-text font-lightgrey text-center">
We host several school leader workshops throughout the year where school leaders are urged to think
through issues as they pertain to the girl child from a bottoms-up approach.
</div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#leader-train-more">Learn
More</button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/leadership-dev.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">Leadership Development</h4>
<div class="card-text font-grey font-weight-bold text-center">Enhancing leadership skills and confidence
building among girls</div>
<hr>
<div class="card-text font-lightgrey text-center">
Students across schools enrol in Balika projects every year. Under the guidance of Balika volunteers,
students use the design thinking model to ideate and implement solutions to the most pressing issues in
their communities relating to women.
</div>
<div id="leader-dev-more" class="collapse">
<div class="card-text font-lightgrey text-center">
Over the past few years, Balika has led community projects focused on menstrual health and hygiene,
nutrition, sexual assault, technology implementation, water accessibility, and installation of public
restrooms.
Through the Balika projects, girls take ownership of community problems and facilitate the dialogue
around addressing these issues. In the process, girls develop essential skills such as leadership,
confidence, and problem solving.
Each year, girls are pushed to take up and excel in any two extracurricular activities of their choice.
Our girls are trained in dance, debate, elocution, Model United Nations, and drama.
</div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#leader-dev-more">Learn
More</button>
</div>
</div>
</div>
</div>
</div>
<div class="row my-5">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/english-literacy.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">English Literacy program</h4>
<div class="card-text font-grey font-weight-bold text-center">Leveraging English for economic empowerment of
mothers in the community</div>
<hr>
<div class="card-text font-lightgrey text-center">
According to a report by ASER (2017), 70.7 percent of out-of-school youth in India have mothers who have
never been to school. Mothers who are educated tend to make more educated choices for their children.
</div>
<div id="english-more" class="collapse">
<div class="card-text font-lightgrey text-center">
Our English Literacy program enables mothers to learn English at our centers, free-of-cost. Our trainers
work closely with mothers from the community to teach English reading, writing, and speaking. Over the
past years, many of our moms have succeeded in securing jobs owing to their English fluency.
</div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#english-more">Learn
More</button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/making-leaps.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">Making Leaps</h4>
<div class="card-text font-grey font-weight-bold text-center">Academic excellence classes for 9th and 10th
grade students</div>
<hr>
<div class="card-text font-lightgrey text-center">
Every year, 47 million Indian youth drop out before completing Grade 10. Children from at-risk communities
face a higher risk of failure in the grade 10 state board examinations.
</div>
<div id="leaps-more" class="collapse">
<div class="card-text font-lightgrey text-center">
Our ‘Making Leaps’ initiative is focused on academic excellence in the state board examinations. Our
volunteers enter Grade 10 classrooms to assist teachers with remedial teaching and extra classes. 100
percent of the children enrolled in our classes have successfully cleared their examinations, and over
80 percent have enrolled in college.
</div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#leaps-more">Learn
More</button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/covid.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">COVID-19 Community Impact</h4>
<div class="card-text font-grey font-weight-bold text-center">Providing mass outreach of ration and female
hygiene supplies</div>
<hr>
<div class="card-text font-lightgrey text-center">
Through strategic partnerships, Balika has provided ration packets to over 25,000 people in Malwani during
the pandemic and female hygiene supplies to 5,500 young girls in the community.
</div>
<div id="literacy-more" class="collapse">
<div class="card-text font-lightgrey text-center">
Our distribution drives have focused on single mothers, and Balika volunteers have undertaken
contactless door-to-door delivery for single mothers and their families. </div>
</div>
<div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#literacy-more">Learn
More</button>
</div>
</div>
</div>
</div>
</div>
<div class="row my-5">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/menstrual.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">Menstrual health and hygiene</h4>
<div class="card-text font-grey font-weight-bold text-center">Promoting menstrual health awareness among
girls in the community</div>
<hr>
<div class="card-text font-lightgrey text-center">
Balika works with community members to host workshops on menstrual health and provide subsidized access to
sanitary products. </div>
<div id="menstrual-more" class="collapse">
<div class="card-text font-lightgrey text-center">
</div>
</div>
<!-- <div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#menstrual-more">Learn
More</button>
</div> -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/health.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">Health and nutrition</h4>
<div class="card-text font-grey font-weight-bold text-center">Enhancing health and nutrition standards</div>
<hr>
<div class="card-text font-lightgrey text-center">
A large number of girls drop-out of school because of poor nutrition. Balika has partnered with a local
nutritional supplements supplier in Mumbai to provide free-of-cost nutritional supplements to girls across
five schools. All girls have access to free yearly health check-ups. </div>
<div id="health-more" class="collapse">
<div class="card-text font-lightgrey text-center">
</div>
</div>
<!-- <div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#health-more">Learn
More</button>
</div> -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="card h-100">
<img class="card-img-top" src="../../assets/pix/initiatives/safety.jpg" alt="">
<div class="card-body">
<h4 class="card-title text-center balika-blue">Safety around schools</h4>
<div class="card-text font-grey font-weight-bold text-center">Partnerships with local police and municipal
bodies to ensure safety for all girls</div>
<hr>
<div class="card-text font-lightgrey text-center">
Balika works with the Mumbai police to ensure safety of girls who walk to school. In the past 3 years, we
have reduced incidents of female harassment outside schools in Malwani by over 50 percent. </div>
<div id="safety-more" class="collapse">
<div class="card-text font-lightgrey text-center">
</div>
</div>
<!-- <div class="container text-center my-4">
<button class="btn learn-more-btn px-5" data-toggle="collapse" data-target="#safety-more">Learn
More</button>
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="space"></div>
<!-- footer section -->
<div id="footer-placeholder"></div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script>
$(function () {
$('#nav-placeholder').load('snippets/navbar.html');
});
$(function () {
$('#footer-placeholder').load('snippets/footer.html');
});
</script>
</body>
</html>