forked from anand13696/SAE-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
340 lines (325 loc) · 14.7 KB
/
index.html
File metadata and controls
340 lines (325 loc) · 14.7 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
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
<!DOCTYPE html>
<html>
<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, user-scalable=no"/>
<title>SAE India - NITDGP</title>
<link rel="stylesheet" type="text/css" href="min/plugin-min.css">
<link rel="stylesheet" type="text/css" href="min/custom-min.css">
<link rel="stylesheet" type="text/css" href="min/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/contact-us.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/materialize.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
<div class="navbar-fixed">
<nav role="navigation" class="wow bounceInDown">
<div class="nav-wrapper">
<a href="https://www.facebook.com/SAENITD/" target="_blank" class="brand-logo">
<div class="logo-img">
<img src="images/sae logo.jpg" width="23%" alt="saenitd logo">
</div>
</a>
<ul class="right hide-on-med-and-down">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="#sponsor">Sponsors</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="#sponsor">Sponsors</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="fa fa-list" style="margin-left: 15px;"></i></a></div>
</div>
</nav>
</div>
<div id="home" class="scrollspy fadeInUp">
<div class="slick-slider js-slick">
<div class="photo is-animating"><img src="images/1.jpg"></div>
<div class="photo" style="background-image: url(./images/team-bg.jpg);"><img src="images/aavishkar.png" style="width: 80%; margin-left: 10%;"></div>
<div class="photo"><img src="images/3.jpg"></div>
<div class="photo"><img src="images/4.jpg"></div>
<div class="photo"><img src="images/5.jpg"></div>
</div>
</div>
<div class="section no-pad-bot white scrollspy" id="about" >
<div class="container2">
<h4>About Us</h4><!--Make 2 sections of SAE-Management and SAE-BAJA-->
<div class="row">
<div class="col s12">
<div class="text">
<p>SAE India collegiate chapter of NIT Durgapur was conceived in 2007 with an idea to integrate the students of the college into international fabric of automobile engineering. Presently 200 students are enjoying the benefits of SAE India membership. <br>We organize a number of innovative events, workshops and lectures round the year and a competitive place where the sharpest minds battle in the quest to achieve disctinction. <b>SAE</b> along with <b>MNTC</b> and <b>GLUG</b> organises <b><i>Aavishkar - The TechFest</i></b> which is the official technical fest of NIT Durgapur. SAE NIT Durgapur also publishes its annual magazine called <b><i>Autopia</i></b> for automobile enthusiasts to know about latest technologies at one place. <b><i>BAJA SAE</i></b> is a part of SAE NIT Durgapur which takes part in BAJA competition organised by SAE India. They represent NIT Durgapur at this national level competition under the team name <b><i>NDORS</i></b>.</p>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m4">
<div class="card">
<img class="activator" src="images/aavishkar.png" style="width: 100%; background-image: url(./images/team-bg.jpg);"></img>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Aavishkar<i class="fa fa-caret-up" style="float: right;"></i><br></span>
<p style="font-size: 1.15rem; line-height: 1.3rem;">The Technical fest of NIT Durgapur......</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4"><b>Aavishkar</b><i class="fa fa-times" style="float: right;"></i></span>
<div class="text">
Aavishkar – The Tech Fest, NIT Durgapur is the official technical fest of NIT
Durgapur. It aims to instill a desire for technical expertise, rational thinking,
logical thought process, astute decision-making and open-source contributions.
With more than 40 online and offline events, it tries to bring to the fore people in fields other than academia. Numerous workshops,
guest lectures and exhibitions are organized to provide a platform where people
not only have fun, but also learn and grow. Aavishkar is a step in the goal of
encompassing all technical domains and serve it for the students of NIT
Durgapur and our guests from other colleges.
</div>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<img class="activator" src="images/baja.jpg" style="width: 100%; height: 100%;"></img>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">BAJA SAE<i class="fa fa-caret-up" style="float: right;"></i><br></span>
<p style="font-size: 1.15rem; line-height: 1.3rem;">The official BAJA team of NIT Durgapur qualified for virtuals for 2017......</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4"><b>BAJA SAE</b><i class="fa fa-times" style="float: right;"></i></span>
<div class="text">
Mahindra & Mahindra with SAE India orgainses BAJA-SAE India for design and fabrication of All Terrain Vehicle(ATV) with two rounds Virtuals and Mains. The official BAJA team of NIT Durgapur qualified the virtuals 2017. With the continuous efforts and hard work of the students the team is all set to represent the college in the prestigious competition which requires the right measure of intellect and management skills to fabricate the ATV and showcase their work in the Mains 2018.
</div>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<img class="activator" src="images/autopia.jpg" style="width: 100%; height: 100%;"></img>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Autopia <i class="fa fa-caret-up" style="float: right;"></i><br></span>
<p style="font-size: 1.15rem; line-height: 1.3rem;">The official automotive magazine of the club is circulated among the students......</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4"><b>Autopia</b><i class="fa fa-times" style="float: right;"></i></span>
<div class="text">
The official automotive magazine of the club is circulated among the students, their parents, teachers, industrialists and so on. The magazine is a must have for all automotive enthusiats as it contains articles related to latest techonological advancements and awesome stuff related to automobile industry.
</div>
</div>
</div>
</div>
</div>
</div>
<div id="events" class="section scrollspy">
<div class="container2">
<h4>Events</h4>
<div class="rio-promos">
<img src="images/kryptic.jpg" />
<img src="images/electric car.jpg" />
<img src="images/street.jpg" />
<img src="images/conquesto.jpg" />
<img src="images/ic engine workshop.jpg" />
<img src="images/royal.jpg" />
<img src="images/trans.jpg" />
<img src="images/army.jpg" />
<img src="images/genesis.jpg" />
</div>
<div style="text-align: center;"><a href="events.html" class="button">All Events</a></div>
<script src='js/jquery.min.js'></script>
<script src="js/index.js"></script>
</div>
</div>
<div id="team" class="section scrollspy">
<div class="container2">
<h4>OUR TEAM</h4><br>
<div class="row">
<div class="col s12 m6 l3">
<div class="team-index">
<a href="./saurabh.html"><img class="activator" src="images/team/sae/skg.jpg"></a>
<h5>Saurabh Kumar</h5>
<h6><i>President</i></h6>
<a href="https://www.facebook.com/saurabhadroit" target='_blank'><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-phone fa-lg" data-toggle="tooltip" title="8145386516"></i></a>
<a href=""><i class="fa fa-envelope fa-lg" data-toggle="tooltip" title="@gmail.com"></i></a>
</div>
</div>
<div class="col s12 m6 l3">
<div class="team-index">
<a href="./anand.html"><img class="activator" src="images/team/sae/anand.jpg"></a>
<h5>Anand Jhunjhunwala</h5>
<h6><i>General Secretary</i></h6>
<a href="https://www.facebook.com/anand.jhunjhunwala.315" target='_blank'><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-phone fa-lg" data-toggle="tooltip" title="9903322358"></i></a>
<a href=""><i class="fa fa-envelope fa-lg" data-toggle="tooltip" title="@gmail.com"></i></a>
</div>
</div>
<div class="col s12 m6 l3">
<div class="team-index">
<a href="./divya.html"><img class="activator" src="images/team/sae/divya.jpg"></a>
<h5>Divyadutta Behura</h5>
<h6><i>Convenor</i></h6>
<a href="https://www.facebook.com/divyadutta.behura.9" target='_blank'><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-phone fa-lg" data-toggle="tooltip" title="9439091552"></i></a>
<a href=""><i class="fa fa-envelope fa-lg" data-toggle="tooltip" title="@gmail.com"></i></a>
</div>
</div>
<div class="col s12 m6 l3">
<div class="team-index">
<a href="./suvit.html"><img class="activator" src="images/team/sae/suvit.jpg"></a>
<h5>Suvit Kumar</h5>
<h6><i>Treasurer</i></h6>
<a href="https://www.facebook.com/suvitkumar6" target='_blank'><i class="fa fa-facebook fa-lg"></i></a>
<a href=""><i class="fa fa-phone fa-lg" data-toggle="tooltip" title="9876323479"></i></a>
<a href=""><i class="fa fa-envelope fa-lg" data-toggle="tooltip" title="@gmail.com"></i></a>
</div>
</div>
</div>
<div style="text-align: center;"><a href="team.html" class="button">All Members</a></div>
</div>
</div>
<div id="sponsor" class="section scrollspy" style="background-image: url(./images/team-bg.jpg); color: #fff;">
<div class="container2">
<h4>Previous Sponsors</h4><br>
<div class="row">
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor1.png">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor10.png" style="width: 80%; margin-top: 25px;">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor3.png">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor4.png">
</div>
</div>
</div><br>
<div class="row">
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor6.png">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor5.png">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor11.png" style="width: 55%;">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor9.png" style="width: 55%;">
</div>
</div>
</div>
<div class="row">
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor8.png" style="width: 35%;">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor2.png">
</div>
</div>
<div class="col s12 m4 l3">
<div class="spns">
<img class="activator" src="images/sponsor7.png" style="width: 55%;">
</div>
</div>
</div>
</div>
</div>
<div class="contact-us" class="section scrollspy">
<form action="mail.php" method="post" class="contact-form">
<div id="contact" class="section scrollspy"><span>Contact Us</span></div>
<ul>
<li>
<!-- <i class="fa fa-user form-icon"></i> -->
<label for="name"></label>
<input type="text" name="name" placeholder="Name" required autocomplete="off" />
</li>
<li>
<!-- <i class="fa fa-at form-icon"></i> -->
<label for="email"></label>
<input type="text" name="email" placeholder="Email" required autocomplete="off" />
</li>
<li>
<!-- <i class="fa fa-university form-icon"></i> -->
<label for="college"></label>
<input type="text" name="college" placeholder="Organization/Academic Institution" required autocomplete="off" />
</li>
<li>
<!-- <i class="fa fa-envelope form-icon"></i> -->
<label for="message"></label>
<textarea name="message" placeholder="Message" autocomplete="off"></textarea>
</li>
<li>
<input type="submit" value="Send" placeholder="Submit" />
</li>
</ul>
</form>
</div>
<footer class="page-footer">
<div class="container">
<span style="font-size: 16px; color: #e3eefd;letter-spacing: 1px;">Designed & maintained by SAE India - NIT Durgapur</span>
</div>
</footer>
<script src="min/custom-min.js"></script>
<script src="min/plugin-min.js"></script>
<!-- <script src="js/materialize.js"></script> -->
<script src="js/materialize.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.scrollspy').scrollSpy();
$(".button-collapse").sideNav();
$('.js-slick').slick({
autoplay: true,
autoplaySpeed: 3000,
dots: true,
draggable: false,
fade: true,
speed: 1000
});
$('.js-slick').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
$(slick.$slides).removeClass('is-animating');
});
$('.js-slick').on('afterChange', function(event, slick, currentSlide, nextSlide) {
$(slick.$slides.get(currentSlide)).addClass('is-animating');
});
});
</script>
<script src="wow.min.js"></script>
<script>
new WOW().init();
</script>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>