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

(Undo revision 94583 by Franquero (talk))
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">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
        <title>iGEM: Madrid-OLM</title>
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
      <meta name="description" content="blablabla">
−
    <title>iGEM : The Team</title>
+
<meta name="keywords" content="portfolio, personal, corporate, business, parallax, creative, agency">
−
    <!-- Favicon -->
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
    <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">
+
−
   
+
  
−
    <!-- Main Style -->
+
        <!-- bootstrap css -->
−
    <link href="https://2016.igem.org/Template:INSA-Lyon/style?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2016.igem.org/Template:INSA-Lyon/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
  
−
  </head>
+
<!-- google fonts -->
−
  <body>
+
        <link href="https://2018.igem.org/Template:Madrid-OLM/googlefonts?action=raw&ctype=text/css" rel="stylesheet">
−
 
+
−
  <!-- BEGAIN PRELOADER -->
+
−
  <div id="preloader">
+
−
    <div id="status">&nbsp;</div>
+
−
  </div>
+
−
  <!-- END PRELOADER -->
+
  
−
  <!-- SCROLL TOP BUTTON -->
+
<!-- Core Style Css -->
−
  <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
+
        <link href="https://2018.igem.org/Team:Madrid-OLM/style?action=raw&ctype=text/css" rel="stylesheet">
−
  <!-- END SCROLL TOP BUTTON -->
+
  
 +
        <!--[if lt IE 9]-->
 +
<script src="js/html5shiv.min.js"></script>
 +
<!--[endif]-->
 +
    </head>
 +
    <body>
  
−
  <!-- BEGIN MENU -->
+
    <!-- ====== Preloader ======  -->
−
  <section id="menu-area">
+
    <div class="loading">
−
       
+
<div class="load-circle">
−
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
</div>
−
    <!-- header bottom for igem toolbar-->
+
−
<div class="header-bottom">
+
−
 
+
 
</div>
 
</div>
−
  </header>
+
<!-- ======End Preloader ======  -->
−
  <!-- 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 -->
+
  
−
      </div>
+
<!-- ====== button-top ======  -->
 +
<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 ======  -->
  
  
−
    </nav>
+
        <!-- jQuery -->
 +
<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>
  
−
  </section>
+
  <!-- bootstrap -->
−
  <!-- END MENU -->
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
−
  <!-- Start Top Image -->
+
<!-- scrollIt -->
−
  <section id="top">
+
<script src="js/scrollIt.min.js"></script>
−
    <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 -->
+
  
−
  <!-- Start Overview -->
+
<!-- magnific-popup -->
 +
<script src="js/jquery.magnific-popup.min.js"></script>
  
−
  <section id="abstract">
+
<!-- owl carousel -->
−
    <div class="container">
+
<script src="js/owl.carousel.min.js"></script>
  
−
      <div class="row">
+
<!-- stellar js -->
 +
<script src="js/jquery.stellar.min.js"></script>
  
−
        <div class="col-md-12">
+
<!-- typed js -->
−
          <div class="title-area" id="overview">
+
      <script src="js/typed.js"></script>
−
            <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>
+
  
−
      </div>
+
      <!-- jquery.waypoints.min js -->
−
    </div>
+
  <script src="js/jquery.waypoints.min.js"></script>
−
  </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>
  
−
  <!-- Include all compiled plugins (below), or include individual files as needed -->
+
      <!-- validator js -->
−
  <!-- Bootstrap -->
+
      <script src="js/validator.js"></script>
−
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/bootstrapjs?
+
−
action=raw&ctype=text/javascript"></script>
+
−
 
+
  
−
  <!-- Custom js -->
+
      <!-- custom script -->
−
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/javascript?
+
        <script src="js/custom.js"></script>
−
action=raw&ctype=text/javascript"></script>
+
  
−
  <!-- WOW effect -->
+
    </body>
−
  <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 16:39, 15 August 2018

iGEM: Madrid-OLM

Hi,

I Am Alex Martin