Difference between revisions of "Team:NEFU China/fit"

m
m
Line 1: Line 1:
<!-- saved from url=(0038)http://getbootstrap.com/examples/blog/ -->
 
 
<html>
 
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<head>
    <meta charset="utf-8">
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<!--Javascript-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<!--jQuery-->
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
    <meta name="description" content="">
+
        <script type="text/javascript" src="jquery-1.11.3.js"></script>
    <meta name="author" content="">
+
<!--MENU-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#menu li a').hover( 
 +
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');},
 +
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
 +
);
 +
});
 +
</script>
 +
<!--NAVIGATION-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#navigation li a').hover( 
 +
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, 
 +
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
 +
);
 +
});
 +
$(function(){
 +
$("a").click(function(){
 +
$("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);}
 +
);
 +
});
 +
</script>
 +
<!--iGEM_LOGO-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#iGEM_LOGO").mouseover(
 +
function(){$(this).animate({'width': '140px', 'height': '140px'},"fast");
 +
});
 +
$("#iGEM_LOGO").mouseout(
 +
function(){$(this).animate({'width': '137px', 'height': '137px'},"fast");
 +
});
 +
});
 +
  </script>
 +
<!--css-->
 +
<!--RESET-->
 +
<style type="text/css">
 +
.clearStyle {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-size: 100%;
 +
font: inherit;
 +
vertical-align: baseline;
 +
}
 +
body {
 +
background-color: #f3f3f3;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
 +
background-position: 0px 0px;
 +
height: 100%;
 +
width: auto;
 +
}
 +
</style>
 +
<!-- myMainContainer-->
 +
<style type="text/css">
 +
#myMainContainer { 
 +
background-color: #f3f3f3;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
 +
background-position: 0px 0px;
 +
width: auto;
 +
overflow:hidden;
 +
float:center;
 +
margin-left:0px;
 +
margin-right:0px;
 +
margin-bottom: 10px;
 +
}
 +
</style>
 +
<!--BANNER CONTAINER-->
 +
<style type="text/css">
 +
#bannerContainer {
 +
margin-left:180px;
 +
margin-right:180px;
 +
width: auto;
 +
}
 +
</style>
 +
<!--MENU-->
 +
<style type="text/css">
 +
#menu
 +
{
 +
    position: fixed;
 +
    top: 30px;
 +
left: 0px;
 +
}
 +
#menu img
 +
{
 +
margin-left: 30px;
 +
margin-bottom: 0px
 +
}
 +
#menu ul
 +
{
 +
list-style-type:none;
 +
padding: 0;
 +
border: 0;
  
    <title>Blog Template for Flight iGEM</title>
+
}
 +
#menu li
 +
{
 +
list-style-type:none;
 +
position: relative;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 15px;
 +
}
 +
#menu a
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 4px 0px 0px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
color: #888887;
 +
border-radius: 0 .4em .4em 0;
 +
outline: none;
 +
cursor: pointer;
 +
}
 +
#menu a.b
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #888887;
 +
color: #ffffff;
 +
border-radius: 0 1em 1em 0;
 +
font-size: 13px;
 +
}
 +
#menu a:hover
 +
{
 +
background-color: #ffffff;
 +
color:#d82545;
 +
}
 +
#menu a.b:hover
 +
{
 +
background-color: #888887;
 +
color:#f9d24b;
 +
}
 +
#menu span
 +
{
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
</style>
 +
<!--NAVIGATION-->
 +
<style type="text/css">
 +
#navigation
 +
{
 +
    position: fixed;
 +
    top: 170px;
 +
right: 0px;
 +
text-align: right;
 +
}
 +
#navigation img
 +
{
 +
margin-right: 30px;
 +
margin-top: 0px;
 +
margin-bottom: 30px;
 +
}
 +
#navigation ul
 +
{
 +
list-style-type:none;
 +
border: 0;
 +
}
 +
#navigation li
 +
{
 +
list-style-type:none;
 +
position: relative;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 15px;
 +
}
 +
#navigation a
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 4px 0px 0px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
color: #888887;
 +
border-radius: .4em 0em 0em .4em;
 +
outline: none;
 +
cursor: pointer;
 +
}
 +
#navigation a.b
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #888887;
 +
color: #ffffff;
 +
border-radius: 1em 0em 0em 1em;
 +
font-size: 13px;
 +
}
 +
#navigation a.t
 +
{
 +
position: relative;
 +
display: inline-block;
 +
margin: 1px 0px;
 +
    padding: 0.3em .5em 0.3em;
 +
    text-decoration: none;
 +
background-color: #ffffff;
 +
outline: none;
 +
cursor: pointer;
 +
background-color: #d82545;
 +
color: #ffffff;
 +
border-radius: 1em 0em 0em 1em;
 +
font-size: 20px;
 +
}
 +
#navigation a:hover
 +
{
 +
background-color: #ffffff;
 +
color:#d82545;
 +
}
 +
#navigation a.b:hover
 +
{
 +
background-color: #888887;
 +
color:#f9d24b;
 +
}
 +
#navigation a.t:hover
 +
{
 +
background-color: #6b1877;
 +
color:#ffffff;
 +
}
 +
#navigation span
 +
{
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
</style>
 +
<!--IGEM LOGO-->
 +
<style type="text/css">
 +
#logoContainer {
 +
position: fixed;
 +
top: 30px;
 +
right: 30px;
 +
}
 +
</style>
 +
<!--NUDT_Container-->
 +
<style type="text/css">
 +
#NUDT_Container
 +
{
 +
clear: both;
 +
width: auto;
 +
margin: 30px 180px;
 +
padding: 30px 0px;
 +
font-family: 'verdana',sans-serif;
 +
background: #fff;
 +
box-shadow: 0 3px 8px rgba(0,0,0,.1);
 +
position: relative;
 +
}
 +
#NUDT_Container table{
 +
position: center;
 +
border: 10px;
 +
}
 +
#NUDT_Container td{
 +
text-align: center;
 +
}
 +
#NUDT_Container ul
 +
{
 +
list-style-position:inside;
 +
padding: 10px 50px;
 +
border: 0;
  
    <!-- Bootstrap core CSS -->
+
}
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
+
#NUDT_Container li
 +
{
 +
padding: 0;
 +
border: 0;
 +
}
  
    <!-- Custom styles for this template -->
+
#NUDT_Container p{
    <link href="http://getbootstrap.com/examples/blog/blog.css" rel="stylesheet">
+
text-decoration: none;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
color: #888887;
 +
position: relative;
 +
padding: 10px 50px;
 +
font-size: 16px;
 +
}
 +
#NUDT_Container a {
 +
position: relative;
 +
    text-decoration:none;
 +
    color:#d82545;
 +
}
  
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
#NUDT_Container a:hover
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
{
    <script src="./Blog Template for Bootstrap_files/ie-emulation-modes-warning.js"></script><style type="text/css"></style>
+
text-decoration:underline;
 +
}
 +
#NUDT_Container h1, h2, h3, h4, h5{
 +
color: #444;
 +
margin: 20px 0px;
 +
padding:4px 8px;
 +
letter-spacing: -1px;
 +
position: relative;
 +
}
 +
#NUDT_Container h1 {
 +
font:bold 28px/12px 'verdana',sans-serif;
 +
border-left: 10px solid #444;
 +
line-height:28px;
 +
}
 +
#NUDT_Container h2 {
 +
font:bold 20px/6px 'verdana',sans-serif;
 +
border-left: 30px solid #444;
 +
line-height:20px;
 +
}
 +
#NUDT_Container h3 {
 +
font:bold 16px/4px 'verdana',sans-serif;
 +
padding-left: 50px;
 +
line-height:16px;
 +
}
 +
/*CASE*/
 +
#NUDT_Container ca {
 +
position: relative;
 +
display: inline-block;
 +
margin: 10px 100px;
 +
    padding: 10px 20px;
 +
    text-decoration: none;
 +
background-color: #bcbcbc;
 +
color: #000000;
 +
border-radius: 8px 8px;
 +
outline: none;
 +
cursor: pointer;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
font-size: 16px;
 +
}
 +
</style>
 +
<!--TIME-->
 +
  <style type="text/css">
 +
  *, *:after, *:before {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  }
 +
    img {
 +
      max-width: 100%;
 +
    }
 +
    .cd-container {
 +
      /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
 +
      width: 90%;
 +
      max-width: 1170px;
 +
      margin: 0 auto;
 +
  }
 +
    .cd-container::after {
 +
      /* clearfix */
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
    }
  
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
    #cd-timeline {
    <!--[if lt IE 9]>
+
      position: relative;
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
      padding: 2em 0;
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
      margin-top: 2em;
    <![endif]-->
+
      margin-bottom: 2em;
  <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
+
    }
 +
    #cd-timeline::before {
 +
      /* this is the vertical line */
 +
      content: '';
 +
      position: absolute;
 +
      top: 0;
 +
      left: 18px;
 +
      height: 100%;
 +
      width: 4px;
 +
      background: #888887;
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
      #cd-timeline {
 +
        margin-top: 3em;
 +
        margin-bottom: 3em;
 +
      }
 +
      #cd-timeline::before {
 +
        left: 50%;
 +
        margin-left: -2px;
 +
      }
 +
    }
  
  <body>
+
    .cd-timeline-block {
 +
      position: relative;
 +
      margin: 2em 0;
 +
    }
 +
    .cd-timeline-block:after {
 +
      content: "";
 +
      display: table;
 +
      clear: both;
 +
    }
 +
    .cd-timeline-block:first-child {
 +
      margin-top: 0;
 +
    }
 +
    .cd-timeline-block:last-child {
 +
      margin-bottom: 0;
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
      .cd-timeline-block {
 +
        margin: 4em 0;
 +
      }
 +
      .cd-timeline-block:first-child {
 +
        margin-top: 0;
 +
      }
 +
      .cd-timeline-block:last-child {
 +
        margin-bottom: 0;
 +
      }
 +
    }
  
    <div class="blog-masthead">
+
    .cd-timeline-img {
      <div class="container">
+
      position: absolute;
        <nav class="blog-nav">
+
      top: 0;
          <a class="blog-nav-item active" href="http://getbootstrap.com/examples/blog/#">Home</a>
+
      left: 0;
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New features</a>
+
      width: 40px;
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">Press</a>
+
      height: 40px;
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New hires</a>
+
      border-radius: 50%;
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">About</a>
+
      box-shadow: 0 0 0 4px #ded8db, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        </nav>
+
    }
      </div>
+
    .cd-timeline-img img {
    </div>
+
      display: block;
 +
      width: 24px;
 +
      height: 24px;
 +
      position: relative;
 +
      left: 50%;
 +
      top: 50%;
 +
      margin-left: -12px;
 +
      margin-top: -12px;
 +
    }
 +
    .cd-timeline-img.cd-picture {
 +
      background: #888887;
 +
    }
 +
    .cd-timeline-img.cd-picture:hover {
 +
      background: #d82545;
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
      .cd-timeline-img {
 +
        width: 40px;
 +
        height: 40px;
 +
        left: 50%;
 +
        margin-left: -20px;
 +
        /* Force Hardware Acceleration in WebKit */
 +
        -webkit-transform: translateZ(0);
 +
        -webkit-backface-visibility: hidden;
 +
      }
 +
      .cssanimations .cd-timeline-img.is-hidden {
 +
        visibility: hidden;
 +
      }
 +
      .cssanimations .cd-timeline-img.bounce-in {
 +
        visibility: visible;
 +
        -webkit-animation: cd-bounce-1 0.6s;
 +
        -moz-animation: cd-bounce-1 0.6s;
 +
        animation: cd-bounce-1 0.6s;
 +
      }
 +
    }
  
    <div class="container">
+
    .cd-timeline-content {
 +
      position: relative;
 +
      margin-left: 60px;
 +
      background: #e5e6e7;
 +
      border-radius: 0.25em;
 +
      padding: 1em;
 +
      box-shadow: 0 3px 0 #abafb2;
 +
    }
 +
    .cd-timeline-content:after {
 +
      content: "";
 +
      display: table;
 +
      clear: both;
 +
    }
 +
    .cd-date {
 +
    font-family: Athelas;
 +
    }
 +
    .cd-timeline-content h6 {
 +
      color: #ffffff;
 +
    }
 +
    .cd-timeline-content h6:hover {
 +
      color: #d82545;
 +
    }
 +
    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
 +
      font-size: 13px;
 +
      font-size: 0.8125rem;
 +
    }
 +
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
 +
      display: inline-block;
 +
    }
 +
    .cd-timeline-content p {
 +
      margin: 1em 0;
 +
      line-height: 1.6;
 +
    }
 +
    .cd-timeline-content .cd-date {
 +
      float: left;
 +
      padding: .8em 0;
 +
      opacity: .7;
 +
    }
 +
    .cd-timeline-content::before {
 +
      content: '';
 +
      position: absolute;
 +
      top: 16px;
 +
      right: 100%;
 +
      height: 0;
 +
      width: 0;
 +
      border: 7px solid transparent;
 +
      border-right: 7px solid white;
 +
    }
 +
    @media only screen and (min-width: 768px) {
 +
      .cd-timeline-content h6 {
 +
        font-size: 20px;
 +
        font-size: 1.25rem;
 +
      }
 +
      .cd-timeline-content p {
 +
        font-size: 16px;
 +
        font-size: 1rem;
 +
      }
 +
      .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
 +
        font-size: 14px;
 +
        font-size: 0.875rem;
 +
      }
 +
    }
 +
    @media only screen and (min-width: 1170px) {
 +
      .cd-timeline-content {
 +
        margin-left: 0;
 +
        padding: 1.6em;
 +
        width: 45%;
 +
      }
 +
      .cd-timeline-content::before {
 +
        top: 24px;
 +
        left: 100%;
 +
        border-color: transparent;
 +
        border-left-color: white;
 +
      }
 +
      .cd-timeline-content .cd-read-more {
 +
        float: left;
 +
      }
 +
      .cd-timeline-content .cd-date {
 +
        position: absolute;
 +
        width: 100%;
 +
        left: 122%;
 +
        top: 6px;
 +
        font-size: 16px;
 +
        font-size: 1rem;
 +
      }
 +
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
 +
        float: right;
 +
      }
 +
      .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
 +
        top: 24px;
 +
        left: auto;
 +
        right: 100%;
 +
        border-color: transparent;
 +
        border-right-color: white;
 +
      }
 +
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
 +
        float: right;
 +
      }
 +
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
 +
        left: auto;
 +
        right: 122%;
 +
        text-align: right;
 +
      }
 +
      .cssanimations .cd-timeline-content.is-hidden {
 +
        visibility: hidden;
 +
      }
 +
      .cssanimations .cd-timeline-content.bounce-in {
 +
        visibility: visible;
 +
        -webkit-animation: cd-bounce-2 0.6s;
 +
        -moz-animation: cd-bounce-2 0.6s;
 +
        animation: cd-bounce-2 0.6s;
 +
      }
 +
    }
  
      <div class="blog-header">
+
    @media only screen and (min-width: 1170px) {
        <h1 class="blog-title">Flight iGEM</h1>
+
      /* inverse bounce effect on even content blocks */
        <p class="lead blog-description">The official example template of creating an iGEM page with Fligh iGEM.</p>
+
      .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
      </div>
+
        -webkit-animation: cd-bounce-2-inverse 0.6s;
 +
        -moz-animation: cd-bounce-2-inverse 0.6s;
 +
        animation: cd-bounce-2-inverse 0.6s;
 +
      }
 +
    }
 +
  </style>
 +
  <body>
 +
<!--DIA_Container-->
 +
<style type="text/css">
 +
#NUDT_Dia_Container
 +
{
 +
width: auto;
 +
margin: 0px 100px;
 +
}
 +
</style>
 +
<!--BLANK_Container-->
 +
<style type="text/css">
 +
.BLANK_Container
 +
{
 +
width: auto;
 +
}
 +
</style>
 +
<!--Common-->
 +
<div id = "myMainContainer">
 +
<div id = "bannerContainer">
 +
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style="width: auto"/>
 +
</div>
 +
<div id = "menu">
 +
<img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/>
 +
<li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li>
 +
<li><a id = "TEAM" href="https://2015.igem.org/Team:NUDT_CHINA/Team"><span>TEAM</span></a></li>
 +
 +
<li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li>
 +
<li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li>
 +
<li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments &amp; Protocols</span></a></li>
 +
<li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results"  class = "b"><span>Results</span></a></li>
 +
<li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li>
 +
 +
<li><a id = "PARTS" href = "#"><span>PARTS</span></a></li>
 +
<li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team Parts</span></a></li>
 +
<li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li>
 +
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part"  class = "b"><span>Composite Parts</span></a></li>
  
      <div class="row">
 
  
        <div class="col-sm-8 blog-main">
+
<li><a id = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li>
                  <nav>
+
<li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> 
            <ul class="pager">
+
<li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li>
              <li><a href="http://getbootstrap.com/examples/blog/#">Previous</a></li>
+
<li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</span></a></li> 
              <li><a href="http://getbootstrap.com/examples/blog/#">Next</a></li>
+
<li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li>  
            </ul>
+
<li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li> 
          </nav>
+
<li><a id = "MEASUREMENT" href="https://2015.igem.org/Team:NUDT_CHINA/Measurement"><span>MEASUREMENT</span></a></li>
 
+
<li><a id = "ENTREPRENEURSHIP" href="https://2015.igem.org/Team:NUDT_CHINA/Entrepreneurship"><span>ENTREPRENEURSHIP</span></a></li>
        </div><!-- /.blog-main -->
+
    </div>
 
+
    <div id = "logoContainer">
        <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
+
    <a href="https://igem.org/Main_Page"><img  id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a>
          <div class="sidebar-module sidebar-module-inset">
+
    </div>
            <h4>About</h4>
+
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
            <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
+
</html>
          </div>
+
<html>
          <div class="sidebar-module">
+
<!--Main Container-->
            <h4>Archives</h4>
+
<div id = "NUDT_Container" class = "clearStyle">
            <ol class="list-unstyled">
+
<div>
              <li><a href="http://getbootstrap.com/examples/blog/#">Project</a></li>
+
<h1>NOTEBOOK</h1>
              <li><a href="http://getbootstrap.com/examples/blog/#">Team</a></li>
+
<table>
              <li><a href="http://getbootstrap.com/examples/blog/#">Safety</a></li>
+
<tr>
              <li><a href="http://getbootstrap.com/examples/blog/#">Parts</a></li>
+
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS1: The left <B style = "color: #d82545">MENU :)</B> links to other NUDT_CHINA website.</p>
              <li><a href="http://getbootstrap.com/examples/blog/#">Human practise</a></li>
+
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS2: The right <B style = "color: #d82545">NAVIGATE :)</B> posites on content in this page. (Valid when <B style = "color: #d82545">FOLDED/UNFOLDED</B>)</p>
            </ol>
+
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS3: Click <B style = "color: #d82545">SUBTITLE/:)</B> to <B style = "color: #d82545">FOLD/UNFOLD</B> related content. </p>
          </div>
+
</tr>
          <div class="sidebar-module">
+
<tr><button id = "slideAll" style = "margin: 0px 50px 0px 100px;"> CLICK TO FOLD/UNFOLD ALL</button>
            <h4>Elsewhere</h4>
+
</tr>
            <ol class="list-unstyled">
+
</table>
              <li><a href="http://getbootstrap.com/examples/blog/#">GitHub</a></li>
+
</div>
              <li><a href="http://getbootstrap.com/examples/blog/#">Twitter</a></li>
+
<script type="text/javascript">
              <li><a href="http://getbootstrap.com/examples/blog/#">Facebook</a></li>
+
$(document).ready(function(){
            </ol>
+
$("#slideAll").click(function(){
          </div>
+
$(".Pannal").slideToggle(300);
        </div><!-- /.blog-sidebar -->
+
});
 
+
});
      </div><!-- /.row -->
+
</script>
 
+
<section id="cd-timeline" class="cd-container">
    </div><!-- /.container -->
+
<!--2015.5.16-->
 
+
<div class="cd-timeline-block">
    <footer class="blog-footer">
+
<div class="cd-timeline-img cd-picture" id = "pic1">
      <p>Blog template built for <a href="http://getbootstrap.com/"></a> by <a href="#">Flight iGEM</a>.</p>
+
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
      <p>
+
</div>
        <a href="http://getbootstrap.com/examples/blog/#">Back to top</a>
+
<div class="cd-timeline-content" id = "key1">
      </p>
+
<h7 style = "color:black"><h7 style = "color: #d82545">CULTURE&amp;SQUENCE:</h7> Related parts in Kit</h7>
    </footer>
+
<p style = "padding: 10px 5px; display:none;" id = "cont1" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
+
<span class="cd-date" style="font-size:24px">2015.5.16</span>
 
+
<script type="text/javascript">
    <!-- Bootstrap core JavaScript
+
$(document).ready(function(){
    ================================================== -->
+
$("#key1").click(function(){
    <!-- Placed at the end of the document so the pages load faster -->
+
$("#cont1").slideToggle(300);
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
});
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
});
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
$(document).ready(function(){
    <script src="http://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
+
$("#pic1").click(function(){
 
+
$("#cont1").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.5.31-->
 +
<div class="cd-timeline-block">
 +
<p id = "pos5"></p>
 +
<div class="cd-timeline-img cd-picture" id = "pic2">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key2">
 +
<h7 style = "color:black"><h7 style = "color: #d82545"> ACTIVITY: </h7>Move the lab.</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont2" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.5.31</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key2").click(function(){
 +
$("#cont2").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic2").click(function(){
 +
$("#cont2").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.6.7-->
 +
<div class="cd-timeline-block">
 +
<p id = "pos6"></p>
 +
<div class="cd-timeline-img cd-picture" id = "pic3">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key3">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">PCR:</h7> IaaM&amp;IaaH </h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont3" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.6.7</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key3").click(function(){
 +
$("#cont3").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic3").click(function(){
 +
$("#cont3").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.6.26-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic4">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key4">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> IaaM, SCAF1, TALE2</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont4" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.6.26</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key4").click(function(){
 +
$("#cont4").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic4").click(function(){
 +
$("#cont4").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.6.28-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic5">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key5">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> SCAF2,SCAF3,TALE1,TALE3</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont5" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.6.28</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key5").click(function(){
 +
$("#cont5").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic5").click(function(){
 +
$("#cont5").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.6.29-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic6">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key6">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Plac+RBS30</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont6" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.6.29</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key6").click(function(){
 +
$("#cont6").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic6").click(function(){
 +
$("#cont6").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.6.29-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic7">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key7">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Plac+RBS30+TALE1</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont7" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.6.29</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key7").click(function(){
 +
$("#cont7").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic7").click(function(){
 +
$("#cont7").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.7.5-->
 +
<div class="cd-timeline-block">
 +
<p id = "pos7"></p>
 +
<div class="cd-timeline-img cd-picture" id = "pic8">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key8">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Adding terminator&amp;RBS to GFP1 by PCR</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont8" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.7.5</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key8").click(function(){
 +
$("#cont8").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic8").click(function(){
 +
$("#cont8").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.7.24-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic9">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key9">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Iaa H</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont9" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.7.24</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key9").click(function(){
 +
$("#cont9").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic9").click(function(){
 +
$("#cont9").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.7.25-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic10">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key10">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">Device(No.1): </h7> GFP(+/-)N</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont10" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.7.25</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key10").click(function(){
 +
$("#cont10").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic10").click(function(){
 +
$("#cont10").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.7.27-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic11">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key11">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">SYSTEM(No.1): </h7> GFP(+/-)S1</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont11" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.7.27</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key11").click(function(){
 +
$("#cont11").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic11").click(function(){
 +
$("#cont11").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.7.31-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic14">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key14">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)N</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont14" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.7.31</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key14").click(function(){
 +
$("#cont14").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic14").click(function(){
 +
$("#cont14").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.8.12-->
 +
<div class="cd-timeline-block">
 +
<p id = "pos8"></p>
 +
<div class="cd-timeline-img cd-picture" id = "pic12">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key12">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> RBS30</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont12" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.8.12</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key12").click(function(){
 +
$("#cont12").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic12").click(function(){
 +
$("#cont12").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.8.17-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic13">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key13">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>IAA(+/+)N</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont13" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.8.17</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key13").click(function(){
 +
$("#cont13").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic13").click(function(){
 +
$("#cont13").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.8.19-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic15">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key15">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7> IAA(+/+)S2/S3, GFP P</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont15" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.8.19</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key15").click(function(){
 +
$("#cont15").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic15").click(function(){
 +
$("#cont15").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
 +
<!--2015.8.20-->
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture" id = "pic16">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 +
</div>
 +
<div class="cd-timeline-content" id = "key16">
 +
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)S2/S3</h7>
 +
<p style = "padding: 10px 5px; display:none;" id = "cont16" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 +
<span class="cd-date" style="font-size:24px">2015.8.20</span>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#key16").click(function(){
 +
$("#cont16").slideToggle(300);
 +
});
 +
});
 +
$(document).ready(function(){
 +
$("#pic16").click(function(){
 +
$("#cont16").slideToggle(300);
 +
});
 +
});
 +
</script>
 +
</div>
 +
</div>
  
</body></html>
+
</div>
 +
<!--Navigation-->
 +
<div id = "navigation">
 +
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
 +
<li><a href="#myMainContainer" class = "t"><span>TOP</span></a></li>
 +
<li><a href = "#pos5"><span>2015.5</span></a></li>
 +
<li><a href = "#pos6"><span>2015.6</span></a></li>
 +
<li><a href = "#pos7"><span>2015.7</span></a></li>
 +
<li><a href = "#pos8"><span>2015.8</span></a></li>
 +
<li><a href = "#pos9"><span>2015.9</span></a></li>
 +
<img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/>
 +
    </div>
 +
</body>
 +
</html>

Revision as of 15:46, 12 September 2015

NOTEBOOK

TIPS1: The left MENU :) links to other NUDT_CHINA website.

TIPS2: The right NAVIGATE :) posites on content in this page. (Valid when FOLDED/UNFOLDED)

TIPS3: Click SUBTITLE/:) to FOLD/UNFOLD related content.

Picture
CULTURE&SQUENCE: Related parts in Kit 2015.5.16

Picture
ACTIVITY: Move the lab. 2015.5.31

Picture
PCR: IaaM&IaaH 2015.6.7
Picture
STANDARDIZAE: IaaM, SCAF1, TALE2 2015.6.26
Picture
STANDARDIZAE: SCAF2,SCAF3,TALE1,TALE3 2015.6.28
Picture
STANDARDIZAE: Plac+RBS30 2015.6.29
Picture
BUILD: Plac+RBS30+TALE1 2015.6.29

Picture
BUILD: Adding terminator&RBS to GFP1 by PCR 2015.7.5
Picture
STANDARDIZAE: Iaa H 2015.7.24
Picture
Device(No.1): GFP(+/-)N 2015.7.25
Picture
SYSTEM(No.1): GFP(+/-)S1 2015.7.27
Picture
BUILD: GFP(+/+)N 2015.7.31

Picture
STANDARDIZAE: RBS30 2015.8.12
Picture
BUILD: IAA(+/+)N 2015.8.17
Picture
BUILD: IAA(+/+)S2/S3, GFP P 2015.8.19
Picture
BUILD: GFP(+/+)S2/S3 2015.8.20