Difference between revisions of "Team:INSA-Lyon/Notebook"

 
(4 intermediate revisions by 2 users not shown)
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">
Line 11: Line 11:
 
     <link href="https://2016.igem.org/Template:INSA-Lyon/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2016.igem.org/Template:INSA-Lyon/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
−
     <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/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
−
    <!-- Theme color -->
+
    <!-- Theme color -->
 
     <link id="switcher" href="https://2016.igem.org/Template:INSA-Lyon/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
     <link id="switcher" href="https://2016.igem.org/Template:INSA-Lyon/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:INSA-Lyon/css_global?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:INSA-Lyon/css_global?action=raw&ctype=text/css" />
Line 19: Line 19:
 
     <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/style?action=raw&ctype=text/css" rel="stylesheet">
  
−
  </head>
+
</head>
−
  <body>
+
<body>
−
 
+
 
−
  <!-- BEGAIN PRELOADER -->
+
<!-- BEGAIN PRELOADER -->
−
  <div id="preloader">
+
<div id="preloader">
 
     <div id="status">&nbsp;</div>
 
     <div id="status">&nbsp;</div>
−
  </div>
+
</div>
−
  <!-- END PRELOADER -->
+
<!-- END PRELOADER -->
  
−
  <!-- SCROLL TOP BUTTON -->
+
<!-- SCROLL TOP BUTTON -->
−
  <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
+
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
−
  <!-- END SCROLL TOP BUTTON -->
+
<!-- END SCROLL TOP BUTTON -->
  
  
−
<!-- BEGIN MENU -->
+
<!-- BEGIN MENU -->
−
  <section id="menu-area">
+
<section id="menu-area">
−
       
+
 
 
     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 
     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
−
    <!-- header bottom for igem toolbar-->
+
        <!-- header bottom for igem toolbar-->
−
<div class="header-bottom">
+
        <div class="header-bottom">
−
 
+
 
−
</div>
+
−
  </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="https://2016.igem.org/Team:INSA-Lyon">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>
−
         <div id="navbar" class="nav-tabs navbar-collapse collapse">
+
         </header>
−
          <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
+
         <!-- End header -->
−
            <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>
+
        <div class="container">
  
 +
            <div class="navbar-header">
  
−
     </nav>
+
                <!-- 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="https://2016.igem.org/Team:INSA-Lyon">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 -->
  
−
  </section>
+
        </div>
−
  <!-- END MENU -->
+
  
−
  <!-- sidebar -->
 
−
  <div class="col-md-3 contents-sidebar">
 
−
      <ul id="sidebar" class="nav nav-stacked hidden-xs hidden-sm" data-spy="affix" data-target=".contents-sidebar" data-offset="100">
 
−
         
 
−
      </ul>
 
−
  </div>
 
  
−
  <!-- Start Top Image -->
+
    </nav>
−
  <section id="topnotebook">
+
 
−
        <div class="topnotebook-overlay">
+
</section>
−
            <div class="container-fluid">
+
<!-- END MENU -->
−
                <div class="row">  
+
 
−
                    <div class="topparts-area">
+
<!-- Start Top Image -->
−
                      <div class="row">
+
<section id="topnotebook">
−
                            <div class="col-md-2 col-md-offset-5"><h5 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">NOTEBOOK</h5></div>
+
    <div class="topdesc-overlay">
−
                            <div class="col-md-2 col-md-offset-3"><a class="read-more-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" href="#notebook">Read More</a></div>
+
        <div class="container-fluid">
−
                          </div>
+
            <div class="row">
−
                        <span class="line"></span>
+
                <div class="topnotebook-area">
−
                      </div>
+
                    <div class="row">
−
                    </div> 
+
                        <div class="col-md-5 col-md-offset-3"><h5 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">NOTEBOOK</h5></div>
 +
                        <div class="col-md-2 col-md-offset-2"><a class="read-more-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" href="#notebook">Read More</a></div>
 +
                    </div>
 +
                    <span class="line"></span>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </div>
 +
    </div>
 +
</section>
 +
<!-- End Top Image -->
 +
 +
  <!-- Start notebook -->
 +
  <section id="notebook">
 +
    <div class="container">
 +
 +
      <div class="row">   
 +
            <img src="https://static.igem.org/mediawiki/2016/b/bb/T--INSA-Lyon--notebook1.png" class="img-responsive">
 +
            <img src="https://static.igem.org/mediawiki/2016/a/af/T--INSA-Lyon--notebook2.png" class="img-responsive">
 +
            <img src="https://static.igem.org/mediawiki/2016/6/6f/T--INSA-Lyon--notebook3.png" class="img-responsive">
 +
      </div>
 +
    </div>
 
   </section>
 
   </section>
−
   <!-- End Top Image -->
+
   <!-- End notebook -->
−
 
+
−
 
+
−
  <!-- Start  -->
+
  
  
−
  <!-- End -->
 
−
 
 
−
 
 
−
 
 
−
    <!-- 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 -->
 
  
  
 +
<!-- Start footer -->
 +
<footer id="footer">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-md-1 col-sm-1">
 +
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--INSA-Lyon--Logo_IA2C.png">
 +
            </div>
 +
            <div class="col-md-1 col-md-offset-1 col-sm-1">
 +
                <a href="https://fondation.insa-lyon.fr/"><img src="https://static.igem.org/mediawiki/2016/c/cc/T--INSA-Lyon--Logo_Fondation_INSA.png"></a>
 +
            </div>
 +
            <div class="col-md-1 col-md-offset-1 col-sm-1">
 +
                <a href="http://www.biomerieux.com/"><img src="https://static.igem.org/mediawiki/2016/e/ea/T--INSA-Lyon--Logo_biomerieux.png"></a>
 +
            </div>
 +
            <div class="col-md-1 col-md-offset-1 col-sm-1">
 +
                <a href="https://www.france-science.org/"><img src="https://static.igem.org/mediawiki/2016/7/77/T--INSA-Lyon--Logo_Embassy_OST.jpg"></a>
 +
            </div>
 +
            <div class="col-md-1 col-md-offset-1 col-sm-1">
 +
                <a href="https://www.insa-lyon.fr/en/"><img src="https://static.igem.org/mediawiki/2016/9/99/T--INSA-Lyon--Logo_INSA_Lyon.jpg"></a>
  
 +
            </div>
 +
            <p></br></p>
 +
            <p></br></p>
  
  
−
  <!-- Include all compiled plugins (below), or include individual files as needed -->
+
            <div class="row">
−
  <!-- Bootstrap -->
+
                <div class="col-md-8 col-sm-8">
−
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/bootstrapjs?
+
                    <div class="footer-left">
 +
                        <p>Designed by Team iGEM INSA-LYON </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-4">
 +
                    <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>
 +
    </div>
 +
</footer>
 +
<!-- End footer -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Include all compiled plugins (below), or include individual files as needed -->
 +
<!-- Bootstrap -->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/bootstrapjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
−
 
 
  
−
  <!-- Custom js -->
+
 
−
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/javascript?
+
<!-- Custom js -->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/javascript?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
−
 
+
 
−
  </body>
+
</body>
 
</html>
 
</html>

Latest revision as of 22:28, 8 November 2016

iGEM : Notebook

 
NOTEBOOK
Read More



Designed by Team iGEM INSA-LYON