-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
444 lines (352 loc) · 19.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BMR@NITRKL</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="LOGOS/logo 3x.png" rel="icon">
<link href="LOGOS/logo 3x.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Vollkorn+SC&display=swap" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- =======================================================
Theme Name: BizPage
Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>
<body>
<!--==========================
Header
============================-->
<header id="header">
<div class="container-fluid">
<div id="logo" class="pull-left">
<!-- <h1><a href="#intro" class="scrollto">Team BMR</a></h1> -->
<!-- Uncomment below if you prefer to use an image logo -->
<a href="#intro"><img src="LOGOS/logo x.png" class="logo_S"></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="#intro">Home</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="intro">
<div class="intro-container">
<div id="introCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="carousel-background"><img src="TEAM PICS/c.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
<h2>Little Dirt never Hurts</h2>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-background"><img src="TEAM PICS/a.jpg" alt=""></div>
<div class="carousel-container">
<div class="carousel-content">
<h2>We work as a team</h2>
</div>
</div>
</div>
<!-- <div class="carousel-item">
<div class="carousel-background"><img src="TEAM PICS/bb.png" alt="" ></div>
</div>-->
<div class="carousel-item">
<video autoplay muted loop id="myVideo">
<source src="Videos/1.mp4" type="video/mp4">
</video>
</div>
</div>
<a class="carousel-control-prev" href="#introCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon ion-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#introCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon ion-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<!--==========================
Facts Section
============================-->
<section id="facts" class="wow fadeIn">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<iframe width="100%" height="auto" src="https://www.youtube.com/embed/Y8OD15DUMjA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<iframe width="100%" height="auto" src="https://www.youtube.com/embed/4Uz8INuabww" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<iframe width="100%" height="auto" src="https://www.youtube.com/embed/6RNET6vAGZs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<iframe width="100%" height="auto" src="https://www.youtube.com/embed/uPBbBLboY5I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div><br><br><br><br><br>
<header class="section-header">
<h3>Achievers</h3>
<p>What sets us apart from our competitors, even before the competition has started, what gives others the impression, is our achievements, and for sure , we got a lot of them.</p>
</header>
<div class="row counters">
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">147</span>KG
<p>Weight</p>
</div>
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">52</span>kmph
<p>Top-speed</p>
</div>
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">4.2</span>meters
<p>Turning Radius</p>
</div>
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">4.2</span>meters
<p>Stopping Distace</p>
</div>
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">10</span>inches
<p>Maximum Bump Height</p>
</div>
<div class="col-lg-2 col-6 text-center">
<span data-toggle="counter-up">4.2</span>Seconds
<p>Acceleration 0 to 50kmph</p>
</div>
</div>
</div>
</section><!-- #facts -->
<!-- ==========================
Supporters
==================================-->
<br>
<section>
<div class="container">
<div class="section-header wow fadeInUp">
<h3>Support Us</h3>
</div>
<!--<div class="row">-->
<p style="text-align: center;">"Carve your name on hearts, not tombstones"</p>
<p style="text-align: center;">We do this because we want to think, innovate, create give back the world and live up to the
proffession we dreamt of as kids, ENGINEERS.</p>
<p style="text-align: center;">A support to our team will help us meet our goals and further fuel our dream of innovation. We hope
that this campaign will afford the next generation of BMR engineers the invaluable opportunity of
learning outside the classroom. Not only will your support to the team will help us to success in the
BAJA SAE but also be an investment to our workspace and manufacturing costs. Your support will help
us enhance the capabilities of our custom-built vehicle and bring in new equipment essential for our
extensive manufacturing. A few enhanced equipments are keeping us from manufacturing the most
intelligently designed Baja vehicle to date, but with your help, we can achieve our potential.</p>
<a href="https://drive.google.com/file/d/106AWkLuaGtvX_b5cRzAH7_mrmOD21NUK/view"><p style="text-align: center;"> Click to download brochure</p></a>
<!--<div>-->
</div>
</section>
<!--==========================
Sponsors
============================-->
<section id="clients" class="wow fadeInUp">
<div class="container">
<header class="section-header">
<h3>Our Sponsors</h3>
</header>
<div class="owl-carousel clients-carousel">
<img style="width: 75%;height: 75%;" src="LOGOS/GRIDCO.jpg" alt="">
<img style="width: 75%;height: 75%;" src="LOGOS/IMFA.png" alt="">
<img style="width: 75%;height: 75%;" src="LOGOS/MINEX.jpg" alt="">
<img style="width: 75%;height: 75%;" src="LOGOS/Rourkela Shines.jpg" alt="">
</div>
</div>
</section><!-- #clients -->
<!--==========================
Clients Section
============================-->
<section id="testimonials" class="section-bg wow fadeInUp">
<div class="container">
<header class="section-header">
<h3>Testimonials</h3>
</header>
<div class="owl-carousel testimonials-carousel">
<div class="testimonial-item">
<img src="img/troy.jpg" class="testimonial-img" alt="">
<h3>Tarapada Roy</h3>
<h4>Faculty advisor</h4>
<p>
<img src="img/quote-sign-left.png" class="quote-sign-left" alt="">
Being a faculty advisor of the team I've known team's work for past years. Members thrive out their best and donot perform any uncalculated risks at any given time. Students are very humble and sincere which makes them stand apart from others. I wish them all the success in the future .
<img src="img/quote-sign-right.png" class="quote-sign-right" alt="">
</p>
</div>
<div class="testimonial-item">
<img src="img/skp.jpg" class="testimonial-img" alt="">
<h3>S K Patel</h3>
<h4>Dean Academics</h4>
<p>
<img src="img/quote-sign-left.png" class="quote-sign-left" alt="">
Team Black Mamba Racing is one of the most dedicated technical team of our college. Their hardwork and innovative ideas have always inspired other students, this is evident from their improvement of results. We are proud to have such a team representing our institute and I wish them all the very best for upcoming years.
<img src="img/quote-sign-right.png" class="quote-sign-right" alt="">
</p>
</div>
</div>
</div>
</section><!-- #testimonials -->
<!--==========================
Team Section
============================-->
<br>
<section>
<div class="container">
<div class="section-header wow fadeInUp">
<h3>WORDS FROM THE FOUNDER</h3>
<p>Once an SAE ian @ NITR is always an SAE ian @ NITR </p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 wow fadeInUp">
<div class="member">
<img src="img/founder.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Asutosh Nayak</h4>
<span>FOUNDER</span>
</div>
</div>
</div>
</div>
<div class="col-lg-9 col-md-6 wow fadeInUp">
<p><img src="img/quote-sign-left.png" class="quote-sign-left" alt="">Little drops of water makes the mighty ocean
<img src="img/quote-sign-right.png" class="quote-sign-right" alt=""><br>
Back in the year 2008, group of students decided to do something innovative at the wonderful place of NIT Rourkela. The students realized they need to do something more than the academics which would be more practical, useful and expose them to new ways of thinking, believing and setting a new trend. The very thought process gave birth to one of the largest and active student chapter/ club of SAE at NIT Rourkela. <span id="dots">...</span><span id="more">The initial path as usual was not easy. The chapter had to pass through various barriers, initial bottle necks, haziness in the trodden path but what kept on moving was the larger picture every one dreamt of and believed could be possible. When intensions are correct, everything starts falling in place. We started receiving enormous support from the institute, the then Director, Dr. Sunil Kumar Sarangi who appreciated the idea and extended all possible support to make it happen. We are blessed to have wonderful alumni who stood with the team and gave all possible support. After several months of uncertainty, the team was successful in formally setting up SAE on 15th Aug 2008. <br>
The inception year was quite exiting and the team understood completely that the very year was crucial to set up the foundation of SAE. The team gave the best effort to leave no stones unturned in organizing several events, workshops, guest seminars inviting researchers/ industrialist of national repute, industrial visits and many more. Fortunately, the chapter was recognized as the best chapter in the Eastern India and we were invited at ARAI Pune to present our road map and vision. This was something a great achievement for all the team members who worked throughout the year giving their best in its foundation year.<br>
The team treaded its path into Baja SAE and SAE Formula under the banner of SAE NITR chapter and enjoyed each and every moment of wonderful engineering. The team will never forget the cold Dec night when the first Baja Car “Black Mamba 47” was given the life and roared on the roads of NITR. This brought a different feeling all together and gave us the strong identification in the institute and all over the state. From there on we have seen many wonderful cars have been built by students every year with new innovation and design frame work.<br>
With every year passed by we have seen students working together and coming out with much better and better concepts in fabricating cars, managing teams, building relationship and achieving new impossible targets. The memories of designing concepts in CAD, spending sleepless nights in workshops, struggling with long lists of tasks and balancing academic pressure with SAE project deadlines will always remain fresh in us. We can surely boast of tapping the sharp and bright minds of NIT Rourkela and utilizing in the right direction. We are and should be proud of such young innovative minds over the years who have taken SAE to the new height of success.<br>
There is no doubt in it that we, SAEians at NIT Rourkela have always dreamt big and have performed the best in achieving it and bringing laurels to our institute. Time has come to look beyond the institute and further broaden our vision to identify the prevailing issues concerning the society and come forward with innovative and workable automotive solutions. I am sure we have the right skills, the mindset and the confidence to do it as we have done in the past.<br>
I extend my best wishes and congratulate the current members of SAE and the alumni of SAE who have brought SAE to this level of success. </span></p>
<button onclick="myFunction()" id="myBtn" style="background-color: #008CBA; padding: 8px 20px;">Read more</button>
</div>
</div>
</div>
</section><!-- #team -->
<!--==========================
Contact Section
============================-->
<section id="contact" class="section-bg wow fadeInUp">
<div class="container">
<div class="section-header">
<h3>Contact Us</h3>
</div>
<div class="row contact-info">
<div class="col-lg-9">
<div class="contact-address">
<i class="ion-ios-location-outline"></i>
<h3>Address</h3>
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3692.668783387359!2d84.9007968138328!3d22.252642350248998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a201e7f3807cf49%3A0xfa181d20dfb1a977!2sCentral%20Workshop!5e0!3m2!1sen!2sin!4v1575386582698!5m2!1sen!2sin" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
<address>CENTRAL WORKSHOP</address></div>
</div>
</div>
<div class="col-lg-3">
<div class="contact-email">
<a href="mailto:[email protected]"><i class="ion-ios-email-outline"></i></a>
<p><a href="mailto:[email protected]"><h3>Email</h3></a></p>
</div>
<div class="contact-email">
<!-- <i class="icon ion-social-facebook-outline"></i> -->
<a href="https://www.facebook.com/blackmambaracing/?ref=page_internal"><i class="icon ion-social-facebook-outline"></i></a>
<p><a href="https://www.facebook.com/blackmambaracing/?ref=page_internal"><h3>Facebook</h3></a></p>
</div>
<div class="contact-email">
<!-- <i class="icon ion-social-facebook-outline"></i> -->
<a href="https://www.instagram.com/teamblackmambaracing/?hl=en"><i class="icon ion-social-instagram-outline"></i></a>
<p><a href="https://www.instagram.com/teamblackmambaracing/?hl=en"><h3>Instagram</h3></a></p>
</div>
</div>
</div>
</div>
</section><!-- #contact -->
</main>
<!--==========================
Footer
============================-->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong>BMR-NITRKL</strong>. All Rights Reserved
</div>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=BizPage
-->
<!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->
</div>
</div>
</footer><!-- #footer -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Uncomment below i you want to use a preloader -->
<div id="preloader"></div>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script type="text/javascript">
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
</script>
}
</body>
</html>