subsystems.html

<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>Subsystems</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<link rel="icon" href="https://ik.imagekit.io/wns4q4r9n2/misc/black_logo__xHFqm2z7I.png" />
		<link rel="apple-touch-icon" href="https://ik.imagekit.io/wns4q4r9n2/misc/black_logo__xHFqm2z7I.png">
    <meta name="description" content="Our team is divided in four subsystems..." />
  	<meta name="keywords" content="Rocketry, thrustMIT, sounding rockets, Manipal, MIT, Manipal Institute of Technology" />
	  <meta name="author" content="Shroat Mehta @thrustMIT" />
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="./css/demo.css" />
        <link rel="stylesheet" type="text/css" href="./css/style.css" />
        <link rel="stylesheet" type="text/css" href="./css/custom.css" />
		<script type="text/javascript" src="./js/modernizr.custom.79639.js"></script>
		<noscript>
			<link rel="stylesheet" type="text/css" href="./css/styleNoJS.css" />
		</noscript>
    </head>
    <body>

		
        
        <div class="container demo-1">

			<div class="codrops-top clearfix">
				<a href="./index.html">
					<img src="https://ik.imagekit.io/wns4q4r9n2/misc/website_ZahjzFh-u.svg" class="logo" alt="">
				</a>
                <div class="clr"></div>
            </div>
			
			<div id="myNav" class="overlay">
				<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
				<div class="overlay-content">
					<a href="./index.html">Home</a>
					<a href="./subsystems.html">Subsystems</a>
					<a href="./projects.html">Projects</a>
					<a href="./team.html">Team</a>
					<a href="./partners.html">Partners</a>
					<a href="./gallery.html">Gallery</a>
					<a href="./contact.html">Contact</a>
					<footer class="credits">
						<a href="https://www.linkedin.com/in/shroatmehta/" target="_blank">Developed by Shroat Mehta</a>

					</footer>
				</div>
			  </div>
			  <span  class="hamburger" onclick="openNav()">&#9776;</span>

            <nav class="codrops-demos">
				<div class="container demo-1">
				
			</nav>

            <div id="slider" class="sl-slider-wrapper">

				<div class="sl-slider">
				
					<div class="sl-slide bg-1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
						<div class="sl-slide-inner">
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/aero_5Xp-EN1IL.png" class="deco" alt="">
							<h2 class="aero">AERODYNAMICS</h2>
							<blockquote><p>Aerodynamics subsystem  ensures that the  rocket follows the correct trajectory and has optimum efficiency. It involves designing fins, nose cone and performing CFD simulations to analyse the aerodynamic forces, flow pattern and stability of the rocket. Major experimental projects include supersonic simulations, air brakes, and designing active control surfaces. </p></blockquote>
						</div>
					</div>
					
					<div class="sl-slide bg-2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
						<div class="sl-slide-inner">
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/avionics1_XFrefCS-H.png" class="deco" alt="">
							<h2>AVIONICS</h2>
							<blockquote><p>The Avionics subsystem develops the flight computer for our rocket. It involves programming  a multitude of sensors to track live rocket data. We also develop systems like air brakes and reaction control systems. We also wish to explore relevant tasks such as making ML algorithms, data compression, and video telemetry. </p></blockquote>
						</div>
					</div>
					
					<div class="sl-slide bg-3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/S_FJCWQ48aF.png" class="deco" alt="">
							<h2>STRUCTURES</h2>
							<blockquote><p>Structures is responsible for the design of the rocket exterior and interior. We perform composite and structural simulations of the rocket airframe and internal components. Structures is responsible for the structural stability and safety of the rocket. We are also working on a static motor ground testing rig.  </p></blockquote>
						</div>
					</div>
					
					<div class="sl-slide bg-4" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/research_luQxw_6CZ.png" class="deco" alt="">
							<h2>PAYLOAD AND RESEARCH</h2>
							<blockquote><p>Payload and Research is an interdisciplinary subsystem which develops the payload (experiment to be conducted on board) and researched on various aspects of rocketry and beyond. Research into Axial Deployment of our Payloads, Decoupling/Staging Algorithms, Supersonic Aerodynamic Profiles, MEMS Sensors is underway. </p></blockquote>
						</div>
					</div>
					
					<div class="sl-slide bg-5" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/P_sHgzgnqvW.png" class="deco" alt="">
							<h2>PROPULSION</h2>
							<blockquote><p>The Propulsion Subsystem develops the rocket engine. We plan to build the first student developed Liquid Rocket Engine in India. A test fire of the largest privately built Solid Rocket Motor in India will be held soon.Research into Solid Rocket Fuel,Ignitors, Design Optimization, Thrust Vector Control and Reaction Control System Design is underway. </p></blockquote>
						</div>
                    </div>
                    <div class="sl-slide bg-6" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
						<div class="sl-slide-inner">
							
							<img src="https://ik.imagekit.io/wns4q4r9n2/Icons/management2_OyNmikzQv.png" class="deco" alt="">
							<h2>MANAGEMENT</h2>
							<blockquote><p>Management is responsible for the smooth functioning of the entire team. Finance & Sponsorship monitors the Team’s budget and plans and executes successful strategies for sponsorship. We make sure that our team gets all the materials required. We also handle our website and social media handles. </p></blockquote>
						</div>
					</div>
				</div><!-- /sl-slider -->
				
				<nav id="nav-arrows" class="nav-arrows">
					<span class="nav-arrow-prev">Previous</span>
					<span class="nav-arrow-next">Next</span>
				</nav>

				<nav id="nav-dots" class="nav-dots">
					<span class="nav-dot-current"></span>
					<span></span>
					<span></span>
					<span></span>
                    <span></span>
                    <span></span>
				</nav>

			</div><!-- /slider-wrapper -->

        </div>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="./js/jquery.ba-cond.min.js"></script>
		<script type="text/javascript" src="./js/jquery.slitslider.js"></script>
		<script type="text/javascript" src="./js/app.js"></script>
		<script type="text/javascript">	
		
			$(function() {
			
				var Page = (function() {

					var $navArrows = $( '#nav-arrows' ),
						$nav = $( '#nav-dots > span' ),
						slitslider = $( '#slider' ).slitslider( {
							onBeforeChange : function( slide, pos ) {

								$nav.removeClass( 'nav-dot-current' );
								$nav.eq( pos ).addClass( 'nav-dot-current' );

							}
						} ),

						init = function() {

							initEvents();
							
						},
						initEvents = function() {

							// add navigation events
							$navArrows.children( ':last' ).on( 'click', function() {

								slitslider.next();
								return false;

							} );

							$navArrows.children( ':first' ).on( 'click', function() {
								
								slitslider.previous();
								return false;

							} );

							$nav.each( function( i ) {
							
								$( this ).on( 'click', function( event ) {
									
									var $dot = $( this );
									
									if( !slitslider.isActive() ) {

										$nav.removeClass( 'nav-dot-current' );
										$dot.addClass( 'nav-dot-current' );
									
									}
									
									slitslider.jump( i + 1 );
									return false;
								
								} );
								
							} );

						};

						return { init : init };

				})();

				Page.init();

				/**
				 * Notes: 
				 * 
				 * example how to add items:
				 */

				/*
				
				var $items  = $('<div class="sl-slide sl-slide-color-2" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"><div class="sl-slide-inner bg-1"><div class="sl-deco" data-icon="t"></div><h2>some text</h2><blockquote><p>bla bla</p><cite>Margi Clarke</cite></blockquote></div></div>');
				
				// call the plugin's add method
				ss.add($items);

				*/
			
			});
		</script>
	</body>
</html>