Difference between revisions of "Team:SVCE Chennai/Brainstorm"

Line 1: Line 1:
 +
<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 rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />
  
−
<div class="wrapper clearfix stickyNotification">
+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
−
    <aside class="note-wrap note-yellow">
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
−
      <p>Driving along on the plastic dream, Heart beats fast like a tiny machine</p>
+
 
−
      <a href="http://youtu.be/vFYaFT0q6Uw">The Mighty Boosh</a>
+
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top hide">
−
    </aside>
+
 
−
    <aside class="note-wrap note-blue">
+
  <div class="navbar-header">
−
      <p>So we back in the mine, got our pick axe swinging from side to side</p>
+
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
−
      <a href="http://youtu.be/cPJUBQd-PNM">CaptainSparklez</a>
+
<span class="sr-only">Toggle navigation</span>
−
    </aside>
+
<span class="icon-bar"></span>
−
    <aside class="note-wrap note-pink">
+
<span class="icon-bar"></span>
−
      <p>Ice skating and shit in NORWAY</p>
+
<span class="icon-bar"></span>
−
      <a href="http://youtu.be/EF1V8HFfpTE">apetor</a>
+
</button>
−
    </aside>
+
<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>
−
    <aside class="note-wrap note-green">
+
</div>
−
      <p>One pill makes you larger, And one pill makes you small</p>
+
−
      <a href="http://youtu.be/i2LhAeFutxk">Jefferson Airplane</a>
+
−
     </aside>
+
<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">Gallery</span>
 +
<span class="sdt_descr">Get to know more</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">Practices</span>
 +
<span class="sdt_descr">Get to know more</span>
 +
</span>
 +
</a>
 +
               
 +
                    <div class="sdt_box">
 +
<a href="#">Human Practices</a>
 +
<a href="#">Collaboration</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">Check our board</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">Safety</span>
 +
<span class="sdt_descr">Get to know more</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">Get to know more</span>
 +
</span>
 +
</a>
 +
   
 +
                    <div class="sdt_box">
 +
<a href="#">Members</a>
 +
<a href="#">Brainstorm</a>
 +
<a href="#">Attributions</a>
 +
                       
 +
</div>
 +
</li>
 +
<li>
 +
<a href="{{Project}}">
 +
<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">Get to know more</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>
 +
</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" data-interval="false" 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 class="item ">
 +
                        <blockquote>
 +
                            <div class="row">
 +
                               
 +
                                <div class="col-sm-12 text-center">
 +
                  <img class="img-circle" src="https://static.igem.org/mediawiki/2015/4/46/Slides2.jpg" style="width: 100%;">
 +
                                </div>
 +
                                 
 +
                                </div>
 +
                            </blockquote>
 +
                        </div>
 +
                    <div class="item ">
 +
                        <blockquote>
 +
                            <div class="row">
 +
                               
 +
                                <div class="col-sm-12 text-center">
 +
                  <img class="img-circle" src=" https://static.igem.org/mediawiki/2015/2/29/Slides3.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" style="text-align:center; padding-bottom:30px;">Our Sponsors</h3>
 +
        <div class="col-md-3 col-sm-6">
 +
        <a target="_blank" href="http://www.svce.ac.in">
 +
           
 +
                <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/2/25/S1.jpg" />
 +
       
 +
        </a>
 +
              </div>
 +
        <div class="col-md-3 col-sm-6">
 +
          <a target="_blank" href="http://www.synergybiotech.net"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/6/64/S2.jpg" /></a></div>
 +
        <div class="col-md-3 col-sm-6">
 +
          <a target="_blank" href="#"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/3/3b/S3.jpg" /></a>
 +
            </div>
 +
        <div class="col-md-3 col-sm-6">
 +
          <a target="_blank" href="http://www.idt.com"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/78/S4.jpg" /></a></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>

Revision as of 19:13, 17 September 2015

Lets talk!

Sponsors

Sri Venkateswara College of Engineering, Chennai