-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstory.html
174 lines (162 loc) · 7.91 KB
/
story.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
<!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:wght@400,500&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/story.css">
<title>Balika - Our Story</title>
</head>
<body>
<!-- navbar section -->
<div id="nav-placeholder"></div>
<!-- our story banner -->
<div class="row no-gutters">
<div class="col-md-6 col-sm-12">
<img class="img-fluid" src="../../assets/pix/home/men-health-awareness.JPG" alt="pics of kids">
</div>
<div
class="bg-balika-light-blue col-md-6 col-sm-12 d-flex flex-column align-items-center justify-content-center p-5">
<h2 class="text-center balika-blue">Our Story</h2>
<p class="text-center balika-dark-blue">
Founded in 2017, Balika is a nonprofit focused on the education and empowerment of girls from at-risk
communities in urban India. Balika works closely with school leadership, teachers, and community members to
reduce school dropout rates and build essential skills among girls.
</p>
<p class="text-center balika-dark-blue">
Our focus is two-fold— we increase school enrolment rates through sponsorship and community outreach and once
girls are re-enrolled into the school system, we work on retention through leadership development, mentorship,
and remedial classes.
</p>
<p class="text-center balika-dark-blue">
Since our inception, we have impacted over 1200 young women and girls through our initiatives. Our Covid-relief
programme launched in 2020 has impacted over 25,000 women in the community.
</p>
</div>
</div>
<!-- mission section -->
<div class="container my-5">
<h2 class="balika-dark-blue text-center p-3">Vision</h2>
<p class="text-center p-5">
Project Balika aims to achieve higher enrollment, attendance, and retention of young girls from low-income urban
schools in India. We aim to achieve long-term gender-inclusivity, economic independence, and empowerment of all
young girls and women across India.
</p>
</div>
<!-- values section -->
<div class="row no-gutters">
<div class="col-md-8 col-sm-12">
<img class="img-fluid" src="../../assets/pix/home/get-Involved-Subscribe.JPG" alt="pics of kids">
</div>
<div class="bg-balika-blue col-md-4 col-sm-12 d-flex flex-column justify-content-center py-5">
<h2 class="text-white text-center">Values</h2>
<p class="text-center text-white p-5">
<!-- Through education, skill-building, and community empowerment we address barriers that keep girls away from
school. We provide financial resources, training, and leadership development to affordable private schools in
urban slums of India. -->
Our model is built on the values of inclusivity, leadership, self-reliance, equal opportunity, and discipline.
</p>
</div>
</div>
<!-- values section -->
<div class="row no-gutters">
<div class="col-md-8 col-sm-12 d-flex flex-column py-5 justify-content-center bg-balika-light-blue">
<h2 class="balika-dark-blue text-center">Mission</h2>
<p class="balika-dark-blue text-center p-5 m-5 values-writeup">
<!-- Our model is built on the values of inclusivity, leadership, self-reliance, equal opportunity, and discipline. -->
Through education, skill-building, and community empowerment we address barriers that keep girls away from
school. We provide financial resources, training, and leadership development to affordable private schools in
urban slums of India.
</p>
</div>
<div class="col-md-4 col-sm-12">
<img class="img-fluid banner-img" src="../../assets/pix/home/scholarships-for-girls.JPG" alt="pic of kid">
</div>
</div>
<div class="container my-5">
<h2 class="balika-dark-blue text-center p-3">Videos</h2>
</div>
<div class="row no-gutters">
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/BHOfo1w7bIo" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8hT0SkebZCE" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/QzujLivqjXw" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/bNiK4LAYNxI" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/NMDT2RvXlaw" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/l9ebDS0okCk" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
</div>
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/l9ebDS0okCk" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/8hT0SkebZCE" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QzujLivqjXw" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe> -->
<!-- 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>