forked from ajitzero/vivaann
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (159 loc) · 11.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Vivaann Welfare Association</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Vivaann <span class="d-none d-sm-inline">Welfare Association</span></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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">
<li class="nav-item active"><a class="nav-link" aria-current="page" href="#"><i class="fa fa-home"></i> Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about"><i class="fa fa-info"></i> About</a></li>
<li class="nav-item"><a class="nav-link" href="#campaign"><i class="fa fa-atom"></i> Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="team.html"><i class="fa fa-address-card"></i> Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="#Contact"><i class="fa fa-phone"></i> Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="parallax"></div>
<div class="aboutus" id="about">
<div class="container">
<h1 class="text-center"><b>About Us</b></h1>
<hr>
<p style="font-size: 17px;" >
<img src="img/vivaannlogo.png" style="float: left; width: 100%; max-width: 500px; margin: 0 2rem 1rem 0;" alt="Vivaann">
Vivaann is an student run NGO working primarily in the education field, striving to provide better education for the unprivileged. Vivaann is our attempt to join hands and extend support to the society. This small and humble group of ours is devoted to giving back what the society has given to us. We visualise a mammoth change in the world that we live in. A world where people care and love. A world where each one of us completes each other. Vivaann was founded by a group of college students with a common goal to make a difference. “Vivaann” is the first ray of sunlight that breaks through the darkness into light and that is exactly what our motive is. One notable trend affecting world wide communities is the plight of orphaned and vulnerable children who deserve the attention, love and support of the society. Presently we are helping the orphans of "CHILDREN'S VILLAGE" in their moral and social upliftment.We are trying to evolve and promote skills, creativity and confidence among those children. We not only love to be the cause of smiles on those children’s faces but are also venturing into the slums to help them and make them independent enough so that they can support themselves.
<br><br>
Our other plans are women empowerment and providing healthcare to the needy. We hope you find our cause noble enough and support us to make the difference that we all wish to see. So, we call upon the people who want to join hands with us and make a difference in the society. You can either join as a member or volunteer in our causes or you can provide the needy with all the monetary help possible. You can donate or provide your service to the poor and deprived.
</div>
</div>
<div class="campaigns" id="campaign">
<div class="container">
<h1 class="text-center"><b>Our Campaigns</b></h1>
<hr>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<br><br>
<h2>Pragati</h2>
<br>
<p style="font-size: 18px;">Pragati is an event conducted in various schools. The process of teaching and learning is continuous and with no boundaries. And the same is taught to children in various interactive sessions where they are motivated to ask, helped to understand amd inspired to grow. We tried to reduce the mosquitoes problem by arranging mosquito net to windows and taught some academic topics using YouTube videos, which actually helped a lot for them to understand easily. The best of part at the end of every pragati session is, we play, dance and review the topics we discussed.</p>
<p><a href="https://www.facebook.com/vivaannwelfareassociation/photos/a.1931317476931111/1931316533597872/" class="links" target="_blank">Know More</a></p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 text-center">
<img src="img/pragati.jpg" alt="Pragati">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 text-center">
<img src="img/siksha.jpg" alt="Siksha">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<br><br>
<h2>Siksha</h2>
<br>
<p style="font-size: 18px;">Shiksha is an initiative of Vivaann Welfare Association. Under this initiative members and volunteers of Vivaann collect waste paper from door to door and then sell them to recycling companies, the proceeds are then used for providing better education to unprivileged kids and support orphanages. During the first phase, we only collected 489 kilos of paper inside campus and we thought of re-conducting siksha event in the month of December. We collected 3445 kilos of paper along with cardboard material. We used this fund for helping a single mother's son, who wants to study and support his mom financially.</p>
<p><a href="https://www.facebook.com/vivaannwelfareassociation/photos/a.1931317476931111/1931317300264462/" class="links" target="_blank">Know More</a></p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<br><br>
<h2>Annapurna and Vastradaan</h2>
<br>
<p style="font-size: 18px;">Realising that about 700 million of the world population go to bed with an empty stomach each night, we started a campaign, Annapurna. It includes the collection of pulses and grains for the needy. Helping people protect themselves against the harsh weather conditions, Vastradaan is an event focusing on collection of clothes for those in need. We collected a handful of rice from houses of East Point Colony, MVP Colony and a few societies near R.K Beach. The collected rice was then distributed to the needy across Vizag.</p>
<p><a href="https://www.facebook.com/vivaannwelfareassociation/photos/a.1931317476931111/1931316446931214/" class="links" target="_blank">Know More</a></p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 text-center">
<img src="img/av.jpg" alt="Annapurna and Vastradaan">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 text-center">
<img src="img/tripti.jpg" alt="Tripti">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<br><br>
<h2>Tripti</h2>
<br>
<p style="font-size: 18px;">This is the event where every member gets emotionally attached to the kids of sunflower special school. We played carroms, danced together. We offered them biscuits, chocolates and food for the day. We believe that every member should be part of this event at least once in his Vivaann period.</p>
<p><a href="https://www.facebook.com/vivaannwelfareassociation/photos/a.1931317476931111/1931316726931186/" class="links" target="_blank">Know More</a></p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<br><br>
<h2>Chitrakala</h2>
<br>
<p style="font-size: 18px;">Chitrakala, an art competition which helps kids unleash the artist within.</p>
<p><a href="https://www.facebook.com/vivaannwelfareassociation/photos/a.1931317476931111/1931317070264485/" class="links" target="_blank">Know More</a></p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 text-center">
<img src="img/chitrakala.jpg" alt="Chitrakala">
</div>
</div>
</div>
</div>
<div class="contactus" id="Contact">
<div class="container">
<h1 class="text-center"><b>Contact Us</b></h1>
<hr>
</div>
<div class="container">
<div class="row">
<div class="row-content col-lg-4">
<div class="d-flex flex-column justify-content-center align-items-center text-center" style="height: 325px;"><img src="img/donation.png" alt="Donations"></div>
<h3 class="text-center pt-4"><b>Make A Donation</b></h3>
<p class="text-center">Your contribution matters just like every drop fills an ocean. It will help us reach out to more people and make their day.</p>
<p class="text-center"><a href="#" class="links" onclick="alertfunction()">Donate</a></p>
</div>
<div class="row-content col-lg-4">
<div class="d-flex flex-column justify-content-center align-items-center text-center" style="height: 325px;"><img src="img/volunteer.png" alt="Volunteer"></div>
<h3 class="text-center pt-4"><b>Volunteer</b></h3>
<p class="text-center">They say that there’s nothing more precious than time that you can give. So if you like, do spare some time from your busy schedule and join our family</p>
<p class="text-center"><a href="#" class="links" onclick="alertfunction()">Join Us</a></p>
</div>
<div class="row-content col-lg-4">
<div class="d-flex flex-column justify-content-center align-items-center text-center" style="height: 325px;"><img src="img/connect.png" alt="Connect with us"></div>
<h3 class="text-center pt-4"><b>Connect with us</b></h3>
<p class="text-center">
Like us on Facebook, follow us on Instagram and do subscribe us on YouTube.
<br><br>
<a href="https://www.instagram.com/vivaannwelfare/" target="_blank"><i class="fa fa-instagram" style="font-size: 30px;"></i></a>
<a href="https://www.youtube.com/channel/UCe5LcTDnhIHbHI7buIVSBmQ" target="_blank"><i class="fa fa-youtube"style="font-size: 30px;"></i></a>
<a href="https://www.facebook.com/vivaannwelfareassociation/" target="_blank"><i class="fa fa-facebook" style="font-size: 30px;"></i></a>
</p>
</div>
</div>
</div>
</div>
<footer class="container-fluid p-5" style="font-family: sans-serif;">
<div class="row">
<div class="col-sm-8">
<span>© 2021 Vivaann Welfare Association, All Rights Reserved</span>
</div>
<div class="col-sm-4 text-md-end">
<span>Designed by <a href="https://www.linkedin.com/in/abhirajsinghchauhan/" target="_blank" id="asc">Abhiraj Singh Chauhan</a></span>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
<script type="text/javascript">
function alertfunction() {
alert("Thank you for your interest. The link will be provided soon as this site is under active development!");
}
</script>
</body>
</html>