Difference between revisions of "Team:OUC-China/Protocol"

 
(42 intermediate revisions by one other user not shown)
Line 4: Line 4:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="Keywords" content="关键词,关键词">
 
  <meta name="Description" content="描述">
 
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
+
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/hp?action=raw&amp;ctype=text/css">
+
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+
   <title>Protocol</title>
   <title>Human practice</title>
+
 
<style type="text/css">
 
<style type="text/css">
 
         .banner-top{
 
         .banner-top{
Line 35: Line 32:
 
padding: 0px;
 
padding: 0px;
 
}
 
}
/* disable IGEM's style */
+
 
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
+
    .oucBanner{background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');}
border-bottom: none;
+
.oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
padding-top: 0;
+
padding-bottom: 0;
+
margin-bottom: 0;
+
}
+
#bodyContent p {
+
font-size: 100%;
+
line-height: 1em;
+
}
+
#bodyContent li {
+
margin-bottom: 0;
+
}
+
#bodyContent a {
+
font-size: 100%;
+
}*/ 
+
        h1{border:0;}
+
        .img_banner{margin-top:-5px;}
+
        .oucBanner{height:240px;background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');margin-top:-20px;}
+
.oucNav{margin-top:16px;background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);border:0;}
+
.oucBrand{width:200px;height:50px;background:url(https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png);}
+
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 +
 +
 
</style>
 
</style>
  
Line 63: Line 43:
 
<body>  
 
<body>  
 
<div class="container">
 
<div class="container">
<nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">  
+
<nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">
 
<div class="container">
 
<div class="container">
 
<div class="navbar-header">  
 
<div class="navbar-header">  
 
  <button type="button" class="navbar-toggle" data-toggle="collapse"
 
  <button type="button" class="navbar-toggle" data-toggle="collapse"
 
  data-target="#example-navbar-collapse">  
 
  data-target="#example-navbar-collapse">  
  <span class="sr-only">切换导航</span>  
+
  <span class="sr-only">Turn</span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  </button>  
 
  </button>  
  <a class="navbar-brand oucBrand" href="#"></a>  
+
  <a class="navbar-brand oucBrand" href="#"><img src="https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png" alt="Brand"></a>  
 
</div>  
 
</div>  
 
<div class="collapse navbar-collapse" id="example-navbar-collapse">  
 
<div class="collapse navbar-collapse" id="example-navbar-collapse">  
 
  <ul class="nav navbar-nav" id="oucNav">  
 
  <ul class="nav navbar-nav" id="oucNav">  
 
<li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
<li><a href="https://2016.igem.org/Team:OUC-China/Project">Project</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
<li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
+
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Description">Description</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Results">Results</a></li>
 +
</ul>
 +
</li>
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="#">Basic part</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Parts">Parts</a></li>
<li><a href="#">Composite parts</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Basic_Part">Basic part</a></li>
<li><a href="#">Part collection</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Composite_Part">Composite parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Part_Collection">Part collection</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Attribution<span class="caret"></span></a>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practice<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="#">Support</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
<li><a href="#">Collaboration</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Communicating">Communicating & Improving</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Investigating">Investigating & Promoting</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
+
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
                                                                <li class="active"><a href="#">Protocol</a></li>
+
<li class="active"><a href="https://2016.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
<li><a href="#">Safety</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Human Practice</a></li>
 
 
  </ul>  
 
  </ul>  
 
</div>
 
</div>
Line 107: Line 107:
 
</nav>
 
</nav>
 
<div class="clearfix"></div>
 
<div class="clearfix"></div>
                 <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/5/5f/T--OUC-China--project-banner.jpg" class="img-responsive"></div>
+
                 <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/f/fe/T--OUC-China--protocol-banner.jpg" class="img-responsive" alt="protocol-banner"></div>
<br>
+
                <div style="background:#EFF2F6;">
<br>
+
<br>
<br>
+
<br>
<br>
+
<br>
<div class="row">
+
<br>
<div class="col-md-3"></div>
+
<div class="row">
<div class="col-md-7" style="border:2px solid #c0c0c0;border-radius:10px;">
+
<div class="col-md-6 oucprotocol col-md-push-3" style="margin:0 auto;max-width:90%;border:2px solid #c0c0c0;border-radius:10px;background:#fff;">
<h3>1. Elementary Operation</h3>
+
<h3>1. Elementary Operation</h3>
<p>
+
<p>
1) <a href="https://static.igem.org/mediawiki/2016/1/15/T--OUC-China--Luria-Bertani_medium.pdf">Luria-Bertani liquid and Luria-Bertani solid medium</a><br>
+
1) <a href="https://static.igem.org/mediawiki/2016/1/15/T--OUC-China--Luria-Bertani_medium.pdf">Luria-Bertani liquid and Luria-Bertani solid medium</a><br>
2) <a href="https://static.igem.org/mediawiki/2016/0/0c/T--OUC-China--Inoculation.pdf">Inoculation</a><br>
+
2) <a href="https://static.igem.org/mediawiki/2016/0/0c/T--OUC-China--Inoculation.pdf">Inoculation</a><br>
3) <a href="https://static.igem.org/mediawiki/2016/d/dc/T--OUC-China--Polymerase_Chain_Reaction.pdf">Polymerase Chain Reaction</a><br>
+
3) <a href="https://static.igem.org/mediawiki/2016/d/dc/T--OUC-China--Polymerase_Chain_Reaction.pdf">Polymerase Chain Reaction</a><br>
4) <a href="https://static.igem.org/mediawiki/2016/c/cb/T--OUC-China--Gel_Electrophoresis.pdf">Gel Electrophoresis</a><br>
+
4) <a href="https://static.igem.org/mediawiki/2016/c/cb/T--OUC-China--Gel_Electrophoresis.pdf">Gel Electrophoresis</a><br>
5) <a href="https://static.igem.org/mediawiki/2016/0/00/T--OUC-China--Restriction_Enzyme_Digestion.pdf">Restriction Enzyme Digestion</a><br>
+
5) <a href="https://static.igem.org/mediawiki/2016/0/00/T--OUC-China--Restriction_Enzyme_Digestion.pdf">Restriction Enzyme Digestion</a><br>
6) <a href="https://static.igem.org/mediawiki/2016/d/df/T--OUC-China--Gel_Extraction.pdf">Gel Extraction</a><br>
+
6) <a href="https://static.igem.org/mediawiki/2016/d/df/T--OUC-China--Gel_Extraction.pdf">Gel Extraction</a><br>
7) <a href="https://static.igem.org/mediawiki/2016/1/14/T--OUC-China--Ligation.pdf">Ligation system</a><br>
+
7) <a href="https://static.igem.org/mediawiki/2016/1/14/T--OUC-China--Ligation.pdf">Ligation system</a><br>
8) <a href="https://static.igem.org/mediawiki/2016/f/fb/T--OUC-China--Transformation_of_Escherichia_coli.pdf">Transformation of <i>E.coli</i></a><br>
+
8) <a href="https://static.igem.org/mediawiki/2016/f/fb/T--OUC-China--Transformation_of_Escherichia_coli.pdf">Transformation of <i>E.coli</i></a><br>
9) <a href="https://static.igem.org/mediawiki/2016/8/84/T--OUC-China--Conservation.pdf">Conservation</a><br>
+
9) <a href="https://static.igem.org/mediawiki/2016/8/84/T--OUC-China--Conservation.pdf">Conservation</a><br>
10) <a href="https://static.igem.org/mediawiki/2016/c/c8/T--OUC-China--Sterilization.pdf">Sterilization</a><br>
+
10) <a href="https://static.igem.org/mediawiki/2016/c/c8/T--OUC-China--Sterilization.pdf">Sterilization</a><br>
11) <a href="https://static.igem.org/mediawiki/2016/1/1f/T--OUC-China--Plasmid_extraction.pdf">Plasmid extraction</a>
+
11) <a href="https://static.igem.org/mediawiki/2016/1/1f/T--OUC-China--Plasmid_extraction.pdf">Plasmid extraction</a>
</p>
+
</p>
<h3>2. Plasmid Construction</h3>
+
<h3>2. Plasmid Construction</h3>
<p>
+
<p>
1) <a href="">Overlap PCR</a><br>
+
1) <a href="https://static.igem.org/mediawiki/2016/d/db/T--OUC-China--Gibson_aassembly.pdf">Gibson</a><br>
2) <a href="https://static.igem.org/mediawiki/2016/d/db/T--OUC-China--Gibson_aassembly.pdf">Gibson</a><br>
+
2) <a href="https://static.igem.org/mediawiki/2016/6/6a/T--OUC-China--DNA_cassettes.pdf">DNA cassettes</a>
3) <a href="https://static.igem.org/mediawiki/2016/6/6a/T--OUC-China--DNA_cassettes.pdf">DNA cassettes</a>
+
</p>
</p>
+
<h3>3. Systems detection</h3>
<h3>3. Systems detection</h3>
+
<p>
<p>
+
1) <a href="https://static.igem.org/mediawiki/2016/b/b7/T--OUC-China--Total_RNA_Extraction.pdf">RNA extraction</a><br>
1) <a href="https://static.igem.org/mediawiki/2016/b/b7/T--OUC-China--Total_RNA_Extraction.pdf">RNA extraction</a><br>
+
2) <a href="https://static.igem.org/mediawiki/2016/b/b9/T--OUC-China--Reserve_transcription.pdf">Reserve transcription</a><br>
2) <a href="https://static.igem.org/mediawiki/2016/b/b9/T--OUC-China--Reserve_transcription.pdf">Reserve transcription</a><br>
+
3) <a href="https://static.igem.org/mediawiki/2016/7/7a/T--OUC-China--Quantitative_Real-time_PCR.pdf">Quantitative Real-time PCR</a><br>
3) <a href="https://static.igem.org/mediawiki/2016/7/7a/T--OUC-China--Quantitative_Real-time_PCR.pdf">Quantitative Real-time PCR</a><br>
+
4) <a href="https://static.igem.org/mediawiki/2016/2/2f/T--OUC-China--Fluorescence_measurement.pdf">Fluorescence measurement protocol</a>
4) <a href="https://static.igem.org/mediawiki/2016/2/2f/T--OUC-China--Fluorescence_measurement.pdf">Fluorescence measurement protocol</a>
+
</p>
</p>
+
</div>
</div>
+
</div>
<div class="col-md-5"></div>
+
                <br><br><br><br>
 +
                </div>
 +
<div class="oucBanner">
 +
        <h3 class="text-center">Cistrons Concerto</h3>
 
</div>
 
</div>
                <br><br><br><br>
+
<div class="row oucInformation">
<div class="row">
+
<div class="col-md-1"></div>
<div class="oucBanner">
+
<div class="col-md-5">
<h3 class="text-center">Cistrons Concerto</h3>
+
<h3>Thanks:</h3>
 +
<p>1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
 +
<p>2.NEW ENGLAND Biolabs</p>
 +
<p>3.GenScript</p>
 
</div>
 
</div>
<div class="row oucInformation">
+
<div class="col-md-5 Contact">
<div class="col-md-7">
+
<h3>Contact us:</h3>
<b>About</b>
+
<p><b>E-mail</b>: oucigem@163.com</p>
<p>Thanks to:<i><img src="image/ouc-footer-1.fw.png"></i><i><img src="image/ouc-footer-2.fw.png"></i></p>
+
<p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
<p>Designed and built by @ Jasmine Chen and @ Zexin Jiao</p>
+
<p>We are OUC-iGEM
<p>Code licensed under Apache License v2.0</p>
+
<img src="https://static.igem.org/mediawiki/2016/5/58/T--OUC-China--foot4.png" width="70" height="70" alt="logo-one">
</div>
+
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--OUC-China--foot5.png" width="70" height="70" alt="logo-two">
<div class="col-md-5">
+
</p>
<b>Contact us</b>
+
<p>E-mail: oucigem@163.com</p>
+
<p>Follow us on Facebook@ iGEM OUC<i><img src="image/ouc-footer-3.fw.png"></i></p>
+
<p>Find us on Google Map</p>
+
<p>We are OUC-iGEM<i><img src="image/ouc-footer-4.fw.png"></i><i><img src="image/ouc-footer-5.fw.png"></i><i><img src="image/ouc-footer-6.fw.png"></i></p>
+
</div>
+
</div>
+
<div id="" class="oucBottom">
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div class="oucBottom">
 +
</div>
 +
 
</div>
 
</div>
  
 
</body>  
 
</body>  
 
</html>
 
</html>

Latest revision as of 01:05, 20 October 2016

Protocol

protocol-banner

Cistrons Concerto

Thanks:

1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences

2.NEW ENGLAND Biolabs

3.GenScript

Contact us:

E-mail: oucigem@163.com

Designed and built by @ Jasmine Chen and @ Zexin Jiao

We are OUC-iGEM logo-one logo-two