forked from kashyapvyas/trpwsweb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
422 lines (373 loc) · 22.1 KB
/
aboutus.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
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
<!DOCTYPE html>
<html lang="en">
<head>
<!--meta tags-->
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!--page Title-->
<title>TRPWS - ABOUT US</title>
<!-- Favicon-->
<link rel="icon" type="image" href="./images/website-favicon.png" sizes="192x192" />
<!--stylesheet link-->
<link rel="stylesheet" type="text/css" href="style.css">
<!--animation (AOS - Animation on scroll) link-->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!--flickity css crousel link-->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<!-- custom add-ons -->
<link rel="stylesheet" type="text/css" href="add.css">
<script src="owl.carousel/owl.carousel.min.js"></script>
<link href="boxicons/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="fontawesome/css/all.css">
</head>
<body>
<!--navigation bar-->
<div class="container-fluid menu">
<nav class="navbar navbar-expand-lg my-navbar">
<a class="navbar-brand " href="#"><img src="./images/trpws.png" height="100" width='150' alt="" loading="lazy"></a>
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./aboutus.html">About us</a>
</li>
<li class="nav-item">
<a href="./events.html" class="nav-link">Events</a>
</li>
<li class="nav-item">
<a href="./internship.html" class="nav-link">Internship</a>
</li>
<li class="nav-item">
<a href="./vol.html" class="nav-link ">Volunteer</a>
</li>
<li class="nav-item">
<a href="./projectaahar.html" class="nav-link">Project Aahar</a>
</li>
<li class="nav-item">
<a href="./contactus.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!--nav bar end-->
<!--cover image-->
<div class="about-cover-img">
</div>
<!--cover image end-->
<!--About us heading text-->
<section class="text-center">
<div class="about">
<h2>ABOUT US<hr class="green-hr"></h2>
</div>
</section>
<!--About us heading text end-->
<!--green CARDS-->
<section class="about section-bg">
<div class="container">
<div class="row ">
<div class="col-md-4 col-sm-6 col-xs-12 " >
<div class="about-wrap text-center" >
<div class="icon-box" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<h4><a>Mission<hr class="white-hr"></a></h4>
<p style='margin-bottom: 58px;'>To reach out as many people as possible and make a difference in their life. Our mission is to make their inner self happy. We want to bring a change in society by trying to eliminate the discrimination based on privilege by birth and not hard work and talent.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 ">
<div class="about-wrap">
<div class="icon-box" data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
<h4><a>Values<hr class="white-hr"></a></h4>
<p style='text-align: left;padding-left: 10px;'>
• Transparency<br>
• Respect for human rights<br>
• No Discriminatory<br>
• Commitment<br>
• Integrity<br>
• No personal benefit<br>
• Secular, Non-Political and Non-Religious<br>
• See potential in every poor child<br>
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12 ">
<div class="about-wrap text-center">
<div class="icon-box" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
<h4><a>Vision<hr class="white-hr"></a></h4>
<p>To make this world a better place for unprivileged people by providing them whatever required to our full potential. We believe that talent and skills are god’s gift and are product of hard work and not birth. To fill the society with individuals who has the power of differentiating between what is good and bad for them as well as the society.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--green CARDS end-->
<!--Our approach (our story) section-->
<section class="services">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="section-title" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<h2>Our approach</h2>
<h4>Our Story</h4>
</div>
</div>
<div class="col-lg-8 justify-content-center" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
<p>We reach out to children and make them interact with young people from universities and teach them in a friendly way so as to provide them with a family environment for learning, make them understand our culture and hardships they need to overcome in the journey of their life.Our main motives are making children aware of the current scenario in which the world exists and train them toovercome the taboos of society. We also make them aware of the social issues they are in and how to make it a betterplace for them to survive and grow.A well defined smile is what we care for and try to achieve with our constant approach.</p>
</div>
</div>
</div>
</section>
<!--Our approach (our story) section end-->
<!--TRPWS Team Section-->
<section class="bg-light">
<div class="about text-center">
<h2 class="mb-5">TRPWS Team<hr class="green-hr"></h2>
</div>
<div class="carousel container-fulid " data-flickity='{ "wrapAround": true ,"autoPlay": 1500 }'>
<!--Kuwarjeet singh card-->
<div class="carousel-cell " data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/kuwarjeet-singh.jpeg" alt="Kuwarjeet Singh" class='img-fluid'style="width:300px;height:350px;">
<h4 class="about-name">Kuwarjeet Singh</h4>
<h6>HEAD COORDINATOR & CO FOUNDER</h6>
</div>
<div class="about-flip-card-back">
<p >He has been working at managerial post at various companies and a constant creator. he is a socialist and a founder of TRPWS which is a non-govermental organisation which strives to provide basic needs and education to unprivileged and marginalised children of the society in New Delhi. The NGO has done tremendous amount of good work under his leadership and he encourages people who works in the NGO. Leads all the department of the NGO. Manages and Co-ordinate the work done by all the members of NGO. Conducts induction programme at the NGO.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Harman arora card-->
<div class="carousel-cell" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/harman-arora.jpeg" class='img-fluid' alt="Harman arora" style="width:300px;height:350px;">
<h4 class="about-name">Harman arora</h4>
<h6>COORDINATOR & CO FOUNDER</h6>
</div>
<div class="about-flip-card-back">
<p>She is also co-founder of TRPWS. She finished her higher studies at JD Institute Of Fashion Technology. She works as a Visual Merchandise at two companies and has also worked before as a wedding planner. She was one of the key member along with Kuwarjeet Singh when the NGO was established. She is a skill full person and has very good managing skills.
Programme coordinator at TRPWS.
Planning of trips of the children to various knowledge centres and picnics.
Managing funds donated to the NGO and implementation of those funds.
</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Yashvi parvani card-->
<div class="carousel-cell" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/yashvi-parwani.jpeg" class='img-fluid' alt="Yashvi parwani" style="width:300px;height:350px;">
<h4 class="about-name">Yashvi parwani</h4>
<h6>MEDIA , GRAPHICS & CONTENT HEAD</h6>
</div>
<div class="about-flip-card-back">
<p>She is a socialist and have been handling the Media, Graphics and Content of TRPWS. She finished her Bachelors Of Arts degree from Shivaji University, New Delhi. She also worked as Web Content Writer. She has very good experience in leading, desingning and literature.
Social media analyst at TRPWS.
Marketing he events organised by the NGO in different social media platforms such as facebook and Instagram .
Supervises the tasks given to interns.
Manages all the active social media platforms of the NGO.
</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Avleen kaur card-->
<div class="carousel-cell" data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/avleen-kaur.jpeg" class='img-fluid' alt="Avleen Kaur" style="width:300px;height:350px;">
<h4 class="about-name">Avleen kaur</h4>
<h6>COORDINATOR & CO FOUNDER</h6>
</div>
<div class="about-flip-card-back">
<p>Avleen Kaur comes among the founder of the TRPWS. She finished her higher studies at Sri Guru Tej Bahadur Khalsa College. She is the editorial chief at Googly Networks and head of the team at TRPWS. She also has experience in the field of marketing and content writing. She has amazing skills in teaching and leading.
Teaching head at TRPWS.
Manages the statistics of children brought to the NGO and number of interns taken for work.
conducts induction programme with Kuwarjeet Singh.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Bineet singh card-->
<div class="carousel-cell" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/bineet-singh.jpeg" class='img-fluid'alt="Bineet Singh" style="width:300px;height:350px;">
<h4 class="about-name">Bineet Singh</h4>
<h6>HR HEAD</h6>
</div>
<div class="about-flip-card-back">
<p>Bineet Singh is a skilled manager and a statistician. He had done his higher studies from Shri Guru Gobind Singh College Of Commerce in specialisation with marketing. He is an experienced person in the field of marketing and data handling. He is also a member of Entrepreneurship Development Cell, SGGSCC.
HR Manager at TRPWS.
Deals with the problems faced by the interns.
Does data analysis.
Planning of implementation of donated money in coordination with Avleen Kaur.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Shubham madan card-->
<div class="carousel-cell" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/shubham-madan.png" alt="Shubham Madan" class='img-fluid' style="width:300px;height:350px;">
<h4 class="about-name">Shubham Madan</h4>
<h6>PR HEAD</h6>
</div>
<div class="about-flip-card-back">
<p>Shubham is an enthusiastic socialist and has high career goals. He is preparing for his MBA and has the capability to convince people around and get them to where he wants. He also has a very good sense of understanding and marketing.
PR head at TRPWS.
Manages the ongoing marketing and promotion of NGO.
Planning of all the meetings regarding tie ups and collaborations and convincing the partners for the tie up.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Mushkaan Khanna card-->
<div class="carousel-cell" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/muskan-khanna.jpeg" class='img-fluid' alt="Muskan khanna" style="width:300px;height:350px;">
<h4 class="about-name">Muskan khanna</h4>
<h6>HR HEAD</h6>
</div>
<div class="about-flip-card-back">
<p>Muskan is a skilled manager and she is also pursuing her MBA in HR. She is also a data geek. She has experience in managing events and people and how to work on projects.She also manages plan , directs and coordinates the administrative functions of an organization.
Manages the number of interns and also their work.
Checks the work done by the intern.
Analyses data of the NGO and provide the outview of work needed to be done for improvement.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
<!--Nipun Banga card-->
<div class="carousel-cell" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="about-flip-card container-fluid">
<div class="about-flip-card-inner">
<div class="about-flip-card-front">
<img src="./images/aboutus_images/nipun-banga.jpeg" class='img-fluid' alt="Nipun Banga" style="width:300px;height:350px;">
<h4 class="about-name">Nipun Banga</h4>
<h6>PR & Creative Head</h6>
</div>
<div class="about-flip-card-back">
<p>Nipun Banga is the PR and Creative head at TRPWS. He has good communication and organising skills. He is very good in problem solving and task creating. He is hardworking and does his work with dedication.
PR and Creative head at TRPWS.
Meeting fixing with sponsors and developers.
Promotion of events. Creating tasks for interns.</p><hr class="green-hr">
</div>
</div>
</div>
</div>
</div>
</section>
<!--TRPWS Team Section End-->
<!--footer-->
<footer id="footer">
<div class="footer-top pb-4">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 footer-contact" style="height:200px">
<img src="./images/logo.png" height="85%">
</div>
<div class="col-lg-4 col-md-6 footer-contact" style="height: 200px">
<h3 style="color: #009970"><b>The Rising People Welfare Society</b></h3>
<p><a href="https://goo.gl/maps/VCWbSRy8RZHmmAAe9" target="_blank" style="color: #777777;">
Woodland Park, Block C<br>
Tagore Garden, Subhash Nagar<br>
Delhi, 110018</a><br><br>
<strong>Phone:</strong> <a href="tel:+918800100021" style="color: #777777;">+918800100021</a><br>
<strong>Email:</strong> <a href="mailto:trpws2012@gmail.com" style="color: #777777;">trpws2012@gmail.com</a><br>
</p>
</div>
<div class="col-lg-4 pt-4 mt-2">
<div class="social-links text-center text-md-right pt-3 pt-md-0">
<a href="https://twitter.com/hashtag/trpws" class="twitter" target="_blank"><i
class="bx bxl-twitter"></i></a>
<a href="https://www.facebook.com/TRPWS/" class="facebook" target="_blank"><i
class="bx bxl-facebook"></i></a>
<a href="https://www.instagram.com/trpws/" class="instagram" target="_blank"><i
class="bx bxl-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCv0nOO_iLRQcEyDQbu89jmw" class="google-plus"
target="_blank"><i class="bx bxl-youtube"></i></a>
<a href="https://www.linkedin.com/company/the-rising-people-welfare-society/"
class="linkedin" target="_blank"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<button onclick="topFunction()" id = "topbtn" ><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/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 src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<!-- navbar animation -->
<script>
$(document).ready(function () {
$(window).scroll(function () {
if ($(window).scrollTop() > 60) {
$('.my-navbar').addClass('navbar-scroll');
}
else {
$('.my-navbar').removeClass('navbar-scroll');
}
});
});
</script>
<!--bottom to top button-->
<script type="text/javascript">
myButton = document.getElementById("topbtn");
window.onscroll = function() {scrollfunction()};
function scrollfunction() {
if(document.body.scrollTop > 40 || document.documentElement.scrollTop > 40) {
myButton.style.display = "Block";
} else {
myButton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!--Animation on scroll (Aos) link and script-->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>AOS.init();</script>
<!--flickity js link-->
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
</script>
</body>
</html>