View source for Team:SVCE Chennai

<html>

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<link rel="stylesheet" type="text/css" href="https://bootswatch.com/flatly/bootstrap.css"/>


<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<nav class="navBarIGEM navbar navbar-default navbar-fixed-top hide">

  <div class="navbar-header">
		<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="#" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
	</div>
	
	
	<div class="collapse navbar-collapse js-navbar-collapse">
		<ul id="sdt_menu" class="sdt_menu">
				<li>
					<a href="#">
						<img src="https://static.igem.org/mediawiki/2015/c/c2/MenuImgs_mor.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">More</span>
							<span class="sdt_descr">Get to know more</span>
						</span>
					</a>
	                               <div class="sdt_box">
							<a href="#">Collaborations</a>
							<a href="#">Attributions</a>
							<a href="#">Human Practices</a>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="https://static.igem.org/mediawiki/2015/e/e9/MenuImgs_notebook.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Notebook</span>
							<span class="sdt_descr">My work</span>
						</span>
					</a>
				
				</li>
				<li>
					<a href="#">
						<img src="https://static.igem.org/mediawiki/2015/1/17/MenuImgs_parts.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Parts</span>
							<span class="sdt_descr">Where ideas get born</span>
						</span>
					</a>
				</li>
				
				<li>
					<a href="#">
						<img src="https://static.igem.org/mediawiki/2015/d/d4/MenuImgs_bs.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Brainstrom</span>
							<span class="sdt_descr">I write about design</span>
						</span>
					</a>
				</li>
<li>
	                              <a href="#">
						<img src="https://static.igem.org/mediawiki/2015/3/30/MenuImgs_team.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Team</span>
							<span class="sdt_descr">I write about design</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="https://static.igem.org/mediawiki/2015/9/9d/MenuImgs1.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Project</span>
							<span class="sdt_descr">I like to code</span>
						</span>
					</a>
					
				</li>
			</ul>
		
	</div><!-- /.nav-collapse -->
      
</nav>


<div class="container">
 
  
<div class="loading">

<div class="talk-bubble tri-right round btm-left">
  <div class="talktext">
    <p id="minicellIntro"></p>
  </div>
</div>

  <img src="https://static.igem.org/mediawiki/2015/3/3e/Minio.png" width=150 class="minioImg">
</div>

<!-- Carousel Start -->

    <div class='row hide' style="padding-bottom:58px">
        <div class='col-md-12 marginTopCarousel'>
            <div class="carousel slide" data-ride="carousel" id="quote-carousel" style="    height: 93%;">
                <!-- Bottom Carousel Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#quote-carousel" data-slide-to="1"></li>
                    <li data-target="#quote-carousel" data-slide-to="2"></li>
                </ol>
                <!-- Carousel Slides / Quotes -->
                <div class="carousel-inner">
                    <!-- Quote 1 -->
                    <div class="item active">
                        <blockquote>
                            <div class="row">
                                
                                <div class="col-sm-12 text-center">
                   <img class="img-circle" src="https://static.igem.org/mediawiki/2015/9/9e/Slides1.jpg" style="width: 100%;">
                                 </div>
                                   
                                </div>
                            </blockquote>
                        </div>
                </div>
                            <!-- Carousel Buttons Next/Prev -->
                            <a data-slide="prev" href="#quote-carousel" class="left carousel-control">
                                <i class="fa fa-chevron-left"></i>
                            </a>
                            <a data-slide="next" href="#quote-carousel" class="right carousel-control">
                                <i class="fa fa-chevron-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            

<!-- Carousel End -->

	<div class="row sponsorsLogo hide" id="sponsorsDefault" style="padding-top: 95px; padding-bottom:58px">
        <h3 class="title">Sponsors</h3>
		<div class="col-md-3 col-sm-4 col-xs-6"><img class="img-responsive" src="http://2.bp.blogspot.com/-H6MAoWN-UIE/TuRwLbHRSWI/AAAAAAAABBk/89iiEulVsyg/s400/Free%2BNature%2BPhoto.jpg" /></div>
      
   
</div>
    


   
 </div>


    <footer class="footer hide" style="position:fixed">
      <div class="container">
       <div class="row">
         <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2015/3/3e/Minio.png" width=50>
             <span class="speech" data-toggle="tooltip" title="Did you know! you can speak with me! Ask me questions like: Who are you?">Lets talk!
               <div class="fa fa-microphone microphone-icon"></div>
           </span>
        </div>
           <div class="col-md-4 sponsorsTitle" style="transform:none; border: none; text-align: center;" >
   <a href="sponsorsDefault" class="navigate"> <p>Sponsors</p>
    <p style="margin-top: -8px;"><i class="fa fa-chevron-down"></i>
       </p></a>
</div>
         <div class="col-md-4" style="float:right;  border-left: 1px solid #60C3EB; transform:skew(">

         <img src="https://upload.wikimedia.org/wikipedia/en/7/71/SVCE_logo.png" width=50>
<p style=" display: inline; font-size: 14px;  transform: skew(-30deg); ">Sri Venkateswara College of Engineering, Chennai</p>
       </div>
       </div>
      </div>
    </footer>


<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://2015.igem.org/Team:SVCE_Chennai/Javascript?action=raw&ctype=text/javascript"></script>
<script src="http://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

</html>