forked from kashyapvyas/trpwsweb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
345 lines (324 loc) · 17.3 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<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" />
<!--aos link-->
<link rel="stylesheet" type="text/css" href="aos/aos.css">
<title>TRPWS - EVENTS (Page-1)</title>
<!-- Favicon-->
<link rel="icon" type="image" href="./images/website-favicon.png" sizes="192x192" />
<link rel="stylesheet" type="text/css" href="style.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------->
<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" href="./aboutus.html">About us</a>
</li>
<li class="nav-item">
<a href="./events.html" class="nav-link active">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>
<!------end_navigation-->
<!---main_body-->
<section>
<div class="container py-4 my-4 bg-light" style="box-shadow: 5px 5px 5px 5px #777;">
<div class="about text-center">
<h2 class="mb-5">EVENTS<hr class="green-hr"></h2>
</div>
<hr>
<!--project ahaar-->
<div class="row justify-content-start">
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/projectahaar/projectahaar.jpeg" class="img-fluid" alt="project-ahaar">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>PROJECT AHAAR</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">
The pandemic has adversely affected the lives of numerous people, disrupting their livelihoods whether it be the migrant workers or the peddlers. The turbulent turn that life has taken has rendered them in a position where it has become too hard to arrange for their basic needs. The destitute might not have died due to …
</p>
<a class="btn btn-primary" href="./events/project-aahar.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--covid-19 awareness-->
<div class="row justify-content-start">
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>COVID-19 AWARENESS</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">
On the 27th of April 2020, The Rising People Welfare Society published a video on their YouTube account on the topic of Covid-19 awareness and prevention. The title of the video is What is CORONA VIRUS 2020 | Corona Virus Outbreak | How to protect yourself | 7 steps from PM MODI |. In the …
</p>
<a class="btn btn-primary" href="./events/covid-19-awareness.html" target="_blank" role="button">Read More »</a>
</div>
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/covid19-awareness/covid19.jpg" class="img-fluid" alt="covid-19 awareness">
</div>
</div>
<hr>
<!--ERUDITION-->
<div class="row justify-content-start">
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/erudition/erudition.jpg" class="img-fluid" alt="ERUDITION">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>ERUDITION</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">A live session was arranged on June 4 at 7:30 PM, on the topic of Child Sexual Abuse, the live session was presented by Amoli Trust which specifically works on spreading awareness on child sexual abuse and aims to prevent child sexual abuse. The live session was led by Haneet co-founder and social media head …
</p>
<a class="btn btn-primary" href="./events/erudition.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--PEHCHAN-->
<div class="row justify-content-start">
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>PEHCHAN</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">On the occasion of pride month, a live session was organized in collaboration with Laksh organization to have a conversation about a rather sensitive topic in our society, LGBTQ community. The main guests of the live session were Jerry Jigs (representing the gay community), Reshma Kuvar (representing kinnar community), Devanshi Bajaj (Transwoman). They were also aided …
</p>
<a class="btn btn-primary" href="./events/pehchan.html" target="_blank" role="button">Read More »</a>
</div>
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/pehchaan/pehchan.jpg" class="img-fluid" alt="PEHCHAN">
</div>
</div>
<hr>
<!--TAALBAAZ-->
<div class="row justify-content-start">
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/taalbaaz/taalbaaz.jpg" class="img-fluid" alt="TAALBAAZ" width="300">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>TAALBAAZ</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">TRPWS organized a talk show titled Taalbaaz on 24th May and our guest for this show was Mr. Yogesh Bir Singh. He’s a great musician who’s skilled at playing a lot of instruments, be it tabla, dholak or djembe. Yogesh sir has performed in various cultural events throughout the country and even abroad. This melodious …
</p>
<a class="btn btn-primary" href="./events/taalbaaz.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--MENTAL WELLNESS-->
<div class="row justify-content-start">
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>MENTAL WELLNESS</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">On the 8th of Jul 2020, an interactive session on social media platforms of the TRPWS was held at 7 pm. The main topic of discussion of the interactive session was Mental Wellness, following the recent unfortunate event in the country and the boredom and existentialism of the lockdown settling in. The interactive session was held …
</p>
<a class="btn btn-primary" href="./events/mental-wellness.html" target="_blank" role="button">Read More »</a>
</div>
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/mental-wellness/mental-wellness.jpg" class="img-fluid" alt="MENTAL WELLNESS">
</div>
</div>
<hr>
<!--project shiksha-->
<div class="row justify-content-start">
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/project-shiksha/shiksha.png" class="img-fluid" alt="image_1">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left">
<h2>PROJECT SHIKSHA</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b></h4>
<p class="font-italic">
In our societies there are certain facilities known as Basic Human Rights, things like ‘Right to Life’,
‘Freedom from Slavery’, ‘Freedom of Opinion and Expression’ and many more. In some countries amenities like
water and electricity are also considered Basic Human Rights, in some Education is also a Basic Human Right.
India too has Education …
</p>
<a class="btn btn-primary" href="./events/project-shiksha.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--pawsitivity-->
<div class="row justify-content-start">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/PAWSITIVITY/PAWSITIVITY.jpg" width='400' class="img-fluid" alt="image_2">
</div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h2>PAWSITIVITY</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b>
</h4>
<p class="font-italic">
TRPWS organised a live session titled Pawsitivity on 27th May. This session comprised of a discussion about
how people can help stray animals around them. Our esteemed guests for this session were Neha Singh,
Assistant Professor KIET Group of Institutions, Ghaziabad and Garima Gupta, Team lead, IRIS Software. Both
Neha Ma’am and Garima Ma’am are …
</p>
<a class="btn btn-primary" href="./events/pawsitivity.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--bhangra night-->
<div class="row justify-content-start">
<div class="col-md-5" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/bhangra-night/bhangra_night.jpg" width='300' class="img-fluid" alt="image_3">
</div>
<div class="col-md-7 pt-5" data-aos="fade-left">
<h2>BHANGRA NIGHT</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b>
</h4>
<p class="font-italic">
<strong>Aim – </strong> To entertain people who must have been tense amidst the lockdown. Bhangra Night with Kunwar Saheb Singh TRPWS presented a talk show on 31st May with Kunwar Saheb Singh, the bhangra king. This live session viewed by around 400 people live was truly a spectacular one. After all, who wouldn’t fall in love with …
</p>
<a class="btn btn-primary" href="./events/bhangra-night.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<!--WORLD ENVIRONMENT DAY-->
<hr>
<div class="row justify-content-start">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-up"
data-aos-anchor-placement="center-bottom">
<img src="./images/events_images/world-environment-day/environment-day.jpg" class="img-fluid" alt="image_4">
</div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h2>WORLD ENVIRONMENT DAY</h2>
<h4><b><a href="#">Uncategorized </a> / <a href="#"> By trpws2012 </a></b>
</h4>
<p class="font-italic">
<strong>Aim – </strong> To teach young children about the importance of nature to us and how its distraught can harm us. On environment day the NGO held various activities for young children, a drawing competition was held, children were asked to draw out of their immaculate imagination a poster on the theme of world environment day. Children …
</p>
<a class="btn btn-primary" href="./events/world-environment-day.html" target="_blank" role="button">Read More »</a>
</div>
</div>
<hr>
<!--pagination-->
<div class="row justify-content-between mx-4">
<div class="col text-left ">
<a href="#" class="pr-2" style="color: #777; pointer-events: none;">1</a>
<a href="./events-2.html">2</a>
</div class="col">
<div><a href="./events-2.html">Next Page <i class="fa fa-arrow-right" aria-hidden="true"></i></a></div>
</div>
</div>
</section>
<!--main_body_end-->
<!---------footer---------->
<!--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:[email protected]" style="color: #777777;">[email protected]</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/[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>
<!-- 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>
<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>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script src="aos/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>