Difference between revisions of "Team:Madrid-OLM/Team"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
    <head>
+
  <head>
−
        <meta charset="utf-8">
+
    <meta charset="UTF-8">
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
        <title>iGEM: Madrid-OLM</title>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
      <meta name="description" content="blablabla">
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
<meta name="keywords" content="portfolio, personal, corporate, business, parallax, creative, agency">
+
    <title>iGEM : The Team</title>
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!-- Favicon -->
 +
    <link rel="shortcut icon" type="image/icon" href="https://static.igem.org/mediawiki/2016/6/6b/T--INSA-Lyon--favicon.png"/>
 +
    <!-- Font Awesome -->
 +
    <link href="https://2016.igem.org/Template:INSA-Lyon/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!-- Bootstrap -->
 +
    <link href="https://2016.igem.org/Template:INSA-Lyon/bootstrap?action=raw&ctype=text/css" rel="stylesheet">   
 +
    <!-- Theme color -->
 +
    <link id="switcher" href="https://2016.igem.org/Template:INSA-Lyon/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!-- Global CSS -->
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:INSA-Lyon/css_global?action=raw&ctype=text/css" />
 +
    <!-- Animation -->
 +
    <link href="https://2016.igem.org/Template:INSA-Lyon/animate?action=raw&ctype=text/css" rel="stylesheet">
 +
   
  
−
        <!-- bootstrap css -->
+
    <!-- Main Style -->
−
<link href="https://2016.igem.org/Template:INSA-Lyon/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
    <link href="https://2016.igem.org/Template:INSA-Lyon/style?action=raw&ctype=text/css" rel="stylesheet">
  
−
<!-- google fonts -->
+
  </head>
−
        <link href="https://2018.igem.org/Template:Madrid-OLM/googlefonts?action=raw&ctype=text/css" rel="stylesheet">
+
  <body>
 +
 
 +
  <!-- BEGAIN PRELOADER -->
 +
  <div id="preloader">
 +
    <div id="status">&nbsp;</div>
 +
  </div>
 +
  <!-- END PRELOADER -->
  
−
<!-- Core Style Css -->
+
  <!-- SCROLL TOP BUTTON -->
−
        <link href="https://2018.igem.org/Team:Madrid-OLM/style?action=raw&ctype=text/css" rel="stylesheet">
+
  <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
 +
  <!-- END SCROLL TOP BUTTON -->
  
−
        <!--[if lt IE 9]-->
 
−
<script src="js/html5shiv.min.js"></script>
 
−
<!--[endif]-->
 
−
    </head>
 
−
    <body>
 
  
−
    <!-- ====== Preloader ======  -->
+
  <!-- BEGIN MENU -->
−
    <div class="loading">
+
  <section id="menu-area">
−
<div class="load-circle">
+
       
−
</div>
+
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
    <!-- header bottom for igem toolbar-->
 +
<div class="header-bottom">
 +
 
 
</div>
 
</div>
−
<!-- ======End Preloader ======  -->
+
  </header>
 +
  <!-- End header -->
 +
   
 +
      <div class="container">
 +
     
 +
        <div class="navbar-header">
 +
       
 +
          <!-- FOR MOBILE VIEW COLLAPSED BUTTON -->
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <!-- LOGO -->             
 +
          <!-- TEXT BASED LOGO -->
 +
          <!--<a class="navbar-brand" href="index.html">iGEM</a>    -->
 +
          <!-- IMG BASED LOGO -->
 +
            <a class="navbar-brand" href="https://2016.igem.org/Team:INSA-Lyon"><img src="https://static.igem.org/mediawiki/2016/d/d2/T-INSA-Lyon--mylogo.png" alt="logo"></a>
 +
        </div>
 +
        <div id="navbar" class="nav-tabs navbar-collapse collapse">
 +
          <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
 +
            <li class="dropdown active">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="fa fa-angle-down"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Description">Description</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Design">Design</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Proof">Proof of Concept</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Composite_Part">Parts</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Notebook">Notebook</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Achievements">Achievements</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wet Lab <span class="fa fa-angle-down"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Experiments">Protocols</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Results">Results</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Safety">Safety</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Interlab">Interlab</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dry Lab <span class="fa fa-angle-down"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Model">Modeling</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Software">Software</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practices <span class="fa fa-angle-down"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Human_Practices">Human Practices</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/HP/Silver">Silver</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/HP/Gold">Gold</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">Integrated Practices</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Engagement">Public engagement</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <span class="fa fa-angle-down"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Team">Members</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Attributions">Attributions</a></li>
 +
                <li><a href="https://2016.igem.org/Team:INSA-Lyon/Collaborations">Collaborations</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>                   
 +
        </div><!--/.nav-collapse -->
  
−
<!-- ====== button-top ======  -->
+
      </div>
−
<div class="button-top" data-scroll-nav="0">
+
−
<span>
+
−
<i class="fa fa-angle-up" aria-hidden="true"></i>
+
−
</span>
+
−
</div>
+
−
<!-- ======End button-top ======  -->
+
−
 
+
−
<!-- ====== Navgition ======  -->
+
−
<nav class="navbar navbar-default">
+
−
  <div class="container">
+
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
−
    <div class="navbar-header">
+
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-icon-collapse" aria-expanded="false">
+
−
        <span class="sr-only">Toggle navigation</span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
      </button>
+
−
 
+
−
      <!-- logo -->
+
−
      <div class="logo">Ma<span>r</span>tin</div>
+
−
 
+
−
 
+
−
    </div>
+
−
 
+
−
    <!-- Collect the nav links, and other content for toggling -->
+
−
    <div class="collapse navbar-collapse" id="nav-icon-collapse">
+
−
     
+
−
  <!-- links -->
+
−
      <ul class="nav navbar-nav navbar-right">
+
−
        <li><a href="https://igem.org" >Home</a></li>
+
−
        <li><a href="#" data-scroll-nav="1">About</a></li>
+
−
        <li><a href="#" data-scroll-nav="2">Resume</a></li>
+
−
        <li><a href="#" data-scroll-nav="3">Services</a></li>
+
−
        <li><a href="#" data-scroll-nav="4">Clients</a></li>
+
−
        <li><a href="#" data-scroll-nav="5">Works</a></li>
+
−
        <li><a href="#" data-scroll-nav="6">Blog</a></li>
+
−
        <li><a href="#" data-scroll-nav="7">Contact</a></li>
+
−
      </ul>
+
−
    </div><!-- /.navbar-collapse -->
+
−
  </div><!-- /.container -->
+
−
</nav>
+
−
<!-- ====== End Navgition ======  -->
+
−
 
+
−
<!-- ====== Header ======  -->
+
−
<section id="home" class="header" data-scroll-index="0">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="v-middle">
+
−
<div class="caption">
+
−
<h4>Hi,</h4>
+
−
<h1>I Am Alex Martin</h1>
+
−
<div class="type">
+
−
<h3></h3>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<!-- ====== End Header ======  -->
+
  
  
−
        <!-- jQuery -->
+
    </nav>
−
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
+
−
<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
+
  
−
  <!-- bootstrap -->
+
  </section>
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
  <!-- END MENU -->
  
−
<!-- scrollIt -->
+
  <!-- Start Top Image -->
−
<script src="js/scrollIt.min.js"></script>
+
  <section id="top">
 +
    <div class="top-overlay">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-12">
 +
            <div class="row">
 +
              <div class=" col-md-12">
 +
                <div class="top-area">
 +
                <div class="row">
 +
                <div class=" col-md-6">
 +
                  <img src="https://static.igem.org/mediawiki/2016/0/08/T--INSA-Lyon--Banner_HomePage_Results.png" class="img-responsive">
 +
                  </div>
 +
                  <div class="col-md-6">
 +
              <h5 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">Gotta Detect 'Em All</h5>
 +
              <h3 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s">A multi-STI sensor based on aptamers</h3>
 +
             
 +
              <div id="nominations">
 +
          <h4 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s">5 Nominations</h4>
 +
          <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s"><span class="glyphicon glyphicon-star-empty"></span> Best Applied Design <span class="glyphicon glyphicon-star-empty"></span></p>
 +
          <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s"><span class="glyphicon glyphicon-star-empty"></span> Best Education and Public Engagement <span class="glyphicon glyphicon-star-empty"></span></p>
 +
          <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s"><span class="glyphicon glyphicon-star-empty"></span> Best Integrated Human Practices <span class="glyphicon glyphicon-star-empty"></span></p>
 +
          <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s"><span class="glyphicon glyphicon-star-empty"></span> Best Model <span class="glyphicon glyphicon-star-empty"></span></p>
 +
          <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.75s"><span class="glyphicon glyphicon-star-empty"></span> Best Software Tool <span class="glyphicon glyphicon-star-empty"></span></p>
 +
              </div>
 +
             
 +
              <a class="read-more-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" href="#abstract">Read More</a>   
 +
                  </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </section>
 +
  <a id="nav"></a>
 +
  <!-- End top image -->
  
−
<!-- magnific-popup -->
+
  <!-- Start Overview -->
−
<script src="js/jquery.magnific-popup.min.js"></script>
+
  
−
<!-- owl carousel -->
+
  <section id="abstract">
−
<script src="js/owl.carousel.min.js"></script>
+
    <div class="container">
  
−
<!-- stellar js -->
+
      <div class="row">
−
<script src="js/jquery.stellar.min.js"></script>
+
  
−
<!-- typed js -->
+
        <div class="col-md-12">
−
      <script src="js/typed.js"></script>
+
          <div class="title-area" id="overview">
 +
            <h2 class="title">Overview</h2>
 +
            <span class="line"></span>
 +
            <img src="https://static.igem.org/mediawiki/2016/2/26/T--INSA-Lyon--infographie_final.png" class="img-responsive">
 +
          </div>
 +
        </div>
  
−
      <!-- jquery.waypoints.min js -->
+
      </div>
−
  <script src="js/jquery.waypoints.min.js"></script>
+
    </div>
 +
  </section>
 +
         
 +
  <!-- Start footer -->
 +
  <footer id="footer">
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="col-md-6 col-sm-6">
 +
                  <div class="footer-left">
 +
                      <p>Designed by Team iGEM INSA-LYON </p>
 +
                  </div>
 +
              </div>
 +
              <div class="col-md-6 col-sm-6">
 +
                  <div class="footer-right">
 +
                      <a href="https://www.facebook.com/insaadnconceptclub/"><i class="fa fa-facebook"></i></a>
 +
                      <a href="http://www.dailymotion.com/iGEM_Lyon_2011"><i class="fa fa-video-camera"></i></a>
 +
                      <a href="https://www.linkedin.com/groups/8265587"><i class="fa fa-linkedin"></i></a> 
 +
                      <a href="mailto:ia2c.asso@gmail.com"><i class="fa fa-envelope"></i></a>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </div>
 +
  </footer>
 +
  <!-- End footer -->
  
−
  <!-- jquery.counterup.min js -->
 
−
  <script src="js/jquery.counterup.min.js"></script>
 
  
−
      <!-- isotope.pkgd.min js -->
 
−
      <script src="js/isotope.pkgd.min.js"></script>
 
  
−
      <!-- validator js -->
+
  <!-- Include all compiled plugins (below), or include individual files as needed -->
−
      <script src="js/validator.js"></script>
+
  <!-- Bootstrap -->
 +
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/bootstrapjs?
 +
action=raw&ctype=text/javascript"></script>
 +
 
  
−
      <!-- custom script -->
+
  <!-- Custom js -->
−
        <script src="js/custom.js"></script>
+
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/javascript?
 +
action=raw&ctype=text/javascript"></script>
  
−
    </body>
+
  <!-- WOW effect -->
 +
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/wow?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
  </body>
 
</html>
 
</html>

Revision as of 15:22, 15 August 2018

iGEM : The Team

 
Gotta Detect 'Em All

A multi-STI sensor based on aptamers

5 Nominations

Best Applied Design

Best Education and Public Engagement

Best Integrated Human Practices

Best Model

Best Software Tool

Read More

Overview

Designed by Team iGEM INSA-LYON