-
Notifications
You must be signed in to change notification settings - Fork 0
/
gotBackground.html
480 lines (292 loc) · 20.7 KB
/
gotBackground.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
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donation Hub</title>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="s.css">
</head>
<body>
<section class="First">
<div class="bg-image">
<button class="scroll"><a href="#container">Scroll down</a></button>
<!---<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div>
<div class="img4"></div>
<div class="img5"></div>
<div class="img6"></div>--->
<div class="bg-text">
<h1>Got</h1>
<p><i>give or take</i></p>
</div>
</div>
</section>
<section class="two">
<div class="formBox">
<p id=bePart>
Be a part.</p>
<div class="buttonBox">
<div id="btn"></div>
<button type="button" class="toggle-btn" onclick="login()">Login</button>
<button type="button" class="toggle-btn" onclick="register()">Register</button>
</div>
<form id='login' class='input-group-login'>
<input type='text' class='input-field' placeholder='Email Id' required>
<input type='password' class='input-field' placeholder='Enter Password' required>
<input type="checkbox" class="check-box"><span>Remember you</span>
<button type="submit" class="submit-btn">Submit</button>
</form>
<form id='register' class='input-group-register'>
<input type="text" class="input-field" placeholder="First Name" required>
<input type="text" class="input-field" placeholder="Last Name" required>
<input type="email" class="input-field" placeholder="Email Id" required>
<input type="password" class="input-field" placeholder="Confirm Password" required>
<input type='checkbox' class='check-box'><span>Ready to become a better Homo Sapien. </span>
<button type="submit" class="submit-btn">Register</button>
</form>
</div>
</section>
<section class="third">
<div class="thirdPage">
<p id="joyOfGiving">Joy of giving</p>
<div class="form2">
<div class="loc-logo"></div>
<form id="location" class="input-location">
<input type="text" class="input-field" placeholder="House number" required>
<input type="text" class="input-field" placeholder="Street" required>
<input type="text" class="input-field" placeholder="District" required>
<input type="text" class="input-field" placeholder="Pin code" required>
<input type="text" class="input-field" placeholder="State" required>
<input type='checkbox' class='check-box'><span>Ready to become a better Homo Sapien. </span>
<button type="submit" class="submit-btn">Go</button>
</form>
<div class="contact-logo"></div>
<form id="contact" class="input-contact">
<input type="number" class="input-field" placeholder="Phone" required>
<input type="email" class="input-field" placeholder="Email Id" required>
<input type="number" class="input-field" placeholder="Alternative Phone" required>
<p>Call between</p>
<select name="call between" size="2" multiple="multiple">
<option value="9am - 12am" selected="selected">9am - noon</option>
<option value="noon - 3 pm" selected="selected">noon - 3 pm</option>
<option value="4 pm - 7 pm" selected="selected">4 pm - 7 pm</option>
</select>
<button type="submit" class="submit-btn">Go</button>
</form>
</div>
</div>
</section>
<section class="fourth">
<div id=gallery>
<div class=slideImages>
<img src="images/donate-food-to-people-society-hands-poor-receive-food-hands-philanthropist-donate-food-to-people-198624087.jpg"
width="400" height="300">
<img src="images/Donation-PNG-Pic.png" width="420" height="320">
<img src="images/joel-muniz-3k3l2brxmwQ-unsplash.jpg" width="400" height="300">
<p><i>"No act of kindness, no matter how small, is ever wasted"</i></p>
</div>
<div class=slideImages>
<img src="images/Untitled3.jpg" width="400" height="300">
<img src="images/Untitled1.jpg" width="420" height="320">
<img src="images/Untitled.jpg" width="400" height="300">
<p><i>"One of the greatest things in life is seeing a smile on someone's face and knowing you put it
there."</i></p>
</div>
<div class=slideImages>
<img src="images/Untitled4.jpg" width="400" height="300">
<img src="images/WhatsApp Image 2021-10-03 at 8.31.22 PM.jpeg" width="420" height="320">
<img src="images/WhatsApp Image 2021-10-03 at 8.32.40 PM.jpeg" width="400" height="300">
<p><i>"Help other without any reason and give without any expectation of receiving anything in return."</i>
</p>
</div>
</div>
</div>
</section>
<!---<section class="fiveth">
<h1><i>#feedWorld</i></h1>
<div id=feedWorld>
<div class=slideImages2>
<img src="images/4 (1).jpg"
width="550" height="500">
<p><i>"Last night I had a small function to mark the hundredth annivarsry of my father. At the end of it I got to know
that we were left with a lot of food. So I invited people on GOT. Next morning we had school children on our door.
It was such an incredible feeling to witness those innocent kids eating so heartily and giggling so much."
<br><br> -Sagar
Vizag, India</i></p>
</div>
<div class=slideImages2>
<img src="images/2 (1).jpg" width="550" height="500">
<p><i>"Zareena has been attending the mosque to deliver her Jummah to Allah every friday since she was very young. After
that she used to prepare a lot of dishes to dine with her family. But often a lot of it was left unconsumed. She
offered these remainings on GOT. Now every friday dozens of underpreviliged kids gather on her house to relish
exotic dishes. Zarrena thinks by feeding these hungry kids she feels more closer to her beloved Allah.
"</i>
</p>
</div>
<div class=slideImages2>
<img src="images/5.jpg" width="550" height="500">
<p><i>"Hi! I am Shivam from Lucknow. Last day I turned eighteen. To celebrate this moment we cooked for almost hundred
people whom we expected to attend the ceremony.But unfortunately only half of them came due to ongoing pandemic.
So I offered the remaining food on GOT. Today morning I had a lot of children at my home. It was the most satisfying
feeling to feed them. Thank you GOT for making my eighteenth b'day so special."</i></p>
</div>
</div>
</div>
</section>
--->
<!---<section class="sixth">
<h1><i>#HealWorld</i></h1>
<div id=HealWorld>
<div class=slideImages3>
<img src="images/5.jpeg"
width="550" height="500">
<p><i>""Hi! I am Richa from Luckhnow.I run a medical dispensary over here. Owing to stocked drugs often we had to dump a lot
of the medicines that got expired before we could sell them. I felt so sorry about that but then GOT came. I started
giving all medicines that were nearing their expiry on GOT. Now the monetary loss I felt for those expired medicines
is overcompensated by the satifying feeling of helping others. This way my dispensary has also gain much popularity
and my business has quadrupled in couple of months. It's true what goes around comes around."
"</i></p>
</div>
<div class=slideImages3>
<img src="images/3.jpg" width="550" height="500">
<p><i>"This is Saina from Iraq with her three kids. Her youngest daughter Zainas couldn't walk till now due to a rare disorder
Cerebral Palsy. Though Saina had been trying all her life to get a walking stick for her daughter,she couldn't due to
worse conditions prevailing in Iraq. But now things are diiferent. An anonymous donor had send Zainas the eqipment that
not only enables her to walk but also play with her siblings.
"</i>
</p>
</div>
<div class=slideImages3>
<img src="images/4 (3).jpg" width="550" height="500">
<p><i>"Neita was underweight as infant. To survive she requires special tonics every month. Lately her family in Tamba was
feeling to afford these medicines. Then help arrived from unexpected way. Her freind told her about a medical
distributor
in nearby city who had offered same tonics on GOT as he was unable to sell them all before they expired due to reduction
in demand. You know now Neita has three months of supply of that tonic.
"</i>
</p>
</div>
</div>
</div>
</section>
--->
<!--- <section class="seventh">
<h1><i>#ClotheWorld</i></h1>
<div id=ClothWorld>
<div class=slideImages4>
<img src="images/2 (2).jpg" width="550" height="500">
<p><i>"Meet Rani, Rekha and Rimjhim from the town of Jhansi in Uttar Pradesh, India.
These siblings have already battled a lot of diversity at such a tender age. But
their happiness knew no bounds when they were offered beautiful attires by a girl
of their age named Reshami living in thier next street. "</i></p>
</div>
<div class=slideImages4>
<img src="images/4 (4).jpg" width="550" height="500">
<p><i>"With time we all grow and our most beautiful dresses turn small. And those
dresses are too dear to us to get rid off. So Shivani of Delhi decided to give
her favourite sweater to a poor kid in her colony. Though it may be too big for
now but later or sooner Shivani can see herself again as a kid in her favourite
sweater.
"</i>
</p>
</div>
<div class=slideImages4>
<img src="images/3 (1).jpg" width="550" height="500">
<p><i>"Every growing child wants to keep his dress as a souvenir. But Sonali thinks that
for these dresses far more worthier place is in some needy's hands not in the wardrobe.
So when she got to know about Kriti,a poor girl living in her neighbouring locality,
she gave all her non-fitting dresses to her."</i>
</p>
</div>
</div>
</div>
</section>--->
<!---<section class="eight">
<h1><i>#ReadWorld</i></h1>
<div id=ReadWorld>
<div class=slideImages5>
<img src="images/2 (4).jpg" width="550" height="500">
<p><i>"This is Jyoti from Jharkhand. She is ten years old and she dreams of becoming a teacher one day so that she can teach
the students of her village who don't have the privilege of attending the school. But before that she has to teach
herself and the problem is she can't afford books. But things have changed from last week. She has got few books from
GOT and now she is working hard to get her dreams come true. "</i></p>
</div>
<div class=slideImages5>
<img src="images/4 (5).jpg" width="550" height="500">
<p><i>"Meet Kritika from suburbs of Chennai. The closest school to her house is almost ten miles off. So to study she needed
internet access. Her family owned just one smartphone that was used by her father to conduct business. But one day
his father learned about GOT. He searched for a smartphone and to his luck he found one in the nearby city. Now Kritika
can study from her home."</i>
</p>
</div>
<div class=slideImages5>
<img src="images/3 (2).jpg" width="550" height="500">
<p><i>"Helen, Tom, Rohit and James are packing their old painting books for donation. Do you want one? You have to go to the
search box and type 'Helen and Company's old school'. After that if you need crayons we can help you with that too."</i>
</p>
</div>
</div>
</div>
</section>
--->
<!---<section class="nine">
<h1><i>#PlayWorld</i></h1>
<div id=PlayWorld>
<div class=slideImages6>
<img src="images/2 (5).jpg" width="550" height="500">
<p><i>"Meet Kranzu and her sister Zupa from Azerbaizan. Last week their father took him to Mrs.Frenick's house to get them
the biggest surprise of their life. Now Kranzu has an airplane to play with and wants to become an air hostess one day
while Zupa has a painting box and abacus to play with. "</i></p>
</div>
<div class=slideImages6>
<img src="images/4 (6).jpg" width="550" height="500">
<p><i>"If you are a kid reading this, hurry up! All what you see in the box of John and Patrick is out for donation. You
just have to go to the search box and type 'John's and Patrick's toys'. After you get them don't forget to thank them
and do post a picture of you with those toys to us so that we can share your joy. Good luck!"</i>
</p>
</div>
<div class=slideImages6>
<img src="images/1 (2).jpg" width="550" height="500">
<p><i>"Hello! I am Margreta from Oxfordshire, UK. I am eight years old and I always wanted to have the set of indoor
snowball target. But my parents postponed it to my next b'day. But then I saw this set available on GOT. Angelina,
who is eight years old and lives in next strret to me wanted to give some other kid her snowball target set
as she had got a new one, So I contacted her and now see I have one."</i>
</p>
</div>
</div>
</div>
</section>
--->
<!---<section class="ten">
<div id="feedworld2">
<img src="images/bgg2.jpeg" width="100%" height="100%">
<a class="one1" href="h2.html" >Join our GOT<br> #feedWorld <br> family.</a>
</div>
<div id="clotheWorld2">
<img src="images/bgg3.jpeg" width="100%" height="100%">
<a class="one1" href="h3.html" >Join our GOT<br> #ClotheWorld <br> family.</a>
</div>
<div id="readWorld2">
<img src="images/bgg4.jpeg" width="100%" height="100%">
<a class="one1" href="h4.html">Join our GOT<br> #ReadWorld <br> family.</a>
</div>
<div id="playWorld2">
<img src="images/bgg1.jpeg" width="100%" height="100%">
<a class="one1" href="h5.html">Join our GOT<br> #PlayWorld <br> family.</a>
</div>--->
<div id="teaminfo">
<img src="images/2021-10-28 (3).png" width="100%" height="100%">
<p1>OUR TEAM</p1>
<p2>Amartya</p2>
<p3>Ayush</p3>
<p4>Vishwa</p4>
<div class="team">
<img src="images/person-3160685_1920.png" width="320" height="320">
<img src="images/person-3160685_1920.png" width="320" height="320">
<img src="images/person-3160685_1920.png" width="320" height="320">
</div>
</div>
</section>
</body>
</html>