-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
190 lines (167 loc) · 8.82 KB
/
index.html
File metadata and controls
190 lines (167 loc) · 8.82 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
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>PRISM - PRogram to Initiate Student Mentoring, NITK Surathkal</title>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link rel="icon" href="favicon.png" type="image/x-icon">
<!-- Load Core Materialize CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=PT+Sans|Roboto' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113139994-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-113139994-2');
</script>
</head>
<body>
<header>
<div class="navbar-fixed">
<ul id="students" class="dropdown-content">
<li><a href="clubs.html">Clubs</a></li>
<li class="divider"></li>
<li><a href="councils.html">Councils</a></li>
<li class="divider"></li>
<li><a href="sports.html">Sports</a></li>
<li class="divider"></li>
<li><a href="fests_main.html">Fests</a></li>
</ul>
<ul id="information" class="dropdown-content">
<li><a href="department_index.html">Departments</a></li>
<li class="divider"></li>
<li><a href="facilities.html">Facilities</a></li>
<li class="divider"></li>
<li><a href="carry.html">What to Carry?</a></li>
<li class="divider"></li>
<li><a href="http://vtour.nitk.ac.in" target="_blank">Virtual Tour</a></li>
<li class="divider"></li>
<li><a href="map.html">Map</a></li>
</ul>
<nav class="transparent" role="navigation">
<div class="nav-wrapper container">
<a href="/" class="brand-logo">
<span class="pad">
<img src="img/logo.png" alt="PRISM" style="height:84px;width:auto;padding-top:8px">
</span>
</a>
<a href="#" id="sidenav" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="/">Home</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a class="dropdown-button" href="#!" data-activates="students">Students<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a class="dropdown-button" href="#!" data-activates="information">Information<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a href="http://thenitklife.weebly.com/" target="_blank">NITK Life</a></li>
</ul>
<ul id="slide-out" class="side-nav">
<li class="bold"><a href="/" class="waves-effect waves-teal">Home</a>
</li>
<li class="bold"><a href="clubs.html" class="waves-effect waves-teal">Clubs</a></li>
<li class="bold"><a href="councils.html" class="waves-effect waves-teal">Councils</a>
</li>
<li class="bold"><a href="fests_main.html" class="waves-effect waves-teal">Fests</a>
</li>
<li class="bold"><a href="department_index.html" class="waves-effect waves-teal">Departments</a></li>
<li class="bold"><a href="facilities.html" class="waves-effect waves-teal">Facilities</a></li>
<li class="bold"><a href="sports.html" class="waves-effect waves-teal">Sports</a></li>
<li class="bold"><a href="map.html" class="waves-effect waves-teal">Map</a></li>
<li class="bold"><a href="carry.html" class="waves-effect waves-teal">What to Carry?</a></li>
</ul>
</div>
</nav>
</div>
</header>
<main>
<div class="home-page-banner">
<div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6);"></div>
<div style="position: absolute; bottom: 0;width: 100%; color: #fff;">
<div class="container">
<div class="row">
<h1 class="welcome-text">Welcome to NITK!</h1>
</div>
<div class="row">
This website has been made to introduce incoming freshers to the life at NITK Surathkal.<br>
Please make sure to explore this website and also find all the information that you need. <br><br><br><br>
</div>
<div class="row">
<a href="department_index.html" class="button">Departments</a>
<br><br><br><br><br>
</div>
</div>
</div>
</div>
<div class="container flow-text">
<div class="row">
<h2 class="pt-sans">NITK Surathkal</h2>
<h4 class="pt-sans">About NITK</h4>
<p>Situated in the west coast of India, NITK Surathkal has a lush green campus and one of the only college campuses to have their own private beach. The Institute was formerly a Regional Engineering College and was given NIT Status in the year 2002. The campus currently has a total of 14 Departments each teaching various disciplines of Engineering.</p>
<p>For more information, kindly check out the official <a href="http://nitk.ac.in/">NITK Website</a>.</p>
</div>
<div class="row">
<h2 class="pt-sans">PRISM</h2>
<h3 class="pt-sans">PRogram to Initiate Student Mentoring</h3></br>
<h4 class="pt-sans">Why PRISM?</h4>
<p>The transition from school to college and from home to hostel is hardly an easy one. The pangs of moving away from family for the first time and adjusting in a new place cannot be eliminated but can definitely be made easy. After all, as the popular saying goes, <i>help will always be given to those who require it</i>.</p>
<h4 class="pt-sans">Who is behind this?</h4>
<p>TaskForce NITK Surathkal has come up with a noble initiative to help the freshers with this transition. The PRogram to Initiate Student Mentoring, launched for the first time, aims to acquaint freshers with the different aspects of college life at NITK Surathkal.</p>
<h4 class="pt-sans">What does it contain?</h4>
<p>From clubs to sports, academics to fests, the PRISM provides a platform for the newbies to explore the different opportunities provided by the college and make the most out of it.</p>
<p>So, go ahead and click on the Nav Bar for more information and to get to know our college better.</p>
<p>In case you need more information, please feel free to visit the website, <a href="http://thenitklife.weebly.com/">NITK Life</a> and our <a href="http://facebook.com/prismnitk/">Facebook page</a> as well!</p>
<p>TaskForce NITK also has an application with a lot of features helpful for freshers. You can install it from the <a href="https://play.google.com/store/apps/details?id=com.sarthakc97.nitk_freshers">Play Store</a>.</p>
<div class="image-container center">
<a href="https://play.google.com/store/apps/details?id=com.sarthakc97.nitk_freshers&hl=en">
<img class="img-responsive" src="/img/android.png" max-width="100vw" alt="Get it on https://play.google.com/store/apps/details?id=com.sarthakc97.nitk_freshers&hl=en">
</a>
</div>
<!-- <h4 class="pt-sans">PRISM Activities - Freshers Induction</h4>
<div class="carousel carousel-slider" data-indicators="true" style="height: 400px;">
<a class="carousel-item" href="#one!">
<img src="/img/prism_intro/intro_4.JPG">
</a>
<a class="carousel-item" href="#two!">
<img src="/img/prism_intro/intro_1.JPG">
</a>
<a class="carousel-item" href="#three!">
<img src="/img/prism_intro/intro_3.jpg">
</a>
<a class="carousel-item" href="#four!">
<img src="/img/prism_intro/intro_2.JPG">
</a>
</div> -->
</div>
<div class="row">
<h2 class="pt-sans">Team</h2>
<hr>
<h4 class="pt-sans">Tech Team</h4>
<div id="tech-team-container" class="row"></div>
<h4 class="pt-sans">Content Team</h4>
<div id="content-team-container" class="row"></div>
<h4 class="pt-sans">Helpdesk Team</h4>
<div id="helpdesk-team-container" class="row"></div>
</div>
<h4 class="pt-sans">Helpful Links</h4>
<div class="row flow-text">
</div>
<div class="row flow-text center">
Watch the NITK Documentary on YouTube<br>
Aerial Photography by Dr. Pruthviraj U.<br>
<div class="video-container center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GAVE-kG-lHY" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</main>
<!-- Scripts-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
{% comment %} <script type="text/javascript" src="js/original_team.json"></script> {% endcomment %}
<script type="text/javascript" src="js/team.json"></script>
<script type="text/javascript" src="js/homepage.js"></script>
</body>
</html>