-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (152 loc) · 5.23 KB
/
index.html
File metadata and controls
179 lines (152 loc) · 5.23 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Social Reform Cell::NITD</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="stylesheets/fonts.css">
<link rel="stylesheet" href="stylesheets/reset.css">
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<!--Home Banner-->
<section class="mist-bg full-page">
<img class="mist mist-left" src="assets/images/mist-min.png">
<img class="mist" src="assets/images/mist.png">
</section>
<section class="row v-center-wrap h-center-wrap full-page">
<section class="v-center-box">
<h1><small>NITD</small><br>Social Reform Cell</h1>
</section>
</section>
<!--Grid-->
<section class="clearfix">
<section class="col col-height col-1-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>Established 2014</p>
</div>
</section>
<a href="events/tree-plantation.html">
<section class="tree-plantation bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Tree Plantation Drive</h4>
</div>
</section>
</a>
<a href="events/greening-the-blue.html">
<section class="greening-blue bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Greening the Blue</h4>
</div>
</section>
</a>
<section class="col col-height col-1-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>
We strive to improve the conditions of residents of nearby villages.
</p>
</div>
</section>
<a href="events/blood-donation.html">
<section class="blood-donation bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Voluntary Blood Donation</h4>
</div>
</section>
</a>
<section class="col col-height col-1-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>
The club has adopted four villages, including Bakoli and Bankner.
</p>
</div>
</section>
<section class="col col-height col-1-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>
We send volunteers to our adopted villages for free tuitions and for donating books and clothes.
</p>
</div>
</section>
<a href="events/swacch-bharat.html">
<section class="swachh-bharat bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Swacch Bharat Abhiyan</h4>
</div>
</section>
</a>
<section class="col col-height col-2-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>
To work toward the betterment of the environment, we organised
a green fest 'Green the Blue' which included a tree plantation
drive, to create awareness regarding environmental issues and
stress the importance of saving trees.
</p>
</div>
</section>
<a href="events/rural-teaching.html">
<section class="rural-teaching bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Rural Teaching Programme</h4>
</div>
</section>
</a>
<section class="unnat-bharat bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Unnat Bharat Abhiyaan</h4>
</div>
</section>
<section class="rashtriya-avishkar bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Rashtriya Avishkar Abhiyaan</h4>
</div>
</section>
<a href="events/others.html">
<section class="others bg col col-height col-1-4 v-center-wrap h-center-wrap cell">
<div class="v-center-box">
<h4>Others</h4>
</div>
</section>
</a>
<section class="col col-height col-2-4 col-shadow v-center-wrap h-center-wrap black-bg cell">
<div class="v-center-box">
<p>
We organised a blood donation camp, in which we collected 110
units of blood.
</p>
</div>
</section>
<section class="col col-height col-1-4 v-center-wrap h-center-wrap gray-bg cell">
<div class="v-center-box">
<h4>Join Us</h4>
</div>
</section>
<section class="col col-height col-1-4 v-center-wrap h-center-wrap gray-bg cell">
<div class="v-center-box">
<p>Volunteer</p>
</div>
</section>
<section class="col col-height col-1-4 v-center-wrap h-center-wrap gray-bg cell">
<div class="v-center-box">
<p>Donate</p>
</div>
</section>
<section class="col col-height col-1-4 v-center-wrap h-center-wrap gray-bg cell">
<div class="v-center-box">
<p>NGO Support</p>
</div>
</section>
</section>
<section class="cell h-center-wrap col-shadow black-bg">
<h4>Reach Us</h4>
</section>
<section class="map" id="map">
</section>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/jquery.lazyload.js"></script>
<script src="javascripts/main.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAEGq1hndBy1-c1KmW8Gs8KrDA3YK78acU&callback=initMap"><script>
</script>
</body>
</html>