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

(Prototype team page)
 
Line 1: Line 1:
{{INSA-Lyon}}
+
<html lang="en">
<html>
+
  <head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <title>iGEM : </title>
 +
    <!-- 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">
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:INSA-Lyon/css_global?action=raw&ctype=text/css" />
  
 +
    <!-- Main Style -->
 +
    <link href="https://2016.igem.org/Template:INSA-Lyon/style?action=raw&ctype=text/css" rel="stylesheet">
  
<div class="column full_size">
+
  </head>
 +
  <body>
 +
 
 +
  <!-- BEGAIN PRELOADER -->
 +
  <div id="preloader">
 +
    <div id="status">&nbsp;</div>
 +
  </div>
 +
  <!-- END PRELOADER -->
  
<p> Document the dates you worked on your project.</p>
+
  <!-- SCROLL TOP BUTTON -->
 +
  <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
 +
  <!-- END SCROLL TOP BUTTON -->
  
</div>
 
  
<div class="column half_size">
+
<!-- BEGIN MENU -->
<h5>What should this page have?</h5>
+
  <section id="menu-area">
<ul>
+
       
<li>Chronological notes of what your team is doing.</li>
+
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<li> Brief descriptions of daily important events.</li>
+
    <!-- header bottom for igem toolbar-->
<li>Pictures of your progress. </li>
+
<div class="header-bottom">
<li>Mention who participated in what task.</li>
+
 
</ul>
+
</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 id="navbar" class="nav-tabs navbar-collapse collapse">
 +
          <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
 +
            <li class="dropdown">
 +
              <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/Demonstrate">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>
  
<div class="column half_size">
 
<h5>Inspiration</h5>
 
<p>You can see what others teams have done to organize their notes:</p>
 
  
<ul>
+
    </nav>
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
</ul>
+
  
</div>
+
  </section>
 +
  <!-- 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 -->
 +
  <section id="topparts">
 +
        <div class="topparts-overlay">
 +
            <div class="container-fluid">
 +
                <div class="row">
 +
                    <div class="topparts-area">
 +
                      <div class="row">
 +
                            <div class="col-md-2 col-md-offset-5"><h5 class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s"></h5></div>
 +
                            <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="#design">Read More</a></div>
 +
                          </div>
 +
                        <span class="line"></span>
 +
                      </div>
 +
                    </div> 
 +
                </div>
 +
            </div>
 +
        </div>
 +
  </section>
 +
  <!-- End Top Image -->
 +
 
 +
 
 +
  <!-- 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 -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  <!-- 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>
 +
 
 +
 
 +
  <!-- Custom js -->
 +
  <script type="text/javascript" src="https://2016.igem.org/Template:INSA-Lyon/javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
  </body>
 
</html>
 
</html>

Revision as of 11:59, 19 October 2016

iGEM :