B15.html

﻿<!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.0">
    <meta name="description" content="SAE IIT Kanpur" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <title>SAE IIT Kanpur</title>

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content="" />
    <meta property="og:image" content="" />
    <meta property="og:url" content="" />
    <meta property="og:site_name" content="" />
    <meta property="og:description" content="" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <link rel="stylesheet" href="styles/bootstrap.min.css">
    <link rel="stylesheet" href="styles/stylecars.css">
    <link rel="stylesheet" href="styles/animate.css">
    <link rel="stylesheet" href="styles/font-awesome.min.css"> 
    <link rel="icon" href="./assets/iitkmsnewlogo.png">

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0"></script>
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div class="container">
            <div class="image">
                <svg class="lds-gear-set" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
                    <g transform="translate(50 50)">
                        <g transform="translate(-17 -17) scale(0.5)">
                            <g>
                                <animateTransform attributeName="transform" type="rotate" values="0;360" keyTimes="0;1"
                                    dur="1.7s" begin="0s" repeatCount="indefinite"></animateTransform>
                                <path
                                    d="M39.382737335030434 -7 L49.382737335030434 -7 L49.382737335030434 7 L39.382737335030434 7 A40 40 0 0 1 32.79754809959448 22.89805316298281 L32.79754809959448 22.89805316298281 L39.868615911459955 29.969120974848284 L29.969120974848284 39.86861591145995 L22.89805316298281 32.79754809959447 A40 40 0 0 1 7.000000000000006 39.382737335030434 L7.000000000000006 39.382737335030434 L7.000000000000007 49.382737335030434 L-7.000000000000001 49.382737335030434 L-7.000000000000002 39.382737335030434 A40 40 0 0 1 -22.898053162982805 32.79754809959448 L-22.898053162982805 32.79754809959448 L-29.96912097484828 39.868615911459955 L-39.86861591145995 29.969120974848284 L-32.79754809959447 22.89805316298281 A40 40 0 0 1 -39.382737335030434 7.000000000000009 L-39.382737335030434 7.000000000000009 L-49.382737335030434 7.00000000000001 L-49.382737335030434 -6.999999999999999 L-39.382737335030434 -7 A40 40 0 0 1 -32.79754809959448 -22.898053162982798 L-32.79754809959448 -22.898053162982798 L-39.868615911459955 -29.96912097484827 L-29.969120974848305 -39.86861591145994 L-22.898053162982826 -32.797548099594465 A40 40 0 0 1 -6.999999999999994 -39.382737335030434 L-6.999999999999994 -39.382737335030434 L-6.999999999999996 -49.382737335030434 L6.999999999999978 -49.38273733503044 L6.99999999999998 -39.38273733503044 A40 40 0 0 1 22.898053162982812 -32.79754809959447 L22.898053162982812 -32.79754809959447 L29.969120974848288 -39.86861591145995 L39.86861591145994 -29.969120974848302 L32.797548099594465 -22.898053162982826 A40 40 0 0 1 39.382737335030434 -6.9999999999999964 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23"
                                    fill="#ff4d4d"></path>
                            </g>
                        </g>
                        <g transform="translate(0 22) scale(0.4)">
                            <g>
                                <animateTransform attributeName="transform" type="rotate" values="360;0" keyTimes="0;1"
                                    dur="1.7s" begin="-0.10625s" repeatCount="indefinite"></animateTransform>
                                <path
                                    d="M39.382737335030434 -7 L49.382737335030434 -7 L49.382737335030434 7 L39.382737335030434 7 A40 40 0 0 1 32.79754809959448 22.89805316298281 L32.79754809959448 22.89805316298281 L39.868615911459955 29.969120974848284 L29.969120974848284 39.86861591145995 L22.89805316298281 32.79754809959447 A40 40 0 0 1 7.000000000000006 39.382737335030434 L7.000000000000006 39.382737335030434 L7.000000000000007 49.382737335030434 L-7.000000000000001 49.382737335030434 L-7.000000000000002 39.382737335030434 A40 40 0 0 1 -22.898053162982805 32.79754809959448 L-22.898053162982805 32.79754809959448 L-29.96912097484828 39.868615911459955 L-39.86861591145995 29.969120974848284 L-32.79754809959447 22.89805316298281 A40 40 0 0 1 -39.382737335030434 7.000000000000009 L-39.382737335030434 7.000000000000009 L-49.382737335030434 7.00000000000001 L-49.382737335030434 -6.999999999999999 L-39.382737335030434 -7 A40 40 0 0 1 -32.79754809959448 -22.898053162982798 L-32.79754809959448 -22.898053162982798 L-39.868615911459955 -29.96912097484827 L-29.969120974848305 -39.86861591145994 L-22.898053162982826 -32.797548099594465 A40 40 0 0 1 -6.999999999999994 -39.382737335030434 L-6.999999999999994 -39.382737335030434 L-6.999999999999996 -49.382737335030434 L6.999999999999978 -49.38273733503044 L6.99999999999998 -39.38273733503044 A40 40 0 0 1 22.898053162982812 -32.79754809959447 L22.898053162982812 -32.79754809959447 L29.969120974848288 -39.86861591145995 L39.86861591145994 -29.969120974848302 L32.797548099594465 -22.898053162982826 A40 40 0 0 1 39.382737335030434 -6.9999999999999964 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23"
                                    fill="#f0f0f0"></path>
                            </g>
                        </g>
                        <g transform="translate(28 4) scale(0.3)">
                            <g>
                                <animateTransform attributeName="transform" type="rotate" values="0;360" keyTimes="0;1"
                                    dur="1.7s" begin="-0.10625s" repeatCount="indefinite"></animateTransform>
                                <path
                                    d="M39.382737335030434 -7 L49.382737335030434 -7 L49.382737335030434 7 L39.382737335030434 7 A40 40 0 0 1 32.79754809959448 22.89805316298281 L32.79754809959448 22.89805316298281 L39.868615911459955 29.969120974848284 L29.969120974848284 39.86861591145995 L22.89805316298281 32.79754809959447 A40 40 0 0 1 7.000000000000006 39.382737335030434 L7.000000000000006 39.382737335030434 L7.000000000000007 49.382737335030434 L-7.000000000000001 49.382737335030434 L-7.000000000000002 39.382737335030434 A40 40 0 0 1 -22.898053162982805 32.79754809959448 L-22.898053162982805 32.79754809959448 L-29.96912097484828 39.868615911459955 L-39.86861591145995 29.969120974848284 L-32.79754809959447 22.89805316298281 A40 40 0 0 1 -39.382737335030434 7.000000000000009 L-39.382737335030434 7.000000000000009 L-49.382737335030434 7.00000000000001 L-49.382737335030434 -6.999999999999999 L-39.382737335030434 -7 A40 40 0 0 1 -32.79754809959448 -22.898053162982798 L-32.79754809959448 -22.898053162982798 L-39.868615911459955 -29.96912097484827 L-29.969120974848305 -39.86861591145994 L-22.898053162982826 -32.797548099594465 A40 40 0 0 1 -6.999999999999994 -39.382737335030434 L-6.999999999999994 -39.382737335030434 L-6.999999999999996 -49.382737335030434 L6.999999999999978 -49.38273733503044 L6.99999999999998 -39.38273733503044 A40 40 0 0 1 22.898053162982812 -32.79754809959447 L22.898053162982812 -32.79754809959447 L29.969120974848288 -39.86861591145995 L39.86861591145994 -29.969120974848302 L32.797548099594465 -22.898053162982826 A40 40 0 0 1 39.382737335030434 -6.9999999999999964 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23"
                                    fill="#18dcff"></path>
                            </g>
                        </g>
                    </g>
                </svg>
            </div>
            <div class="text">
                <p>LOADING...</p>
            </div>
        </div>
    </div>

    <!-- Navbar-xs-->
    <div id="nav-row-xs">
        <div class="logo-wrapper">
            <a href="index.html"><img src="./assets/favicon.png" alt="Logo"></a>
        </div>
        <div class="toggle-btn">
            <button onclick="toggleNav()">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </button>
        </div>
    </div>

    <!-- Main Navbar -->
    <section id="navbar" class="">
        <div class="nav-container">
            <div class="nav-row">
                <div class="navToggle">
                    <button onclick="toggleNav()">X</button>
                </div>
                <div class="logo-wrapper">
                    <a href="index.html"><img src="./assets/favicon.png" alt="Logo"></a>
                </div>
                <div class="cars-menu-wrapper">
                    <ul class="menu m-0">
                        <li class="">
                            <a href="F13.html">F13</a>
                        </li>
                        <li class="">
                            <a href="E15.html">E15</a>
                        </li>
			<li class="active">
                            <a href="B15.html">B15</a>
                        </li>
			<li class="">
                            <a href="F16.html">F16</a>
                        </li>
			<li class="">
                            <a href="B16.html">B16</a>
                        </li>
                        <li class="">
                            <a href="F18.html">F18</a>
                        </li>
                        <li class="">
                            <a href="B19.html">B19</a>
                        </li>
			  <li class="">
                            <a href="pragun.html">PRAGUN</a>
                        </li>
                      
                  </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Home -->
    <section id="cars" >
        <div class="B15">
            <div class="B15_specs" >

                    <ul class="list-unstyled text-white" >
                        <li>
                            <p ><b>ENGINE</b>&nbsp&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp&nbsp&nbsp: Briggs and Stratton 10HP</p>
                        </li>
                        <li><p ><b>TRANSMISSION</b> : CVT coupled with FNR Gearbox</p>
                        </li>
                        <li>
                           <p ><b>SUSPENSION</b>&nbsp&nbsp &nbsp&nbsp : Front Double A-Arm<br>&nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp &nbsp &nbsp Rear Semi Trailing Arm</p>
                        </li>
                        <li>
                            <p ><b>GRADEABILITY</b>&nbsp &nbsp: 40 degree</p>
                        </li>
                        <li>
                            <p ><b>WEIGHT</b>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp : 192kg</p>
                        </li>
                      
                    </ul>
		 </div>

	<div class=" B15_achievements" >
	<p ><c href="https://bajasaeindia.org/index.html"><b>BAJA SAE INDIA 2015</b></c><br>SECURED 4TH IN DESIGN PRESENTATION<br>SECURED 6TH IN ACCELERATION EVENT<br>AWARDED "BEST ROOKIE TEAM AWARD"</p>
	</div>
	
        </div>
    </section>

    <!-- About -->
    <section id="about" class="p-3 pt-5 p-lg-5 bg-#e5e5e5">
        <div class="container pt-5">
            <div class="row text-center">
                <div class="col section-heading">
                    <h1>Baja 15</h1>
                    <div class="below">
                        <img src="assets/cross_flags.png">
                    </div>
                </div>
            </div>
            <div class="row text-justify">
                <div class="col font-rw font-1_1">
		    <img class= "carimgpic" src="https://res.cloudinary.com/imagelibraryfsae/image/upload/v1498843998/cars/b15.jpg" align="left">
			Our first off-road vehicle which was agile and lightweight. Design objective was to build light weight car that could perform in harsh conditions. Since it was our first car our, one of our objectives was to successfully complete all the dynamic events without major component failure and yet delivering the maximum performance. The vehicle dynamics associated with the car were highly tunable which gave us the freedom to juice the best out of our car.
			

                    

                </div>
            </div>
		
        </div>
    </section>

    <footer>
        <div class="p-3">
            <div class="row text-center text-lg-left">
                <div class="col-lg-4 text-lg-right border-right">
                    <h3 style="color: #005695">Society of Automotive Engineers (SAE)</h3>
                    <h4>Indian Institute of Technology, Kanpur</h4>
                    <p>
                        Kanpur - 208016
                        <br>
                        Uttar Pradesh
                        <br>
                        India
                    </p>
           	<ul class="list-unstyled list-inline text-white">
                         <li class="list-inline-item">
                            <a target="_blank" href="https://www.instagram.com/iitkms/">
                                <i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-white" target="_blank" href="https://www.facebook.com/SAE.IITK">
                                <i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-white" target="_blank" href="https://twitter.com/IITKMotorsports">
                                <i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-white" target="_blank"
                                href="https://plus.google.com/u/0/116448649617376276402">
                                <i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-white" target="_blank"
                                href="https://www.linkedin.com/groups/4024304/profile">
                                <i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i>
                            </a>
                        </li>
                    </ul>  
                    <hr class="hr-red d-lg-none">
                </div>
                <div class="col-lg-4">
                    <h3 style="color: #005695">Contact Us</h3>
                    <form action="https://formspree.io/pr.iitkms@gmail.com" class="contact-form container my_form"
                        method="POST">
                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <input class="bg-dark form-input w-100 m-1 ml-0" id="first_name" name="First_name"
                                    placeholder="First Name" type="text">
                            </div>
                            <div class=" col-12 col-lg-6">
                                <input class="bg-dark form-input w-100 m-1 ml-0" id="last_name" name="Last_name"
                                    placeholder="Last Name" type="text">
                            </div>
                        </div>
                        <input class="bg-dark form-input w-100 m-1 ml-0" id="email" name="email-id" placeholder="Email"
                            type="email">

                        <textarea class="bg-dark form-input w-100 m-1 ml-0" id="message" name="message"
                            placeholder="Message" type="text"></textarea>
                        <input class="bg-dark form-input m-1 ml-0" type="submit" value="Send">
                    </form>
                    <hr class="hr-red d-lg-none">
                </div>
                <div class="col-lg-4">
                   
	
		<div class="fb-page" data-href="https://www.facebook.com/SAE.IITK/" data-tabs="timeline" data-width="340" data-height="300px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/SAE.IITK/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/SAE.IITK/">SAE IIT Kanpur</a></blockquote></div>
			
                    <!-- <iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/search?q=SAE%20IIT%20Kanpur%2C%20Sixth%20Avenue%2C%20Kalyanpur%2C%20Kanpur%2C%20Uttar%20Pradesh%2C%20India&key=AIzaSyDPEFC1E9_nSGLSgRHaCm4AP-5DCPYDRxY" allowfullscreen></iframe>  -->
                </div>
		
            </div>
        </div>
    </footer>
<script src="scripts/script.js"></script>
</body>

</html>