-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
466 lines (403 loc) · 18.6 KB
/
team.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
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Baja NITK Racing</title>
<link rel="icon" type="image/x-icon" href="./images/off_logo.png">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Animate.css -->
<link href="css/animate.css" rel="stylesheet" media="all" type="text/css">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<style>
@media(max-width:1023px){
.hide-0-to-1024{
display:none;
}
}
@media (min-width: 1024px) {
.hide-1024-up {
display: none;
}
}
</style>
<body id="page-top" class="sub-page">
<div class="wrap-body">
<!--////////////////////////////////////Header-->
<header>
<!---Main Header-->
<div class="main-header" >
<!--Navigation-->
<nav id="menu" class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
<a class="navbar-brand" href="#">
<h2 style="text-transform:none">BAJA NITK RACING</h2> </a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Car</a></li>
<li class="active"><a href="team.html">Team</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="sponsor.html">Sponsor</a></li>
</ul>
</div>
</div>
</nav>
<div class="header-text">
<div class="header-text-inner">
</div>
</div>
</div>
</header>
<!-- /Section: intro -->
<!-- /////////////////////////////////////////Content -->
<div id="page-content" class="index-page">
<section class="box-content box-1 box-style-1">
<div class="container">
<div class="heading wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1s">
<h2 ><p style="text-decoration: line-through">The Team</p><p>The Pack.</p></h2>
<hr class="line">
</div>
<div class="row">
<img src="images/team/2022/team.JPG" style="border-style:solid; border-color:black; border-width:1.5vh">
</div>
<!-- ////////////Content Box 04
<div class="col-md-4">
<div class="box-item">
<img src="images/partner1.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
<div class="col-md-4">
<div class="box-item">
<img src="images/partner2.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
<div class="col-md-4">
<div class="box-item">
<img src="images/partner3.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-item">
<img src="images/partner1.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
<div class="col-md-4">
<div class="box-item">
<img src="images/partner3.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
<div class="col-md-4">
<div class="box-item">
<img src="images/partner2.png" class="img-responsive icon"/>
<h3>GREAT & FAST SERVICES</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et adipisicing elit</p>
</div>
</div>
</div>
-->
</div>
</section>
<section class="box-content box-10 box-style-10" style="color:white">
<div class="container">
<div class="heading wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1s">
<h2 style="color: white">Tech Team</h2>
<hr class="line" style="color:white">
<div class="">The strength of a building depends upon the foundation it’s built on, and our foundation lies in the able hands of our self-sufficient tech team. Consisting of intelligent and hard-working students, this team is dedicated towards one mission-to build and test ATVs that can brave the harsh elements of the terrain. It is a perfect amalgamation of the 3 SIGs: Power train, Design and analysis and vehicle dynamics, that work in tandem to achieve 100% results.
</div>
</div>
</div>
</section>
<section class="box-content box-2 box-style-2" >
<h2 style="color: grey; opacity:.1 ;position: absolute; font-size:13vw; float:right; text-align: right;" class="hide-0-to-1024">POWERTRAIN</h2>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="ft-b-image wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<img src="images/team/power.png" style="width: 100%" class="img-responsive"/>
</div>
</div>
<div class="col-md-6">
<div class="ft-item wow fadeInLeft" data-wow-delay=".1s" data-wow-duration="1s">
<div class="row">
<div class="col-md-1">
<div class="ft-icon">
<i class="fa fa-angle-right"></i>
</div>
</div>
<div class="col-md-9">
<h5 style="font-size: 4vh">Powertrain</h5>
<p>
One of the most important components of any vehicle is its power source. Our car is powered with Briggs & Stratton Vanguard engine that delivers a power of power of 10 HP. The powertrain subsystem is what makes sure that this power is delivered from the engine to the wheels with least loss and maximum efficiency.
In a nutshell, power train subsystem designs the overall layout of the power transmission section of the car by considering factors like durability, maintenance and efficiency. When the vehicle conquers the heights of the harsh terrain in its path, it is this subsystem that fuels its journey. The new single 13 reduction gearbox pairs well with our cvt to give a very efficient and powerful
powertrain assembly</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ////////////Content Box 02 -->
<section class="box-content box-2 box-style-1" >
<h2 style="color: grey; opacity:.06;position: absolute; font-size:18vw; float:right; margin-top:-20vh" class="hide-0-to-1024">VEHICLE DYNAMICS</h2>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="ft-item wow fadeInLeft" data-wow-delay=".1s" data-wow-duration="1s">
<div class="row">
<div class="col-md-1">
<div class="ft-icon">
<i class="fa fa-angle-right"></i>
</div>
</div>
<div class="col-md-9">
<h5 style="font-size: 4vh">Vehicle Dynamics</h5>
<p>
Vehicle Dynamics is the backbone of a car’s performance. Without the study of this subject, a car would fail to perform even with a phenomenal spec sheet backing it. This subsystem ensures that the components of the vehicle are able to work at the maximum achievable efficiency.
The subsystem tasks can be broadly divided into three major categories:
1. Suspension system 2. Steering system 3. Brake system
Implementation of design is one of the major challenges in the process of making the car. After assembly, the car is tested against a series of terrain hurdles to gain insight about the actual responses of the manufactured car in comparison to the theoretical values obtained in earlier phases. This process entails the construction of a harsh terrain and preparation of the driver for racing.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="ft-b-image wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<img src="images/team/vd.png" style="width: 100%" class="img-responsive"/>
</div>
</div>
</div>
</div>
</section>
<!-- ////////////Content Box 02 -->
<section class="box-content box-2 box-style-2" >
<h2 style="color: grey; opacity:.06;position: absolute; font-size:15vw; float:right; margin-top:-15vh" class="hide-0-to-1024">Design & Analysis</h2>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="ft-b-image wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<img src="images/team/chassis3.png" style="width: 100%" class="img-responsive"/>
</div>
</div>
<div class="col-md-6">
<div class="ft-item wow fadeInLeft" data-wow-delay=".1s" data-wow-duration="1s">
<div class="row">
<div class="col-md-1">
<div class="ft-icon">
<i class="fa fa-angle-right"></i>
</div>
</div>
<div class="col-md-9">
<h5 style="font-size: 4vh">Design and Analysis</h5>
<p>
The beauty of the powerful beast begins with us. Here we are for you, Team Design and Analysis. We design all the intricate parts of the BAJA car and work towards its weight reduction.
The Design & Analysis subsystem ensures that major components like the knuckles, wheel hubs, wishbones, dampers, steering assembly and the chassis are capable to withstand the dynamic reactions from the terrain as well as operate at their designated capacity. It also ensures that the chassis is designed to protect the driver under all circumstances. Analysis decides the part dimensions and material selection and ensures minimum possible weight of components. Another important job of this subsystem is the health monitoring of designed components.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="box-content box-5 box-style-1" >
<div class="container">
<div class="heading wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1s">
<h2 >Marketing Team</h2>
<hr class="line">
<div class="">
You need the right kind of attitude to make yourself stand out among the crowd
That’s exactly what the marketing subsystem of Baja NITK Racing strives to do. Working in tandem with the media subsystem, the marketing subsystem puts the elite college team in the spotlight.
By strategically placing the team on the map through innovative marketing strategies, the subsystem has managed to get spotted on the radar of various sponsors.
The sponsors back the team financially and in kind, after gauging their prowess, and it is the task of the marketing subsystem to network with these sponsors and establish a long-term relationship.
In return for the aid provided by these sponsors,
<blockquote>
The marketing team publicizes the various products and services offered by the sponsors through car-stickers, banners, social media shoutouts, branding, word of mouth, goodies etc.
</blockquote>
Besides bringing in sponsors, the marketing team is also involved in various activities such as:
</br>
<code>Crowdfunding through the interactive e-portal, Wishberry</br>
Stalls at Engineer(Tech fest of NITK) and Incident(Cultural fest of NITK)</code>
</div>
</div>
<div class="ft-b-image wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<img src="images/team/market1.jpg" style="width: 70%; margin: 0 auto; border-style:solid; border-width:1vh; border-color: black" class="img-responsive"/>
</div>
</div>
</section>
<!-- MEDIA
<section class="box-content box-5 box-style-2" >
<div style="position:absolute; opacity: .1; width:100%" >
<div class="col-lg-4">
<img style="width:10%" src="images/photo-camera.png" class="img-responsive icon"/>
</div>
<div class="col-lg-4">
<img style="width:10%" src="images/social.png" class="img-responsive icon"/>
</div>
<div class="col-lg-4">
<img style="width:10%" src="images/design.png" class="img-responsive icon"/>
</div>
</div>
<div class="container">
<div class="heading wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1s">
<h2 >Media Team</h2>
<hr class="line">
<div class="">
The Media team of Baja NITK comprises of those students who have showed great vigour towards excelling in content writing, poster designing,
video editing and have great sense of creativity within them. The facebook page of Baja NITK has received great response, with more than<strong> 2500 likes and 2400+ active followers.</strong>
The enthralling and creative trailers, posters and articles have constantly received great appreciation and the outreach of our events and projects is equivalent to that of the exclusive clubs of the college.
The pages posts content related to sponsorship announcements, college activities and much more, keeping the followers updated with Baja NITK’s vision and mission.
</br>
The team also posts articles highlighting the importance of each significant day of the calendar and articles honouring renowned personalities and their contributions.
The Media team of Baja has always stood out to be one of the most active groups in NITK and always strives more to deliver the best content to its followers.
</div>
</div>
<div class="ft-b-image wow fadeIn" data-wow-delay=".1s" data-wow-duration="1s">
<img src="images/logo1.jpg" style="width: 70%; margin: 0 auto; border-style:solid; border-width:1vh; border-color: black" class="img-responsive"/>
</div>
</div>
</section>
-->
<section class="box-content box-1 box-style-2">
<div class="container">
<div class="heading wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1s">
<h2 ><p>Achievements.</p></h2>
<hr class="line">
</div>
<div class="row">
<img src="images/team/achievement.jpg" style="border-style:solid; border-color:black; border-width:1.5vh">
</div>
</div>
</section>
</div>
<!--////////////////////////////////////Footer-->
<footer id="footer">
<div class="container">
<div class="wrap-footer">
<div class="row">
<div class="col-md-7">
<div class="footer-contact-info">
<h1 class="footer-title">Get in touch</h1>
<div class="contact-info-item">
<div class="row">
<div class="col-md-6">
<h3>Dr.P.S.Suvin</h3>
<p>Faculty Advisor</p>
<p>+91 8762785431</p>
<a href="maito:[email protected]">[email protected]</a>
</div>
<div class="col-md-6">
<h3>Prasad G.M.</h3>
<p>Team Captain</p>
<p>+91 89717369751</p>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
</div>
<!-- <div class="footer-contact-form">
<h2 class="footer-title">Get in touch.</h2> -->
<!-- <form action="https://formspree.io/[email protected]" method="POST">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control input-lg" name="name" id="name" placeholder="Enter name" required="required" />
</div>
<div class="form-group">
<input type="email" class="form-control input-lg" name="_replyto" id="email" placeholder="Enter email" required="required" />
</div>
<div class="form-group">
<input type="text" class="form-control input-lg" name="subject" id="subject" placeholder="Subject" required="required" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" cols="25" required="required" placeholder="Message" style="height: 190px;"></textarea>
</div>
</div>
</div>
<button type="submit" class="btn btn-skin" name="submit" id="submitcontact" value="Send">Send</button>
</form> -->
<!-- </div> -->
</div>
<div class="col-md-5">
<div class="footer-contact-info">
<div class="contact-info-item">
<div class="row">
<div class="col-md-1">
<div class="contact-info-icon">
<i class="fa fa-map-marker"></i>
</div>
</div>
<div class="col-md-10">
<h3>Location</h3>
<p>National Institute of Technology Karnataka, NH 66, Srinivas Nagar, Surathkal, Mangaluru, Karnataka 575025</p>
</div>
</div>
</div>
<div class="contact-info-item">
<div class="row">
<div class="col-md-1">
<div class="contact-info-icon">
<i class="fa fa-envelope"></i>
</div>
</div>
<div class="col-md-10">
<h3>Email</h3>
<p> [email protected]</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer">
<ul class="list-inline footer-link link">
<li><a style="font-size:40px" class="fa fa-facebook" target="_blank" href="https://www.facebook.com/BajaNITKRacing"></a></li>
<li><a style="font-size:40px" class="fa fa-instagram" target="_blank" href="https://www.instagram.com/bajanitkracing/"></a></li>
<li><a style="font-size:40px" class="fa fa-linkedin" target="_blank" href="https://www.linkedin.com/company/baja-nitk-racing/"></a></li>
</ul>
<div class="copyright">
<span> © 2022 Copyright BAJA NITK | Design by <a href="https://github.com/MBSA-INFINITY">Baja NITK'22 Web Team</a></span>
</div>
</div>
</div>
</footer>
<!-- Footer -->
<div id="page-top"><a href="#page-top" class="btn btn-toTop"><i class="fa fa-angle-double-up"></i></a></div>
<!-- JS -->
<!-- ========== Scripts ========== -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.localScroll.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/SmoothScroll.js"></script>
<script src="js/wow.min.js"></script>
<!-- Definity JS -->
<script src="js/main.js"></script>
</div>
</body>
</html>