-
Notifications
You must be signed in to change notification settings - Fork 0
/
support.html
289 lines (235 loc) · 11.5 KB
/
support.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<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">
<title>Helping Healthy Hands!</title>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.card-title a:hover {
text-decoration: none;
color: black;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
@media (min-width:34em) {
/*
.card-deck > .card
{
width: 29%;
flex-wrap: wrap;
flex: initial;
}
} */
.card-img-top {
height: 15rem;
width: 18rem;
object-fit: cover;
}
.card .card-text {
height: 12rem;
text-align: justify;
}
.text-center {
text-align: center;
}
</style>
<!-- Custom styles for this template -->
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="navbar navbar-dark bg-dark box-shadow">
<div class="navbar d-flex justify-content-start">
<a href="#" class="navbar-brand d-flex align-items-center">
<img src="img/woman (4).png" class="mr-4" />
<strong>Where To Donate</strong>
</a>
</div>
<div class="navbar d-flex justify-content-end">
<a class="nav-link active" href="index.html">Home</a>
<a class="nav-link dropdown-toggle mr-3" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Donate
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="provide.html">
Provide to the Needy
</a>
<a class="dropdown-item" href="feed.html">Feed the Stray</a>
<a class="dropdown-item" href="support.html">Support the Covid Warriors</a>
</div>
<a class="nav-link" href="about-us.html">About us</a>
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<h1><strong>Support the Covid Warriors!</strong></h1>
<p class="lead text-muted"> Health care workers and sanitation workers are working round the clock in order to
contain spread of the virus. Donate and help us provide better assistance to our warriors.</p>
</div>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<!-- #region 1 card-->
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img class="card-img-top mx-auto d-block" src="img/resized (1)/nyu.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">National Youth Union</h5>
<p class="card-text">We have been distributing ration, hygeine kits as well sanitary pads since day 1 of
the lockdown. We have a special campaign for stray animals called "The Paw Project" which is headed by
one of the founding members of our organization. We aren't as registered NPO yet but we've started the
process of registration.</p>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="http://impactguru.com/s/MWWmtx" class="btn btn-sm btn-outline-primary mr-4">Donate</a>
<small class="text-muted"></small>
<a href="https://www.instagram.com/nyuthinking"
class="stretched-link btn btn-sm btn-outline-dark ">Website</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- #region 2 card-->
<div class="card mb-4 shadow-sm">
<img src="img/resized (1)/seedslogo.png" class="card-img-top mx-auto d-block"
alt="Blue Cross of Hyderabad">
<div class="card-body">
<h5 class="card-title">SEEDS</h5>
<p class="card-text">The NPO is reaching out to vulnerable communities in the
states of Bihar, Delhi, Karnataka, Kerala, Maharashtra, Odisha and Uttarakhand. Besides supporting the
elderly and children, SEEDS is taking some burden off frontline health workers
by supplementing public health systems, supplying hygiene kits and assisting in setting up temporary
quarantine facilities. </p>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="https://www.seedsindia.org/covid19/" class="btn btn-sm btn-outline-primary mr-4">Donate</a>
<small class="text-muted"></small>
<a href="https://www.seedsindia.org" class="btn btn-sm btn-outline-dark">Website</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- #region 3 card-->
<div class="card mb-4 shadow-sm">
<img src="img/resized (1)/give.png" class="card-img-top mx-auto d-block" alt="We Exist Foundation">
<div class="card-body">
<h5 class="card-title">Give India</h5>
<p class="card-text">Give India is a non profit organisation in India. It is an online donation platform
and aims to channel and provide resources to credible non-governmental organisations across India.
they are raising funds for two COVID19 programmes at the moments:
Donation for food parcels for daily wage earners
Hygiene kits for those in high risk areas</p>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="https://indiafightscorona.giveindia.org"
class="btn btn-sm btn-outline-primary mr-4">Donate</a>
<small class="text-muted"></small>
<a href="https://indiafightscorona.giveindia.org" class="btn btn-sm btn-outline-dark">Website</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- #region 4 card-->
<div class="card mb-4 shadow-sm">
<img src="img/resized (1)/panchayat.jpg" class="card-img-top mx-auto d-block" alt="Kashtakari Panchayat">
<div class="card-body">
<h5 class="card-title">Kashtakari Panchayat</h5>
<p class="card-text">Among the frontlines of India’s battle against corona-virus are waste pickers.
Kashtakari Panchayat has organised a fundraiser to
support nearly 7,000 workers in Pune and the neighbouring Pimpri-Chinchwad. The funds will be used to
provide safety kits(gloves, masks, soaps and sanitizers) and a month’s supply of
essentials. </p>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="http://kashtakaripanchayat.org" class="btn btn-sm btn-outline-primary mr-4">Donate</a>
<small class="text-muted"></small>
<a href="http://kashtakaripanchayat.org/home/" class="btn btn-sm btn-outline-dark">Website</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- #region fifth card-->
<div class="card mb-4 shadow-sm">
<img src="img/resized (1)/acid.jpg" class="card-img-top mx-auto d-block" alt="People for Animals">
<div class="card-body">
<h5 class="card-title">Acid Survivors & Women Welfare </h5>
<p class="card-text"> The 'Feeding Chennai' project aims to provide
essential supplies and relief material such as Hygiene Kits and Food Packages to daily wage workers
and low-income group. Through this project, we aim to reach out and positively affect the lives of
over 10,000 families living in the slums opposite Chennai Central and in other prominent areas. </p>
</div>
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="https://milaap.org/fundraisers/support-low-income-communities"
class="btn btn-sm btn-outline-primary mr-4">Donate</a>
<small class="text-muted"></small>
<a href="http://aswwf.org" class="btn btn-sm btn-outline-dark">Website</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-info text-white">
<div class="container">
<h5 class="text-center text-white">Want to see your organisation listed above?</h5>
<div class="text-center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSf1MF6OrJC_uONoTPPjP4f-dXSVd_gd_mbxyziaRT6BiOnUIg/viewform?usp=sf_link"
class="btn btn-primary my-2">Fill the Form</a>
</div>
<a href=" https://docs.google.com/forms/d/e/1FAIpQLSez_PWhpEwrIT3nPxFuIzoqMnUDAVJVkMPNAM66-hP33zJi8w/viewform?usp=sf_link"
class="btn btn-warning float-right">Report An Issue</a>
</div>
</footer>
<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="/docs/4.5/assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="/docs/4.5/dist/js/bootstrap.bundle.min.js"
integrity="sha384-1CmrxMRARb6aLqgBO7yyAxTOQE2AKb9GfXnEo760AUcUmFx3ibVJJAzGytlQcNXd"
crossorigin="anonymous"></script>
<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>
</body>
</html>