-
Notifications
You must be signed in to change notification settings - Fork 8
/
adhyayan.html
281 lines (253 loc) · 15.7 KB
/
adhyayan.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Adhyayan</title>
<!-- core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/icomoon.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/pricing.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta name="google-site-verification" content="_gyiigXcvkgghx9PqO-7J7m6IGkh3v8yhU7kaIIIna0" />
<meta name="msvalidate.01" content="1E858DE352998C73F3BA7E5D241A9D8E" />
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/mainNSS/logo.ico">
<link rel="apple-touch-icon-precomposed" href="images/mainNSS/logo.jpeg">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<meta name="google-site-verification" content="5jeUjq5UnPfqIsVV7KlXIlMmCH6EgLDvLI4C-aCcGpM" />
<!-- <link
href="https://fonts.googleapis.com/css?family=Handlee&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Pacifico&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Pacifico|Source+Code+Pro&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap"
rel="stylesheet"
/>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous"
/> -->
<link rel="stylesheet" href="./css/adhyayan3.css" />
</head>
<!--/head-->
<body class="homepage">
<header id="header" class="sticky">
<nav class="navbar navbar-inverse" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/mainNSS/nssweb.png" alt="logo" style="width: 150px; height: auto"></a>
</div>
<div class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Get Involved<i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="./mag.html">Magazine 2k18-19</a></li>
<li><a href="https://docs.google.com/document/d/1EgpxEHza7NJGcw6CV3m7fv25ZJsbJpALqj1VH3ZOTl8/edit" target="_blank">Rules & Policies</a></li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Units <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu active">
<li class="active"><a href="adhyayan.html">Adhyayan</a></li>
<li><a href="cells/cells.html?cell=technical">Technical Skills</a></li>
<li><a href="cells/cells.html?cell=rural">Rural Development</a></li>
<li><a href="cells/cells.html?cell=chetna">Chetna</a></li>
<li><a href="cells/cells.html?cell=teaching">Teaching</a></li>
<li><a href="cells/cells.html?cell=environment">Environmental</a></li>
<li><a href="prayatna/prayatna.html">Prayatna</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="portfolio.html">Gallery</a></li>
<li><a href="think_thank.html">Think-Thank</a></li>
<li><a href="./profile/login.php">Check-Hours</a></li>
<li><a href="./blood_request.php">Blood Request</a></li>
<li><a href="./help.html">Help!</a></li>
</ul>
</div>
</div>
<!--/.container-->
</nav>
<!--/nav-->
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</header>
<!--/header-->
<div class="container-fluid">
<div class="container-fluid">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
<li data-target="#myCarousel" data-slide-to="6"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/tech/nss1.jpeg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss2.jpeg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss4.jpeg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss5.jpg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss6.jpg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss7.jpg" style="width:100%;">
</div>
<div class="item">
<img src="images/tech/nss8.jpg" style="width:100%;">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="all">
<a name="abt"></a>
<div data-aos="fade-left" class="seconddiv" style="height:100% ;background-color: coral;box-shadow:10px 10px 10px;">
<p style="padding:20px;padding-left:35vw;font-size:50px;color:white;font-family: 'Pacifico', cursive;">
About Us
<div style="width:5vw;margin:-30px auto;background-color:white;height:0.5vh;" size="5"></div>
</p>
<p class="abtcon" style="padding: 50px 60px;text-align:center;font-size:20px;color:white;word-spacing: 5px;letter-spacing: 2px;">
A true guiding light is what shows up the path towards a better future of a child. The NSS Adhyayan works on the same lines with a motive to teach the young students of Amhara and make them aware about the various career opportunities they have. At
adhyayan we teach the underprivileged children basics of computer that are required in everyday life.Practicals of computer are given to students, so that they can apply what they have learned.Learning computer gives them practical
knowlege and a lot more.<br>They are also taught how to communicate in English which in today's scenario is an important tool to develop and explore yourself.<br>Exams are conducted regulary to check how much the
students have learn. In addition to this parent teacher meetings are conducted on session basis which helps the parents analyse their child's performance.This in helps them for a depth knowlege of education and its importance which
is a must for the future development.
</p>
</div>
<a name="our"></a>
<div data-aos="fade-right" class="ourbox" style="height:100%; box-shadow:10px 10px 10px;background-color:blanchedalmond;">
<p style="padding:20px;padding-left:33vw;font-size:50px;color:white;font-family: 'Pacifico', cursive;">
Our Motive
<div style="width:5vw;margin:-30px auto;background-color:white;height:0.5vh;"></div>
</p>
<div data-aos="fade-left" class="quote" style="padding:50px;">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="box">
<div class="box box1">
<p class="quoteabt" style="font-size:20px; letter-spacing: 2px; word-spacing:3px;padding:10px;">
We give Navodaya Coaching to the students of the village.We want them to become educated enough to read, write and speak with full confidence in their eyes.</p>
<h2 style="padding-left:20px;text-align: right;padding-right:40px;">Educational Training</h2>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="box">
<div class="box box2">
<p class="quoteabt" style="font-size:20px; letter-spacing: 2px; word-spacing:3px;padding:10px;">
Regular exams are conducted to check the proficiency of the students. They put a check on their daily performance which is nourished by their results.</p>
<h2 style="padding-left:20px;text-align: right;padding-right:40px;">Exams</h2>
</div>
<div class="bg" id="bg2"></div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="box">
<div class="box box3">
<p class="quoteabt" style="font-size:20px; letter-spacing: 2px; word-spacing:3px;padding:10px;">
Parents teacher interaction are held to inform the parents about the progress of the students. It is neccessary to boost their entusiasm adn gives them confidence.</p>
<h2 style="padding-left:20px;text-align: right;padding-right:40px;">Parents Teacher Meeting</h2>
</div>
<div class="bg"></div>
</div>
</div>
</div>
</div>
</div>
<a name="studyhours"></a>
<div data-aos="fade-right" class="study" style="height:100%;margin:50px 30px;box-shadow:10px 10px 10px;background-color: coral;">
<p style="padding:20px;padding-left:34vw;font-size:50px;color:white;font-family: 'Pacifico', cursive;">
Study Hours
<div style="width:5vw;margin:-30px auto;background-color:white;height:0.5vh;" size="5"></div>
</p>
<p class="stucon" style="padding:50px;text-align:centre;color:white;font-size:20px;word-spacing: 5px;letter-spacing: 2px;">
The Adhyayan Unit volunteers conduct classes in Amhara high school , Amhara, for 4 days in a week. All the subjects included in JNVST are covered during the classes in a systematic manner. Tests based on all the subjects taught in the class are conducted
once in a week. These tests are checked by the team volunteers and accordingly marks are given to the students. This helps the students to keep up with topics covered in the class and also study them regularly.The children are taught
according to a prescribed syllabus. The Adhyayan Unit is aiming to increase the range of the exams for which they are preparing the children. This will include covering more subjects and efforts for the all-round development of the
children.
</p>
</div>
<a name="gal"></a>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14399.37835508978!2d84.8434447170254!3d25.54355318850096!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398d567a193702ff%3A0xc9c527c7faec3056!2sIIT+Patna+Administration+Block!5e0!3m2!1sen!2sin!4v1539177184721"
width="100%" height="400px" frameborder="0" style="border:0" allowfullscreen></iframe>
<iframe src="footer.html" frameborder="0" style="width: 100%; height:32vh"></iframe>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/main.js"></script>
<!-- Defining function for fixed header -->
<script>
window.onscroll = function() {
myFunction()
};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</body>
</html>