Difference between revisions of "Team:ZJU-China/Notebook"

(Prototype team page)
 
Line 1: Line 1:
 
{{ZJU-China}}
 
{{ZJU-China}}
−
<html>
+
<html lang="en">
 +
<head>
 +
<style type="text/css">
  
  
−
<div class="column full_size">
 
  
−
<h1>Notebook</h1>
+
</style>
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
<meta charset="{CHARSET}">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootstrapCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/sponsorCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/subtitleCSS&action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/jqueryJS&action=raw&ctype=text/javascript"></script>
 +
<title>Model</title>
 +
<link href="css/font-awesome.min.css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootsnavCSS&action=raw&ctype=text/css" />
  
−
</div>
+
<style type="text/css">
−
<div class="clear"></div>
+
  
  
 +
.cnt_psg {
 +
margin-left: 8% !important;
 +
width: 92% !important;
 +
}
  
−
<div class="column two_thirds_size">
+
.psg_subtitle {
−
<h3>What should this page have?</h3>
+
font-size: .6em !important;
−
<ul>
+
}
−
<li>Chronological notes of what your team is doing.</li>
+
th > p, td > p {
−
<li> Brief descriptions of daily important events.</li>
+
text-align: center !important;
−
<li>Pictures of your progress. </li>
+
font-size: .5em !important;
−
<li>Mention who participated in what task.</li>
+
}
−
</ul>
+
.psg > img {
 +
vertical-align: middle;
 +
}
  
−
</div>
+
.cnt {
 +
min-height: 40%;
 +
max-height: 50%;
 +
overflow: scroll;
 +
}
  
−
<div class="column third_size">
+
.cnt::-webkit-scrollbar{
−
<div class="highlight decoration_A_full">
+
width:4px;
−
<h3>Inspiration</h3>
+
height:4px;
−
<p>You can see what others teams have done to organize their notes:</p>
+
}
 +
.cnt::-webkit-scrollbar-track{
 +
background: #f6f6f6;
 +
border-radius:2px;
 +
}
 +
.cnt::-webkit-scrollbar-thumb{
 +
background: #aaa;
 +
border-radius:2px;
 +
}
 +
.cnt::-webkit-scrollbar-thumb:hover{
 +
background: #747474;
 +
}
 +
.cnt::-webkit-scrollbar-corner{
 +
background: #f6f6f6;
 +
}
  
−
<ul>  
+
@font-face {
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
font-family: Julius Sans One;
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
src: url(https://static.igem.org/mediawiki/2018/6/61/T--ZJU-China--cotham.otf) format('truetype');
−
<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>
+
.nav > li > a, .dropdown-toggle, .dropdown-menu > li > a {
−
</div>
+
font-family: 'Julius Sans One', sans-serif !important;
 +
}
 +
td, th {
 +
font-size: .8em !important
 +
}
 +
.dropdown-menu > li > a {
 +
font-size: .5em !important;
 +
}
 +
 
 +
.igem_content_wrapper {
 +
    width: 100% !important;
 +
}
 +
 
 +
.igem_2018_team_content {
 +
width: 100% !important;
 +
}
 +
 
 +
.igem_2018_team_menu.displaying_menu {
 +
    display: none !important;
 +
}
 +
 
 +
.firstHeading {
 +
  display: none !important;
 +
}
 +
 
 +
.title {
 +
  display: none !important;
 +
}
 +
 
 +
#mw-content-text > p {
 +
display: none !important;
 +
}
 +
 
 +
#HQ_page {
 +
    width:  100% !important;
 +
}
 +
 
 +
.firstHeading {
 +
  display: none !important;
 +
}
 +
 
 +
html, body, .globalWrapper {
 +
    width: 100% !important;
 +
}
 +
 
 +
.tl {
 +
    font-size: 4em !important;
 +
}
 +
.navbar-brand{
 +
padding: 29px 15px;
 +
}
 +
nav.navbar.bootsnav{
 +
border: none;
 +
margin-bottom: 150px;
 +
}
 +
.navbar-nav{
 +
float: left;
 +
}
 +
nav.navbar.bootsnav ul.nav > li > a{
 +
color: #828687;
 +
                text-transform: uppercase;
 +
                font-size: .5em !important;
 +
/*****/ padding: 30px;
 +
}
 +
nav.navbar.bootsnav ul.nav > li:hover{
 +
background: white;
 +
}
 +
.nav > li:after{
 +
content: "";
 +
width: 0;
 +
height: 5px;
 +
background: #494e6b;
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
transition: all 0.5s ease 0s;
 +
}
 +
 +
.nav > .logo:after {
 +
background: transparent;
 +
}
 +
.nav > .logo:hover {
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--teamlogo.png) !important;
 +
background: white;
 +
background-size: 100%;
 +
-webkit-background-size: 100%;
 +
}
 +
.logo {
 +
width: 100px !important;
 +
height: 78px;
 +
margin-right: 30px;
 +
background: white;
 +
}
 +
.logo > a{
 +
background: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--teamlogo.png) no-repeat;
 +
transform: rotate(45deg);
 +
background-color: white !important;
 +
width: 100px !important;
 +
height: 100px;
 +
background-size: 100%;
 +
-webkit-background-size: 100%;
 +
/*border: #000000 solid 1px;*/
 +
box-shadow: 0 0 10px 3px black;
 +
-webkit-box-shadow: 0 0 10px 3px black;
 +
margin-top: 10px;
 +
margin-left: 10px;
 +
border-radius: 20%;
 +
}
 +
 +
.nav > li:hover:after{
 +
width: 100%;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
 +
content: "+";
 +
font-family: 'FontAwesome';
 +
font-size: 16px;
 +
font-weight: 500;
 +
position: absolute;
 +
top: 31.6%;
 +
right: 10%;
 +
transition: all 0.4s ease 0s;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
 +
content: "^";
 +
                font-family: 'FontAwesome';
 +
transform: rotate(180deg);
 +
}
 +
.dropdown-menu.multi-dropdown{
 +
position: absolute;
 +
left: -100% !important;
 +
}
 +
        .dropdown-menu{
 +
                position: absolute;
 +
left:-10%;
 +
        }
 +
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
 +
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
border: none;
 +
 
 +
}
 +
@media only screen and (max-width:990px){
 +
     
 +
.igem_content_wrapper {
 +
    width: 200% !important;
 +
}
 +
 
 +
.igem_2018_team_content {
 +
width: 200% !important;
 +
}
 +
 
 +
.cnt {
 +
margin-left: -3em !important;
 +
}
 +
 
 +
.tl {
 +
margin-left:-2em !important;
 +
}
 +
 
 +
.tl:after {
 +
margin-left:0 !important;
 +
}
 +
 
 +
.navbar-toggle {
 +
margin-left: 80% !important;
 +
}
 +
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
 +
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
 +
.dropdown-menu.multi-dropdown{ left: 0 !important; }
 +
nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
 +
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
 +
}
 +
.container {
 +
box-shadow: 0 0 10px 3px black;
 +
-webkit-box-shadow: 0 0 10px 3px black;
 +
}
 +
.navbar-nav {
 +
float: right;
 +
}
 +
.logo {
 +
position: absolute;
 +
left: -7%;
 +
}
 +
 
 +
@media only screen and (min-width: 1024px) {
 +
/*改变滚动条样式*/
 +
 
 +
::-webkit-scrollbar
 +
{
 +
    width: 12px;
 +
    height: 16px;
 +
    background-color: gray;
 +
}
 +
 
 +
::-webkit-scrollbar-track
 +
{
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 +
    border-radius: 10px;
 +
    background-color: whitesmoke;
 +
}
 +
 
 +
/*定义滑块 内阴影+圆角*/
 +
::-webkit-scrollbar-thumb
 +
{
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 +
    background-color: rgba(0, 0, 0, 0.6);
 +
}
 +
 
 +
::-webkit-scrollbar-thumb:hover
 +
{
 +
border-radius: 5px;
 +
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 +
background: rgba(0,0,0,0.4);
 +
}
 +
}
 +
 
 +
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div class="demo" style="width: 100%; padding: 0em 0; position: fixed; margin: 0; left:0; top: 0; z-index: 999; font-size: 1em !important">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12">
 +
<nav class="navbar navbar-default navbar-mobile bootsnav">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">menu
 +
<i class="fa fa-bars"></i>
 +
</button>
 +
</div>
 +
<div class="collapse navbar-collapse" id="navbar-menu">
 +
<!--<div style="background: url(img/logo.png) no-repeat; height: 100px; width: 100px; background-size: 100% ; position: relative; margin: 0;
 +
padding: 0; border: #000000 solid 1px;"></div>-->
 +
<ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
 +
<li class="logo"><a href="https://2018.igem.org/Team:ZJU-China">
 +
<!--<img src="url(img/logo.png)" />-->
 +
</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Description</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Design&Results</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Curli</a></li>
 +
<li><a href="#">Tag/Catcher System</a></li>
 +
<li><a href="#">Enzyme</a></li>
 +
<li><a href="#">Logic Gate</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Applied Design</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">2D print</a></li>
 +
<li><a href="#">Electrode</a></li>
 +
<li><a href="#">Integration</a></li>
 +
<li><a href="#">Roll-out Plan</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Basic Parts</a></li>
 +
<li><a href="#">Composite Parts</a></li>
 +
<li><a href="#">Improved Parts</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Modeling</a></li>
 +
<li><a href="#">InterLab</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Project Safety</a></li>
 +
<li><a href="#">General Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown" style="min-width: 250px;">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
 +
<ul class="dropdown-menu">
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Silver</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">TED Talk</a></li>
 +
<li><a href="#">Subscriptions</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Gold Integrated</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Academics</a></li>
 +
<li><a href="#">Hospitals</a></li>
 +
<li><a href="#">Bioethics</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Education & Public Engagement</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Science Museum</a></li>
 +
<li><a href="#">Bioart Exhibition</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Lab Book</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Members</a></li>
 +
<li><a href="#">Attribution</a></li>
 +
<li><a href="#">Contributions</a></li>
 +
<li><a href="#">Sponsors</a></li>
 +
<!--<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a>
 +
<ul class="dropdown-menu multi-dropdown">
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
<li><a href="#">Custom Menu</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Custom Menu</a></li>
 +
</ul>
 +
</li>-->
 +
</ul>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
 +
 +
<!--<div class="topImg" style="background-image: url(img/improve_part.png) ;"></div>-->
 +
<div class="title">
 +
<div class="tl">MODEL&nbsp;&nbsp;</div>
 +
</div>
 +
<div class="intro">
 +
<p></p>
 +
</br>
 +
</div>
 +
<hr />
 +
<!--<div class="element1">
 +
<h5>Engaging Experts</h5>
 +
<p>High impact projects with consequences affecting whole humanity should always be discussed with professionals from different scientific backgrounds. To meet this goal we talked to theologists, legal professionals, safety representatives, astrophysicists, and experts in the field of medicine, agriculture, information technology and many more. Check out the professionals who shaped our project!</p>
 +
</div>-->
 +
<div class="cnt_psg">
 +
<div class="cnt"></div>
 +
<div class="psg" >
 +
<span class="psg_ttl">Lab Book</span>
 +
<section class="cd-horizontal-timeline" style="border:1px solid black; height: 80% !important;">
 +
<div class="timeline">
 +
<div class="events-wrapper">
 +
<div class="events">
 +
<ol>
 +
<li><a href="#0" data-date="31/12/2010" class="selected">Dec. 31</a></li>
 +
<li><a href="#0" data-date="30/04/2011">Mar.8 - Jun.2</a></li>
 +
<li><a href="#0" data-date="31/09/2011">Jun. 23</a></li>
 +
<li><a href="#0" data-date="31/01/2012">Jun. 25</a></li>
 +
<li><a href="#0" data-date="30/06/2012">Jul. 13</a></li>
 +
<li><a href="#0" data-date="31/12/2012">Jul. 25</a></li>
 +
<li><a href="#0" data-date="31/05/2013">Jul. 29</a></li>
 +
<li><a href="#0" data-date="31/12/2013">Aug. 14</a></li>
 +
<li><a href="#0" data-date="10/12/2018">Aug. 18</a></li>
 +
<li><a href="#0" data-date="19/01/2019">Aug. 25</a></li>
 +
<li><a href="#0" data-date="03/03/2020">Aug. 26</a></li>
 +
<li><a href="#0" data-date="04/03/2021">Sep. 3</a></li>
 +
<li><a href="#0" data-date="05/03/2022">Sep. 25</a></li>
 +
<li><a href="#0" data-date="11/03/2023">Aug. 1 - 15</a></li>
 +
</ol>
 +
 +
<span class="filling-line" aria-hidden="true"></span>
 +
</div> <!-- .events -->
 +
</div> <!-- .events-wrapper -->
 +
 +
<ul class="cd-timeline-navigation">
 +
<li><a href="#0" class="prev inactive">Prev</a></li>
 +
<li><a href="#0" class="next">Next</a></li>
 +
</ul> <!-- .cd-timeline-navigation -->
 +
</div> <!-- .timeline -->
 +
 +
<div class="events-content">
 +
<ol>
 +
<li class="selected" data-date="31/12/2010">
 +
<h2>Horizontal Timeline</h2>
 +
<em>January 16th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="30/04/2011">
 +
<h2>Event title here</h2>
 +
<em>February 28th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="31/09/2011">
 +
<h2>Event title here</h2>
 +
<em>March 20th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="30/01/2012">
 +
<h2>Event title here</h2>
 +
<em>May 20th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="30/06/2012">
 +
<h2>Event title here</h2>
 +
<em>July 9th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="31/12/2012">
 +
<h2>Event title here</h2>
 +
<em>August 30th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="31/05/2013">
 +
<h2>Event title here</h2>
 +
<em>September 15th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="31/12/2013">
 +
<h2>Event title here</h2>
 +
<em>November 1st, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="10/12/2018">
 +
<h2>Event title here</h2>
 +
<em>December 10th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="19/01/2019">
 +
<h2>Event title here</h2>
 +
<em>January 19th, 2015</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="03/03/2020">
 +
<h2>Event title here</h2>
 +
<em>March 3rd, 2015</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="04/03/2021">
 +
<h2>Event title here</h2>
 +
<em>March 3rd, 2015</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="05/03/2022">
 +
<h2>Event title here</h2>
 +
<em>March 3rd, 2015</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
<li data-date="11/03/2023">
 +
<h2>Event title here</h2>
 +
<em>March 3rd, 2015</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
</ol>
 +
</div> <!-- .events-content -->
 +
</section>
 +
 +
 +
 +
 +
 +
</br>
 +
<span class="psg_ttl">Protocols</span>
 +
 +
</br></br>
 +
<!---->
 +
 +
<!---->
 +
</div>
 +
<div class="sponsors">
 +
<p class="sponsor_ttl">Our Sponsors</p>
 +
<img src="https://static.igem.org/mediawiki/2018/6/68/T--ZJU-China--home--biolab.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--ZJU-China--genscript.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--ZJU-China--home--undergraduate.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/5/5f/T--ZJU-China--foundation.png" />
 +
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--ZJU-China--hospital.png" />
 +
 +
</div>
 +
</div>
 +
 +
<!--<hr />-->
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootnavJS&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/subtitleJS&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/ModernizrJS&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/mainJS&action=raw&ctype=text/javascript"></script>
 +
</body>
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/NBstyleCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/resetCSS&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/sponsorCSS&action=raw&ctype=text/css" />
  
 
</html>
 
</html>

Revision as of 04:28, 17 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗
Model
MODEL  


Lab Book
  1. Dec. 31
  2. Mar.8 - Jun.2
  3. Jun. 23
  4. Jun. 25
  5. Jul. 13
  6. Jul. 25
  7. Jul. 29
  8. Aug. 14
  9. Aug. 18
  10. Aug. 25
  11. Aug. 26
  12. Sep. 3
  13. Sep. 25
  14. Aug. 1 - 15

  1. Horizontal Timeline

    January 16th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  2. Event title here

    February 28th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  3. Event title here

    March 20th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  4. Event title here

    May 20th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  5. Event title here

    July 9th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  6. Event title here

    August 30th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  7. Event title here

    September 15th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  8. Event title here

    November 1st, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  9. Event title here

    December 10th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  10. Event title here

    January 19th, 2015

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  11. Event title here

    March 3rd, 2015

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  12. Event title here

    March 3rd, 2015

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  13. Event title here

    March 3rd, 2015

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

  14. Event title here

    March 3rd, 2015

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.


Protocols