-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (96 loc) · 4.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<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>About Us</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
<body>
<!-- Add Navbar Here !! -->
<div class="heading" data-aos="fade-down">
<h1 >About Us</h1>
<p>
Helping Hands are better than Praying lips...Helping Hands society has flourished since 2009 by helping many necessitous people with the support of students and faculty .Helping Hands is a student welfare committee in RGUKT-Nuzvid,a A.P state government university which provide financial support for medical needs and surgeries to the needy people.
</p>
</div>
<div class="container" data-aos="zoom-in">
<section class="about">
<div class="about-image">
<img src="wal.jpg" alt="">
</div>
<div class="about-content">
<h2>Helping Hands</h2>
<p>
Helping Hands follows specific strategy by electing Helping Hands Representatives(HR's),Executive Committee members of their respective branch.A total of 250 active volunteers are responsible for proper functioning of daily affairs.Every volunteer of HH organisation plays an eminent role in extending our services to the impoverished ones.The main Fund raising source is collecting money from students atleast 1 rupee from each student.
</p>
<a href="" class="read-more">Read More</a>
</div>
</section>
</div>
<br>
<hr>
<figure class="text-center" style="margin-top: 50px;">
<blockquote class="blockquote">
<p>Helping Hands organization is categorised into four departments.</p>
</blockquote>
<figcaption class="blockquote-footer">
HH RGUKT Nuzvid
</figcaption>
</figure>
<div class="row" style="width:90%;margin:50px auto 25px;">
<div class="col-sm-6 mb-3 mb-sm-0" data-aos="fade-right">
<div class="card">
<div class="card-body">
<h5 class="card-title" ><b>Internal care Department</b></h5>
<p class="card-text">It meets daily needs of people including travelling expenses and providing washing machies to physically disabled people.</p>
<a href="#" class="btn" style="background-color: red;color:white;">Go somewhere</a>
</div>
</div>
</div>
<div class="col-sm-6" data-aos="fade-left" >
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Health Care Department</b></h5>
<p class="card-text">It is the main focussed department which saves many lives in and out of campus,It provides medical camps and distribute free medicines for people.</p>
<a href="#" class="btn" style="background-color: red;color:white;">Go somewhere</a>
</div>
</div>
</div>
</div>
<div class="row" style="width:90%;margin:10px auto 25px;">
<div class="col-sm-6 mb-3 mb-sm-0" data-aos="fade-right" >
<div class="card">
<div class="card-body">
<h5 class="card-title"> <b> Public Relation Department</b></h5>
<p class="card-text">It focuses on raising outside funding and conducting community-level service activities.</p>
<a href="#" class="btn" style="background-color: red;color:white;">Go somewhere</a>
</div>
</div>
</div>
<div class="col-sm-6" data-aos="fade-left">
<div class="card">
<div class="card-body">
<h5 class="card-title"><b> Finance Department</b></h5>
<p class="card-text">It provides complete accurate information about how funds are raised and utilized to help needy.</p>
<a href="#" class="btn" style="background-color: red;color:white;">Go somewhere</a>
</div>
</div>
</div>
</div>
<div style="height: 150px;">
</div>
<!-- Add Footer here !! -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init({
offset: 300,
duration: 800
});
</script>
</body>
</html>