-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
294 lines (285 loc) · 15.1 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
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
282
283
284
285
286
287
288
289
290
291
292
293
294
<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>DCS</title>
<meta name="description" content="">
<meta name="author" content="WebThemez">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<link rel="stylesheet" href="css/styles.css"/>
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#home" class="navbar-brand scroll-top logo"><img src="images/logo.png" alt="DCS" /></a>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#services" class="scroll-link">E-SIA</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="gallery.html" class="scroll-link">Gallery</a></li>
<li><a href="contact.html" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home" class="page-section">
<div class="banner-container">
<br><br>
<div class="container banner-content">
<!--h1>Responsive Page Scrolling<br/><span>with Bootstrap</span></h1>
<p class="lead">Use the navigation above to scroll to different page sections.</p>
<p><a href="#about" class="button-outline"> More.. </a></p>-->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>COLLEGE</h2>
<p>SAFI INSTITUTE OF ADVANCED STUDIES VAZHAYOOR</p>
<div class="da-img"></div>
</div>
<div class="da-slide">
<h2>ESTABLISHED</h2>
<p>2005</p>
<div class="da-img"></div>
</div>
<div class="da-slide">
<h2>COURSES</h2>
<p>UG & PG</p>
<div class="da-img"></div>
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
</div>
</div>
<!--/.container-->
</section>
<!--/.container-->
</section>
<section id="aboutUs" class="page-section pDark pdingBtm30">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>About Us</h2>
<p>Department of Computer Science and Application was established with the objective of imparting quality education in the field of Computer Science. The Department offers two undergraduate programmes viz. BCA and B. Sc Computer Science which commenced in the year 2010 and 2013 respectively.<br><br>
To broaden the knowledge of the students in the emerging technologies, the department frequently conducts seminars and invited talks with the support of experienced resource persons from the industry. Project work is a part of the curriculum. The department has to keep abreast of the new technologies and applications and keep the students updated. The department is well equipped.</p>
</div>
<div class="heading text-center">
<!-- Heading -->
<iframe width="100%" height="315" src="https://www.youtube.com/embed/G5ziD6v0ZuU?autoplay=1&mute=1" title="YouTube video player" allowfullscreen></iframe>
</div>
</div>
<!--/.container-->
</section>
<section id="services" class="page-section darkBg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading text-center">
<!-- Heading -->
<h2><a href="https://play.google.com/store/apps/details?id=com.esia.app">E-SIA</a></h2>
<p>The Esia Study application developed by the students of Safi Institute of Advanced Study, which provide an easier way of education for both students and teachers.
The app consist of many features that provide a better platform for learning and teaching.
Esia Study application is developed in a way to improve the method of learning.
The application is loaded with many features which provide a great way to learn and teach.
As the application has a lots of features which will help the students and teachers to get the required materials for the education purpose.
The features include:</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Syllabus</h3>
<p>The application provides the most updated syllabus that are able to view and download by the students and teachers .The app produce the most recent syllabus of both under graduate and post graduate provided by the university. The students are able to view and download
It by selecting the specified departments and semester, the syllabus is available in both descriptive and pdf formats.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Previous question papers</h3>
<p>The previous year’s question papers are one of the most important
part in the mode of education. Esia Study app provides many previous
year’s question papers which the students can access by selecting
their departments and year, the application allows them to both view and download it.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Sias classroom</h3>
<p>The online class room is a great platform for learning purpose. Both the students and teachers have access to it,
where the teachers and students has to login to enter to it. In this platform the teachers are able to share any
type of study materials including audio, video, pdf, ppt etc. by sharing them on the platform.</p>
</div>
</div>
</div><!--/.col-md-4-->
</div><!--/.row-->
<div class="gap"></div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Sias Publications</h3>
<p>The college publication includes the releasing of college magazines and other projects of college. The notifications
are available here to get the updates of upcoming events that are going to take place in the college. So the user
can view the notifications and details from it. This platform act as as a college bulletin where we could find relevant
information of the activities that take place in the college.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Magazine</h3>
<p>In this platform we are able to view the magazines released by the college. Any user is able to read and view it.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-cloud color fa-5x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Timetable</h3>
<p>The Esia Study application provide the day-by-day time table of all the departments in the college including both
undergraduate and post graduate courses. In the time table we are able to access the subjects and teachers of the
particular departments. And also the ongoing class.</p>
</div>
</div>
</div><!--/.col-md-4-->
</div><!--/.row-->
</div><!--/.container-->
</section>
<section id="team" class="page-section team-member">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>Meet The Team</h2>
</div>
<!-- Team Member's Details -->
<div id="meet-the-team" class="row">
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/abdusamad.jpg" alt=""></p>
<h5>Mr.Abdul Samad.C<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/mansoor.jpg" alt=""></p>
<h5>Mr.Mansoor Ali N<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/arshad.jpg" alt=""></p>
<h5>Mr.Arshad P.T<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/manjd.jpg" alt=""></p>
<h5>Ms.Manju S.Thomas<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/haneesh.jpg" alt=""></p>
<h5>Mr.Haneesh K.P<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/divya.jpg" alt=""></p>
<h5>Ms.Divya M.C<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center text-center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/alka.jpg" alt=""></p>
<h5>Ms.Alkka Mohan V<small class="designation muted">Assistent Professor</small></h5>
</div>
</div>
</div>
</div>
</section>
<!--/.page-section-->
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="socialIcons">
<li><a href="https://www.facebook.com/siasindia.org/" class="fbIcon" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a></li>
<li><a href="https://twitter.com/SafiInstitute" class="twitterIcon" target="_blank"><i class="fa fa-twitter-square fa-lg"></i></a></li>
</ul> <div class="pull-right webThemez">Created by<a href="https://github.com/neewtn/WD"> Team 4</a> </div>
</div>
</div> <!-- / .row -->
</div>
</section>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.cslider.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>