-
Notifications
You must be signed in to change notification settings - Fork 34
/
index.html
341 lines (330 loc) · 17.7 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
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Nunito" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="spec_front.css">
<link rel="stylesheet" type="text/css" href="footer.css">
<link rel="stylesheet" type="text/css" href="custom_navbar.css">
<link rel="stylesheet" type="text/css" href="particles.css">
<link rel="stylesheet" type="text/css" href="contact_us.css">
<link rel="shortcut icon" href="imgs\headicon.ico"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-152531222-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-152531222-1');
</script>
</head>
<body onload="document.body.style.opacity='1'">
<img id="one" src="imgs\o1.png">
<img id="two" src="imgs\o2.png">
<img id="three" src="imgs\o3.png">
<img id="four" src="imgs\o4.png">
<img id="five" src="imgs\o5.png">
<div id="particles-js"></div>
<nav id="mainNavbar" class="navbar navbar-expand-lg navbar-light">
<a id="brand" class="navbar-brand" href="index.html">
<img src="imgs\spec_logo.png" width="70" height="50">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html#about_index">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="workshops.html">Workshops</a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Events
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="competitions.html">Competitions</a>
<a class="dropdown-item" href="workshops.html">Workshop</a>
<a class="dropdown-item" href="internships.html">Internships</a>
</div>
</li> -->
<li class="nav-item">
<a class="nav-link" href="blog.html">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team_page_final.html">Team Spec</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="hackathon.html">Electrothon</a>
</li>
<li class="nav-item dropdown">
<a id="dropdownMenu1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">E-books</a>
<ul aria-labelledby="dropdownMenu1" class="dropdown-menu border-0 shadow">
<li class="dropdown-item dropdown dropright">
<a class="dropdown-toggle" id="dropdown2-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Subject Books</a>
<ul class="dropdown-menu" aria-labelledby="dropdown2-1">
<li>
<a target="_blank" href="https://drive.google.com/drive/folders/1sRPe_ZRnSZQROUNtiDFdIrP87IrmTPI_" class="dropdown-item nestedmenu">1st Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1kUqer7j2q-p3JLx_yhf8uqrjByyoHRZC" class="dropdown-item nestedmenu">2nd Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1XGTe2XI_iu9mDTbdOkLuvSFUOZDS_xYF" class="dropdown-item nestedmenu">3rd Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1mXrj5KdIYTfb01b_PCnoasAA8MBIpZEO" class="dropdown-item nestedmenu">Final Year</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a class="dropdown-toggle" id="dropdown2-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Subject Notes</a>
<ul class="dropdown-menu" aria-labelledby="dropdown2-1">
<li>
<a target="_blank" href="https://drive.google.com/open?id=1UNN6vWwD3OghWKXXYk5jsrPC-esnzAtt" class="dropdown-item nestedmenu">1st Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1lP76R5LvfFHVYH5yQlC2aZFOaIqu2yV9" class="dropdown-item nestedmenu">2nd Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1UqkfxmiAw5hJgbcZFW_mWRGHYW8uVp-j" class="dropdown-item nestedmenu">3rd Year</a>
</li>
<!-- <li>
<a target="_blank" href="https://drive.google.com/open?id=1iOvrFP12trGkyyi4pre4e9wdoyPHpP8r" class="dropdown-item nestedmenu">Final Year</a>
</li> -->
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a class="dropdown-toggle" id="dropdown2-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Past Papers</a>
<ul class="dropdown-menu" aria-labelledby="dropdown2-1">
<li>
<a target="_blank" href="https://drive.google.com/open?id=1xhNMyx-A7Twg9XdsF6EZsmX-H8KaJoGq" class="dropdown-item nestedmenu">1st Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1HOfMim4Fit6gRWh-8eEOXzNrHy097kTw" class="dropdown-item nestedmenu">2nd Year</a>
</li>
<li>
<a target="_blank" href="https://drive.google.com/open?id=1ZPqZOYGo-uRwsqgiX_VldQqgwFHGu7iU" class="dropdown-item nestedmenu">3rd Year</a>
</li>
<!-- <li>
<a target="_blank" href="https://drive.google.com/open?id=1jlKH6ffVdqdEjaagkHupaRkoqd38d6yB" class="dropdown-item nestedmenu">Final Year</a>
</li> -->
</ul>
</li>
</ul>
</li>
</ul>
</div>
</ul>
</nav>
<div style="margin: 0 2rem">
<div id="front" class="container-fluid">
<div class="row">
<div class="col-lg-6 col-sm-12 my-5 d-flex justify-content-center align-items-center">
<img src="imgs\logo_spec.png" style="max-width: 90%; height: auto;">
</div>
<div class="col-lg-6 col-sm-12">
<img src="imgs\spec.png" style="max-width: 90%; height: auto;">
</div>
</div>
</div>
<!-- <div id="next_scroll">
<div class="row">
<div class="col-lg-6 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem; width: 30rem;">
<div class="card-body">
<h5 class="card-header">News</h5>
<div class="text_in_cards .d-md-none .d-lg-block">
<ul>
<li><a href="https://srip.iitgn.ac.in/portal/">SRIP IIT Gandhinagar</a></li>
<li><a href="http://www.gian.iitkgp.ac.in/ccourses/approvecourses3">Upcoming GIAN Course</a></li>
</ul>
</div>
<div class="card-footer text-muted">
<a href="internships.html" class="btn btn-primary waves-effect waves-light">All News</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem; width: 30rem;">
<div class="card-body">
<h5 class="card-header">Events - Coming Soon</h5>
<div class="text_in_cards">
<ul>
<li><a href="hackathon.html">Electrothon 2020</a></li>
<li><a href="#">SPEC-FEST 2020</a></li>
</ul>
</div>
<div class="card-footer text-muted">
<a href="workshops.html" class="btn btn-primary waves-effect waves-light">All Events</a>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="container">
<div id="image_grid">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 imgs" src="imgs\team.jpg" alt="First slide">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100 imgs" src="imgs\p2.jpg" alt="Second slide">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<div class="carousel-item">
<img class="d-block w-100 imgs" src="imgs\team1.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block"></div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<center><img class="new" src="imgs\type.png"></center>
<div id="about_index" class="display-3" style="padding-left: 15px;">About SPEC</div>
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 d-flex justify-content-center align-items-center">
<p>SPEC is being run under the aegis of Electronics and Communication Department, NIT Hamirpur and the department itself has collaborated in the
various activities conducted by SPEC. We organise various events, workshops, and electronics competitions for the enhancement of technical acumen of students. The society also invites various guest speakers and lecturers from around India to deliver talks during the SPEC-FEST.
The society holds a prominent position among various societies present in the college. The technical events coupled with the fun bonanza, the SPEC-FEST, and other competitions conducted at regular period are major hit among the students. The team has worked for the benefits of students in past and promise to continue its contribution with full dedication in future.
</p>
</div>
<div class="col-xl-4">
<div id="video-container" style="position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/BhjTS8KZbaA" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen controls style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></iframe>
<!-- <video width="560" height="315" src="imgs\spec_vid.mp4" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen controls style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"></video> -->
</div>
</div>
</div>
</div>
<center><img class="new" src="imgs\type.png"></center>
<div class="display-3" style="text-align: center;">Message</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-xl-3 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem;">
<img class="card-img-top" src="imgs\ashok_sir.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-header message">HOD, ECE
<p class="card-text message"><small class="text-muted">Dr. Ashok Kumar</small></p></h5>
<div class="text_in_cards .d-md-none .d-lg-block">
<p>
Over the past years, NIT Hamirpur had witnessed changes in the dynamic thoughts and concrete ideas of the young aspiring engineers. Team Spec has always played a great role in connecting young with the experienced. They not only provide knowledge to the students but also instill passion in them so that they may bring more advancements in their field.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem;">
<img class="card-img-top" src="imgs/dsy_sir.jpg" height="" alt="Card image cap">
<div class="card-body">
<h5 class="card-header message">OIC, SPEC
<p class="card-text message"><small class="text-muted">Dr. Dharmendra Singh Yadav</small></p></h5>
<div class="text_in_cards">
<p>
In the process, the establishment of team SPEC is indeed a challenging prospect with high hopes and big aspirations. A progressive and positive momentum is imparted by the targeted Vision and Mission of SPEC. The motto that we uphold is Service and Excellence. Our approach is interactive, innovative and quintessentially holistic.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem; width: 30rem;">
<img class="card-img-top" src="imgs/sarthak_jain2.jpg" height="" alt="Card image cap">
<div class="card-body">
<h5 class="card-header message">President, SPEC
<p class="card-text message"><small class="text-muted">Mr. Sarthak Jain</small></p></h5>
<div class="text_in_cards">
<p>
<span class="d-lg-block">'If your actions inspire others to dream more, learn more, do more and become more, you are a leader.’
We, as Team SPEC believe, each of us has a leader within us, blazing with ideas and motivation. We believe in spreading this light of enlightenment, joy, and learning to all people.
The motto of ‘We Rise, We Shine’ is what we have been abiding by. The dream is to take everyone forward in the stride and help each other achieve milestones.
The legacy left to us must continue. Let us keep the flag flying high.</span>
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 d-flex justify-content-center my-5">
<div class="card border-info box-shadow" style="max-width: 30rem; width: 30rem;">
<img class="card-img-top" src="imgs/ksp.jpg " height="" alt="Card image cap">
<div class="card-body">
<h5 class="card-header message">Vice-President, SPEC
<p class="card-text message"><small class="text-muted">Mr. Karan Singh Parmar</small></p></h5>
<div class="text_in_cards">
<p>
The change in the vision and development of technical activities with high hopes and aspirations is quite fast. In tune with these changes SPEC has also been
transforming itself to adopt and provide the best possible learning experience to prepare young minds to solve the complex problems. SPEC is continuously moving
forth with high aspirations towards its progressive and targeted vision.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="footer">
<div class="container-fluid">
<div class="row">
<div class="m-3 col-lg-12 d-flex justify-content-center align-items-center">
<img id="frontlogo" src="imgs/logo_spec.png" width="250" height="110">
</div>
</div>
<div class="d-flex justify-content-center" id="sendus">
<p><i class="fa fa-envelope"></i> [email protected]</p>
</div>
<div>
<ul class="list-unstyled list-inline social text-center">
<li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/spec.ece/"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://instagram.com/s.p.e.c_nith?utm_source=ig_profile_share&igshid=1dd01jvv7xk83"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.linkedin.com/in/s-p-e-c-nith-40214b197/"><i class="fa fa-linkedin-in"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://twitter.com/SPEC__NITH"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" ></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script type="text/javascript" src="contact_us.js"></script>
<script type="text/javascript" src="custom_navbar.js"></script>
<script>
particlesJS.load('particles-js', 'particles.json', function() {
console.log('particles.js config loaded');
});
</script>
</body>
</html>