forked from kashyapvyas/trpwsweb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprojectaahar.html
249 lines (229 loc) · 12.5 KB
/
projectaahar.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
<!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">
<title>TRPWS - PROJECT AAHAR</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">
<!-- 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">
<!--aos link-->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</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">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 active">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--------------------------------------------------------->
<!-- Heading -->
<section class="pt-5 pb-0">
<div class="container">
<div class="about text-center">
<h2>PROJECT AAHAAR<hr class="green-hr"></h2>
</div>
</div>
</section>
<!--DONATION content -->
<section class="bg-light">
<div class="container">
<div class="row">
<div class="section-title p-4">
<h2>DONATE</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 text-center">
<img src="./images/projectaahar_images/1.jpeg" alt="" width="250px" height="200px" data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
</div>
<div class="col-lg-8 justify-content-center" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
<p>The pandemic has took a toll on the lives of numerous people, especially the migrants and homeless destitutes who have even been deprived of a square meal a day. At the time of this global pandemic, let’s lend out a helping hand to our community. Sponsor a food packet @50 that would comprise of vegetable and three chappatis to save a starving soul in these turbulent times of the corona crisis.</p>
<h4 class="pb-2" style='font-weight: bold; text-decoration: underline; font-variant: small-caps; text-shadow: 2px 3px 3px #777777;'>Click here to donate <i class="fa fa-arrow-down" aria-hidden="true"></i></h4>
<a href="donateform.html" target="_blank" class="btn btn-outline-success donate-btn">DONATE NOW ( ₹ 50/PACKET) </a>
</div>
</div>
</div>
</section>
<!-- Our project-->
<section class="py-2">
<!-- Our project images-->
<div class="container">
<div class="row">
<div class="section-title p-4 pb-0">
<h2>OUR PROJECT</h2>
</div>
</div>
<div class="row portfolio-container px-4 py-2">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap ">
<img src="./images/projectaahar_images/2.jfif" class="img-fluid shadow" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-delay="100">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="./images/projectaahar_images/3.jfif" class="img-fluid shadow" data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="./images/projectaahar_images/4.jfif" class="img-fluid shadow" data-aos="fade-left" data-aos-easing="ease-in-sine" data-aos-delay="100">
</div>
</div>
</div>
</div>
</section>
<section class="bg-light">
<!-- our project content -->
<div class="container-fluid padding bg-light" data-aos="zoom-in" data-aos-easing="ease-in-sine" data-aos-delay="100">
<div class="row mx-md-5 px-md-5 m-2 " >
<div class="col-12 shadow">
<h5>
"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 the virus, but they have died every single day starving. If we’ve enjoyed the lockdown in our homes, savoring new dishes each day, there cannot be a better way to be grateful to the almighty than lending out a helping hand to the needy fellow who’s being tortured by an empty belly. We at TRPWS believe that we rise by lifting others and have come up with our novel endeavour to feed the COVID – 19 affected families by providing them home cooked meals for free purchased from suppliers at Rs 50/- per person"
</h5>
</div>
</div>
</div>
</section>
<section>
<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>CONTRIBUTION</h2>
</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>
<i class="fa fa-quote-left" aria-hidden="true"></i>
Together, we can alleviate the distress that hunger has caused in our society. We at TRPWS, ensure you 100% transparency with your contribution. We’ll share with you the picture of the donated packets marked with your name on it for you deserve to know when, where and how your donations are bringing a change in who’s life.
</p>
</div>
</div>
</div>
</section>
<!---------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: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>
<!-- 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>
<!--back to top btn-->
<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="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>