-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathabout.html
364 lines (334 loc) · 19.8 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
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
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Aaroha</title> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free Website Template" name="keywords">
<meta content="Free Website Template" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/flaticon/font/flaticon.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<div class="top-bar-left">
<div class="text">
<i class="fa fa-envelope"></i>
<a class="maila" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Top Bar End -->
<!-- Nav Bar Start -->
<div class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-fluid">
<a href="index.html">
<img class="logoimg" src="images/aarohalogofin.png">
<img class="logoimgtext" src="img/logotext.png">
</a>
<!-- <a href="index.html" class="navbar-brand"> आरोह</a> -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="causes.html" class="nav-item nav-link">What we do</a>
<!-- <a href="causes.html" class="nav-item nav-link">Causes</a> -->
<a href="event.html" class="nav-item nav-link">Events</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Our Projects</a>
<div class="dropdown-menu">
<a href="single.html" class="dropdown-item">Project Akshar</a>
<a href="single1.html" class="dropdown-item">Project Anand</a>
<a href="single2.html" class="dropdown-item">Project Aahar</a>
<a href="single3.html" class="dropdown-item">Project Pradan</a>
</div>
</div>
<!-- <div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Pages</a>
<div class="dropdown-menu">
<a href="donate.html" class="dropdown-item">Donate Now</a>
<a href="volunteer.html" class="dropdown-item">Become A Volunteer</a>
</div>
</div> -->
<a href="team.html" class="nav-item nav-link">Meet The Team</a>
<a href="donate.html" class="nav-item nav-link">Donate Now</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
</div>
</div>
</div>
<!-- Nav Bar End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h2>About Us</h2>
</div>
<div class="col-12">
<a href="">Home</a>
<a href="">About Us</a>
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- About Start -->
<div class="about">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-img" data-parallax="scroll" data-image-src="img/about.jpg"></div>
</div>
<div class="col-lg-6">
<div class="section-header">
<p>Learn About Us</p>
<h2>Our Goal </h2>
</div>
<div class="about-tab">
<ul class="nav nav-pills nav-justified">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#tab-content-1">About</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#tab-content-2">Mission</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#tab-content-3">Vision</a>
</li>
</ul>
<div class="tab-content">
<div id="tab-content-1" class="container tab-pane active">
In this alluring garden of humankind, we behold a lot of different plants and saplings in every aspect and every turn. Our heart certainly agrees to the fact that every plant, every tree and every flower in our vicinity is not identical and same is true for its circumstances. <br>
Not everyone is opulent enough to celebrate birthdays nor everyone has the privilege to throw food so easily. Some plants are always there who dream of having a satisfying meal, one who covets to put a counter of days for their birthday and one who regret having a blemish roof. Up above all these concerns, is the distress of not having proper education for saplings who would love to procure the best out of it.<br>
We often regard children as the building blocks of tomorrow. Centuries have witnessed the changes brought by education in a society is unfathomable when compared to war, trade, invasions etc. But sadly, the most indigent are the most dejected. We often compare the material advancements of our country with other countries, but we forget that the huge part of our human resource is left untouched. The underprivileged children of our society is contrary to all the advancement that we have made after 75 years of independence. The innocent faces of these children are so soft that they are unaware of their gloomy future.<br>
To change this tyrant situation for these kids AAROHA as a united team stood against all hurdles and challenges to help these beautiful buds and shower its selfless service unto them. It came into existence way back before it officially appeared before the society. A small group of students who felt deeply about the prevailing circumstances had sowed the splendid seeds of Aaroha in their hearts. Our crucial task is to provide necessary education, nutritious food and help develop every instinct in poor children so that they become well enough to handle the situations around them or create enlightenment in life of others. Simply if we talk about us in a single sentence we would say<br>
<strong>
"Journey of darkness and ignorance towards happiness, light and knowledge through stairs of care, emotions and guidance".</strong>
</div>
<div id="tab-content-2" class="container tab-pane fade">
As students our heart beats for only one accomplishment. We want to embellish the lives of every single child who is deprived of its basic needs i.e., right to education and nutritious food. Overall development of the poor children is what makes this organisation stand with strength.
</div>
<div id="tab-content-3" class="container tab-pane fade">
The motive of this organization is to provide the best environment for the welfare of underprivileged children. Providing them good education and helping them in their overall growth and development is our concern. We dream of the day when this world
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Facts Start -->
<div class="facts" data-parallax="scroll" data-image-src="images\IMG_6534.JPG">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="facts-item">
<i class="flaticon-home"></i>
<div class="facts-text">
<h3 class="facts-plus" data-toggle="counter-up">10</h3>
<p>Schools</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="facts-item">
<i class="flaticon-charity"></i>
<div class="facts-text">
<h3 class="facts-plus" data-toggle="counter-up">400</h3>
<p>Volunteers</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="facts-item">
<i class="flaticon-charity"></i>
<div class="facts-text">
<h3 class="facts-plus" data-toggle="counter-up">1000</h3>
<p>Children</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Facts End -->
<!-- Team Start -->
<!-- Team End -->
<!-- Testimonial Start -->
<!-- <div class="testimonial">
<div class="container">
<div class="section-header text-center">
<p>Testimonial</p>
<h2>What people are talking about our charity activities</h2>
</div>
<div class="owl-carousel testimonials-carousel">
<div class="testimonial-item">
<div class="testimonial-profile">
<img src="img/testimonial-1.jpg" alt="Image">
<div class="testimonial-name">
<h3>Person Name</h3>
<p>Profession</p>
</div>
</div>
<div class="testimonial-text">
<p>
Lorem ipsum dolor sit amet elit. Phasel preti mi facilis ornare velit non vulputa. Aliqu metus tortor, auctor id gravid vivera quis
</p>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-profile">
<img src="img/testimonial-2.jpg" alt="Image">
<div class="testimonial-name">
<h3>Person Name</h3>
<p>Profession</p>
</div>
</div>
<div class="testimonial-text">
<p>
Lorem ipsum dolor sit amet elit. Phasel preti mi facilis ornare velit non vulputa. Aliqu metus tortor, auctor id gravid vivera quis
</p>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-profile">
<img src="img/testimonial-3.jpg" alt="Image">
<div class="testimonial-name">
<h3>Person Name</h3>
<p>Profession</p>
</div>
</div>
<div class="testimonial-text">
<p>
Lorem ipsum dolor sit amet elit. Phasel preti mi facilis ornare velit non vulputa. Aliqu metus tortor, auctor id gravid vivera quis
</p>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-profile">
<img src="img/testimonial-4.jpg" alt="Image">
<div class="testimonial-name">
<h3>Person Name</h3>
<p>Profession</p>
</div>
</div>
<div class="testimonial-text">
<p>
Lorem ipsum dolor sit amet elit. Phasel preti mi facilis ornare velit non vulputa. Aliqu metus tortor, auctor id gravid vivera quis
</p>
</div>
</div>
</div>
</div>
</div> -->
<!-- Testimonial End -->
<!-- Footer Start -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-contact">
<h2>Our Head Office</h2>
<p><i class="fa fa-map-marker-alt"></i>E-3/216, Obedulla Ganj Rd, E-3, Arera Colony, Bhopal, Madhya Pradesh 462016</p>
<!-- <p><i class="fa fa-phone-alt"></i>+012 345 67890</p> -->
<p><i class="fa fa-envelope"></i><a class="maila" href="mailto:[email protected]">[email protected]</a></p>
<div class="footer-social">
<a class="btn btn-custom" href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-custom" href="https://www.youtube.com/@aaroha2123"><i class="fab fa-youtube"></i></a>
<a class="btn btn-custom" href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-link">
<h2>Popular Links</h2>
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="causes.html" class="nav-item nav-link">What we do</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-link">
<h2>Useful Links</h2>
<a href="event.html">Our Events</a>
<a href="team.html">Meet The Team</a>
<a href="donate.html">Donate Now</a>
<a href="contact.html">Contact</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-newsletter">
<h2>Subscribe to Updates!!</h2>
<form>
<input class="form-control" placeholder="Email goes here">
<button class="btn btn-custom">Submit</button>
<label>Don't worry, we don't spam!</label>
</form>
</div>
</div>
</div>
</div>
<div class="container copyright">
<div class="row">
<div class="col-md-6">
<p>© <a href=""">Aaroha 2023</a> All Right Reserved.</p>
</div>
<div class="col-md-6">
<p><a href=""></a></p>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to top button -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Pre Loader -->
<div id="loader" class="show">
<div class="loader"></div>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/parallax/parallax.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>