forked from Samikshapuri/Tenacity-final
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathImpact.html
347 lines (315 loc) · 17.1 KB
/
Impact.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Raahat- Ek Koshish</title>
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="target" content="all">
<meta name="rating" content="General">
<meta name="og:country-name" content="India">
<meta name="og:region" content="India" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="About.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="Impact.css" />
<link rel="stylesheet" href="contact.css" />
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
<!--Aos libraries-->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="About.js"></script>
</head>
<body>
<div id="preloader"></div>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-white fixed-top navbar-custom-alt" id="webNav">
<a class="navbar-brand" href="/"><img class="eventimg"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ25x50nwtJU0xyo2h-EMq13GWNfLp2nhGfyQ&usqp=CAU" alt="logo"
style="width:200px; height:3.50rem;bottom: 0"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav ml-auto mt-md-n1 float-right">
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/impacts">Impacts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/causes">Causes</a>
</li>
</ul>
</div>
</nav>
<!-- ACTUAL NAVIGATION MENU -->
<ul class="nav__menu" id="menu" tabindex="-1" style="list-style: none;" aria-label="main navigation" hidden>
<li class="nav__item"><a href="/" class="nav__link">Home</a></li>
<li class="nav__item"><a href="/impacts" class="nav__link">Impacts</a></li>
<li class="nav__item"><a href="/causes" class="nav__link">Causes</a></li>
</ul>
<!-- ANIMATED BACKGROUND ELEMENT -->
<div class="splash"></div>
<!-- Content -->
<div class="bgimg">
<video playsinline autoplay muted loop poster="image.png">
<!-- Video is embedded in the WEBM format -->
<source
src="https://player.vimeo.com/external/317887716.sd.mp4?s=15a0a7652fca437e299a82df7e9a43a74d6f2ade&profile_id=164&oauth2_token_id=57447761"
type="video/webm">
</video>
<!-- Hero -->
<div class="context col col-sm-12 col-md-12 col-lg-5">
<h1 class="heading1">Raahat - Ek Koshish</h1>
<p>At the end of the day it’s not about what you have or even what you’ve accomplished… it’s about who you’ve
lifted up, who you’ve made better. It’s about what you’ve given back.</p>
<button type="button" id="button1" class="btn btn-danger btn-lg"><a href="causes.html#causes">Join us today</a></button>
</div>
<div id="impact"></div>
</div>
<!--Cards-->
<div class="impact-grp">
<div class="jumbotron">
<h1 class="display-4"><br>Hello, donors!</h1>
<p class="lead">Sustainability, social equality and the environment are now business problems. And corporate
leaders can't depend on governments to solve them..</p>
<hr class="my-4">
<p>By failing to prepare, you are preparing to fail..</p>
<p class="lead">
Being a disaster-prone country, India is highly vulnerable to various types of natural calamities due to its
geographical positioning. According to the National Disaster Management Authority, Govt. of India, more than
58.6% of the country's landmass is prone to earthquakes and over 12% is prone to floods; close to 5,700kms out
of the 7,516kms long coastline is prone to cyclones and tsunamis; while 68% of its cultivable area is prone to
droughts which is why disaster preparedness is of outmost importance.
</p>
</div>
</div>
<div class="stories">
<h1 class="display-3"> Bring a Change</h1>
</div>
<div class="slide-impact">
<div class="container-1">
<div class="card5">
<div class="slideshow">
<span style="--i:1">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/2709388/pexels-photo-2709388.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">My family has lost their house and their farms due to the terrible floods in the village of Niujie. We would be very grateful if you help us out with a few donations. Contact: 2728388399
</p>
</div>
</div>
</span>
<span style="--i:2">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/5270671/pexels-photo-5270671.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">This is Baozhai from China. My family has lost their house and their farms due to the terrible floods in the village of Niujie. We would be very grateful to you if you help us out with a few donations from your side. Contact: 2728388399</p>
</div>
</div>
</span>
<span style="--i:3">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/796526/pexels-photo-796526.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">Due to the terrible earthquake in the city of North Yorkshire, the entire village of Muker has collapsed into sand and dirt and we have no place to live and nothing to eat. If you could help us with food and water, we’ll be extremely grateful. Contact: 7326739820</p>
</div>
</div>
</span>
<span style="--i:4">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/1739842/pexels-photo-1739842.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">Due to the recent forest fires in Australia, we’ve lost our farms and hence we have been left with no money. If you could help us out, we’ll be really grateful. Regards: Jack, Village: Upper Swell, Contact: 6236298799</p>
</div>
</div>
</span>
<span style="--i:5">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/4511649/pexels-photo-4511649.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">Hi! This is Taylor from Japan. Due to the recent landslides in the city of Kyoto, we’ve suffered from major losses. I am from a very poor family and hence cannot afford rebuilding our house. Please help. Contact: 287329080</p>
</div>
</div>
</span>
<span style="--i:6">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/989206/pexels-photo-989206.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">This is Canjid from a small village in Mizoram, India. Our house has completely collapsed due to the recent earthquake and due to the death of my father in an accident, we’re left with no money. If you could help us out, we’ll be really grateful. Contact: 9938727388</p>
</div>
</div>
</span>
<span style="--i:7">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/3972462/pexels-photo-3972462.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text">Due to the floods in Kedarnath, the whole city has shattered into pieces. We are an organisation helping the residents to build their houses and get back on their heels. We’ll be glad if you could help us with funds. Contact: 2789703222</p>
</div>
</div>
</span>
<span style="--i:8">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/4473314/pexels-photo-4473314.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Card image cap">
<div class="card-body">
<p class="card-text"> Hi! This is John from Africa. There have been fires rising in the Amazon rainforests since 1 month and we’ve lost our farms. As the mayor of the city, I would like to request for a few funds. Contact: 8287776376</p>
</div>
</div>
</span>
</div>
</div>
<div id="review"></div>
</div>
</div>
<div class="quotes">
<blockquote class="blockquote text-right">
<p class="mb-0">The healing power of charity, bestowed by our Father and made possible by the Atonement of Jesus
Christ, can make it virtually impossible
for us even to feel emotions common to the natural man........
</p>
<footer class="blockquote-footer"><cite title="Source Title">Sherl Dew</cite></footer>
</blockquote>
</div>
<div class="review-description2">
<h2>Our Reviews</h2>
<p>We try to transform their lives
providing immediate, effective and sustainable
support for the victims of natural disasters</p>
</div>
<div class="container fluid reviews-section-container">
<div class="row reviews-row">
<div class="col-md-4 review-description">
<h2>Our Reviews</h2>
<p>We try to transform their lives
providing immediate, effective and sustainable
support for the victims of natural disasters</p>
</div>
<div class="col-md-4 reviews" data-aos="slide-up" data-aos-anchor-placements="bottom-top"
data-aos-ease="ease-in-out" data-aos-duration="3000">
<div class="card" >
<div class="card-body review-img">
" Raahat is true to it's name and it brings relief into the lives of millions of disaster affected people like us and acts as a bridge between those who "need help" and those who "want to help" my flood affected family was helped by funds arranged from Raahat and i will be grateful to this initiative forever
</div>
</div>
<div class="card" >
<div class="card-body review-img">
Raahat mobilises rapidly in the wake of human and natural disasters to provide emergency support, as well as implementing longer term projects to bring economic and community development.
</div>
</div>
<div class="card" >
<div class="card-body review-img">
Raahat supports a number of emergency response charities, providing immediate relief in the face of disasters.
</div>
</div>
<div class="card" >
<div class="card-body review-img">
" Raahat is true to it's name and it brings relief into the lives of millions of disaster affected people like us and acts as a bridge between those who "need help" and those who "want to help" my flood affected family was helped by funds arranged from Raahat and i will be grateful to this initiative forever
</div>
</div>
</div>
<div class="col-md-4 reviews-bt" data-aos="slide-down" data-aos-anchor-placements="top-bottom"
data-aos-ease="ease-in-out" data-aos-duration="3000">
<div class="card" >
<div class="card-body review-img">
Raahat's involvement with stroke and blood pressure awareness has been longstanding, with community events offering tens of thousands of members of the public free health checks, all run by Raahat volunteers.
</div>
</div>
<div class="card" >
<div class="card-body review-img">
Because of the efforts of Raahat and their partners, nearly 19 million people who would otherwise have been paralysed are walking, and more than 1.5 million people are alive who would otherwise have died.
</div>
</div>
<div class="card" >
<div class="card-body review-img">
Through a series of trainings on online fundraising and communications, and a curated crowdfunding campaign, the club is building on their learning, expanding their donor network and continue to do vital work in it's communities for the longer term
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container foot">
<!-- Logo and Text -->
<div class="row">
<a href="/" class="footer-logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ25x50nwtJU0xyo2h-EMq13GWNfLp2nhGfyQ&usqp=CAU" class="footer-img" alt="logo" />
</a>
<p class="footer-text">Raahat is a non-profit organisation that is working for the people in disaster struck areas, providing education , water and livelihood support for the deprived
communities and builds a network of some committed volunteers for disaster relief and recovery efforts across India</p>
</div>
<!-- Explore Links -->
<div class="container footer-contain">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 footer-col">
<ul class="footer-list">
<li><a href="index.html">Home</a></li>
<li><a href="Index.html#about">About</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 footer-col">
<ul class="footer-list">
<li><a href="#impact">Impacts</a></li>
<li><a href="causes.html#causes">Causes</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 footer-col">
<ul class="footer-list">
<li><a href="Index.html#contact">Contact</a></li>
<li><a href="causes.html#causes">Donate</a></li>
</ul>
</div>
</div>
</div>
<!-- HR -->
<hr class="footer-hr" style="color: #fff!important;">
<!-- Copyright and Social Links -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-6 legend">
<p style="width: 500px; color: #fff;">© Copyright 2021 | Raahat | All rights reserved. </p>
</div>
<div class="col-lg-4 col-md-6 ">
<ul class="social">
<li><a href="https://www.facebook.com/" target="_blank"><i
class="fab fa-facebook-f footer-icon"></i></a></li>
<li><a href="https://www.instagram.com/?hl=en" target="_blank"><i
class="fab fa-instagram footer-icon"></i></a></li>
<li><a href="https://www.linkedin.com/" target="_blank"><i
class="fab fa-linkedin-in footer-icon"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
</body>
<script>
AOS.init({
duration: 1200,
})
document.addEventListener('aos:in', ({ detail }) => {
console.log('animated in', detail);
});
document.addEventListener('aos:out', ({ detail }) => {
console.log('animated out', detail);
});
</script>
</html>