-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (112 loc) · 5.73 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Serve Humanity</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Murecho:wght@300&display=swap"
rel="stylesheet">
</head>
<body>
<!-- Navigation-Bar -->
<section class="navbar" id="navbar">
<nav>
<a href="index.html"><img src="images/img6.jpg" class="logo"></a>
<div class="navlinks">
<ul>
<li><a href="#navbar">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</nav>
<h3>The Specially Abled Welfare Fund</h3>
<h5>Help Them . . .</h5>
</section>
<hr>
<!-- Main-Content and About -->
<section class="main">
<div class="main-images">
<button type="submit" class="donate-btns"><a href="#donate">Eduacte them . . .</a></button>
<img src="images/img8.jpg">
<p>Disabled persons have the right to education, vocational training and rehabilitation which will enable
them to develop their capabilities and skills to the maximum and will hasten the process of their social
integration or reintegration.</p>
</div>
<div class="main-images">
<button type="submit" class="donate-btns"><a href="#donate">Secure them socially. . .</a></button>
<img src="images/img10.jpg">
<p>Unemployment allowance to the people with disabilities who are registered with the special employment
exchange for more than a year and could not find any gainful occupation.
</p>
</div>
<div class="main-images">
<button type="submit" class="donate-btns"><a href="#donate">Lift them up . . .</a></button>
<img src="images/img7.jpg">
<p>Lift up specially abled person by all means. Donate for them so that they can get good meal, good
clothes, good education and many more things we have but they don't have.</p>
</div>
</section>
<hr>
<!-- Donate line and Donate button -->
<div class="donate-lines" id="donate">
<a href="https://rzp.io/l/AhC2Ybq45" class="donate-btn">Donate Now</a>
</div>
<hr>
<!-- About -->
<section class="about" id="about">
<div class="about-box about-box1">
<p>Smiling face always looks good. Your little contribution will spread smiles on specially abled children's
and person's faces. They will get all those things that they have rights after your one step. So many
children can't listen clearly like us, can't speak fluently like us, can't run fast like us and can't do
many more such activities like us. So please think once about it and come ahead for charity and
humanity.</p>
<img src="images/img2.jpg">
</div>
<div class="about-box about-box2">
<img src="images/img4.jpg">
<p>When we interact with a physically challenged person, it does not mean that, he is also suffering from
visual or hearing impairment. This thought process often stops us from interacting and communicating
with such people. These disability barriers need to be torn down, which is only possible for more
awareness. This awareness may come only when we help those people with disabilities. </p>
</div>
<div class="about-box about-box3">
<p>Depression is the biggest dilemma people with disabilities face. Spend time with disabled people
regularly and make them feel valued. They are humans, too, and they will feel better if they are not
treated differently. You can hang out with them, shop with them, or watch a movie with them. While it
takes more to support people with disabilities and sensory impairments, being around is a good start.
</p>
<img src="images/img9.jpg">
</div>
</section>
<hr>
<!-- Contact -->
<section class="contact-box" id="contact">
<p>CONTACT ME</p>
<div class="contact-info">
<p>This website is made by <a href="https://www.linkedin.com/in/pranjal-barnwal-552bb4221"
target="_blank">Pranjal Barnwal</a>, as a part of Internship Project given by : </p>
<div class="sparks-foundation">
<a href="https://www.thesparksfoundationsingapore.org/" target="_blank">The Sparks Foundation</a>
</div>
<div class="social-links">
<h3>Contact References</h3>
<div class="links">
<a href="https://www.linkedin.com/in/pranjal-barnwal-552bb4221" target="_blank">LinkedIn</a>
<a href="https://mail.google.com/mail/u/0/#inbox" target="_blank">Gmail</a>
<a href="https://github.com/Pranjal563" target="_blank">Github</a>
<span>+91-6387319331</span>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section class="footer">
<p>Copyright © 2022 All Rights Reserved<a href="#navbar">Go To Top</a></p>
</section>
</body>
</html>