View source for Team:Peking/Design/Isothermal

<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
  <!--add   ?action=raw&amp;ctype=text/css     when using Css-->
  <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&amp;ctype=text/css" type="text/css" media="screen">
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&amp;ctype=text/css" media="screen">
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&amp;ctype=text/css" media="screen">
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&amp;ctype=text/css" media="screen">
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&amp;ctype=text/css " title="blue" media="screen" />
  <style type="text/css">/*get rid of the annoying iGEM style*/
        #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;} 
        #top_menu_under{font-size: 12px;}
        #top_menu_14{font-size: 12px; height:18px}
        #top_menu_inside li{font-size: 12px;}
        #user_item{font-size: 12px;}
       #content{padding:0;border:0;width:100%;}
       .firstHeading{visibility:hidden;}
       h2{border-bottom:none;padding-bottom:.5em;}    
       .carousel-control.left, .carousel-control.right{background-image: none}
    /* to style the sidebar*/
        @media (min-width:1024px){
       #sidebar1{position:relative;top:120px;max-width:200px;}
       #sidebar2{display:none;}
       #nav-top{height:88px;}
     }
      @media (max-width: 1023px){
       #sidebar1{display:none;}
       #sidebar2{display:block;}
     }
     .back-to-top{z-index:9999;}
     ul.dropdown{margin-left: 0px; margin-top: 0px;}
     .classic-title span {
position: absolute;
    margin-top: -30px;
    border-bottom-color: #00afd1;
}
.page-banner{
  background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
}
    </style>
</head>

<body>
  <!-- Container -->
  <div id="container">
     <!-- Start Header -->
    <header class="clearfix">
        <!-- Start  Logo & Naviagtion  -->
            <div class="navbar navbar-default navbar-top">
                <div class="container">
                    <div class="navbar-header" >
                        <!-- Stat Toggle Nav Link For Mobiles -->
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
                            <i class="fa"><img  style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
                        </button>
                        <!-- End Toggle Nav Link For Mobiles -->
                        <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
                            <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
                        </a>
                    </div>
                    <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
                        <!-- Start Navigation List -->
                                                                      <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
                            <li>
                                <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
                                <ul class="dropdown">
                                    <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a class="active" href="https://2015.igem.org/Team:Peking/Design">Project</a>
                                <ul class="dropdown">
                                    <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
                                    </li>
                                      <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired <span style="text-transform:lowercase">d</span>Cas9 Reporter</a>
                                    </li>
                                   <li><a class="active" href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a></li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a>
                                <ul class="dropdown">
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a>
                                <ul class="dropdown">
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a>
                                    </li> 
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issue</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
                                <ul>
                                    <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
                                    </li>
                                    <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- End Navigation List -->
                    </div>
                </div>
            </div>
            <!-- End Header Logo & Naviagtion -->
            
        </header> 
        <!-- End Header Section --> 
    
    
    <!-- Start Page Banner -->
    <div class="page-banner"> 
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">Project</h2>
            <p style="margin-top:0px;font-size:14px">It takes half your life before you discover life is a do-it-yourself project.</p>
          </div>
          <div class="col-md-6">
            <ul class="breadcrumbs">
              <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
              <li>Practices</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- End Page Banner -->

       <div id="content">
      <div class="container">
        <div class="row blog-page">
                  
          <!--Sidebar-->
          <div class="col-md-3 sidebar left-sidebar">
            <!-- Categories Widget -->
            <div id="sidebar1"class="widget widget-categories">
              <h4 style="font-size:18px">I<span style="text-transform:lowercase">so-thermal</span> A<span style="text-transform:lowercase">mplification</span><span class="head-line"></span></h4>
                <ul>
                 <li>
                  <a href="#1">Multiple Displacement Amplification (MDA)</a>
                </li>
                <li>
                  <a href="#2">Loop-mediated Isothermal Amplification(LAMP)</a>
                </li>
                  <li>
                </li>
              
              </ul>
            </div>
             <div id="sidebar2"class="widget widget-categories">
              <h4 style="font-size:18px">I<span style="text-transform:lowercase">so-thermal</span> A<span style="text-transform:lowercase">mplification</span><span class="head-line"></span></h4>
                 <ul>
                  <li>
                  <a href="#1">Multiple Displacement Amplification (MDA)</a>
                </li>
                <li>
                  <a href="#2">Loop-mediated Isothermal Amplification(LAMP)</a>
                </li>
              </ul>
            </div>
          </div>
          <!--End sidebar-->



 <!-- Page Content -->
          <div class="col-md-9 page-content" style="text-align:justify;">
            <div id="project">
            <!-- Classic Heading -->
              <div id="isothermal">
                <div style="margin-bottom:30px;padding-bottom:30px">
                  <p>Polymerase chain reaction(PCR) was born in the year of 1985, which amplifies DNA through denaturation, annealing and extension, simulating in vivo DNA replication progress. PCR has radically altered molecular biology; via this technique, a trace amount of DNA can be amplified by tens of orders of magnitude, thus to produce adequate products for analysis.</p>
                    <p>Several variations of PCR have been invented: (1) Nested PCR incorporates two pairs of primers flanking the same target sequence, which increases the sensitivity, i.e., the limit of detection (LOD); (2) RT-PCR monitors the fluorescence during the amplification, predicting the initial template’s abundance; (3) Multiplexed PCR amplifies multiple DNA fragments simultaneously. All these methods need a thermal cycler; Nested PCR and Multiplexed PCR need more than two pairs of primers, which may lead to the generation of primer-dimers; RT-PCT needs expensive CCD to capture signals in real time.</p> 
                    <p>In order to overcome the disadvantages of the conventional PCR methods, effective, sensitive, and instrument-free amplification methods have been developed in the past decades: such as nucleic acid sequence-based amplification (NASBA), transcription mediated amplification (TMA), signal mediated amplification of RNA technology (SMART), strand displacement amplification (SDA), rolling circle amplification (RCA), loop-mediated isothermal amplification of (LAMP), multiple displacement amplification (MDA), and helicase dependent amplification (HDA). All of them amplify nucleic acid sequence rapidly. To further ameliorate our detecting system, we could bring efficient isothermal PCR in the project. </p>
 
                
              </div>

                <h3 class="classic-title" id="1" ><span>Multiple Displacement Amplification (MDA)</span></h3>
                 <div style="padding-bottom:20px">
                 <p>MDA uses phi29 DNA Polymerase and random primers to amplify template DNA isothermally at 30℃, which produces 10,000 fold amplification after overnight incubation. This reaction utilizes the strand displacement activity and great processivity of phi29 DNA Polymerase, the former makes it possible to amplify DNA without denaturing, the latter allows it to synthesize DNA strands as long as 70,000bp in length without dissociation (Figure 1). </p>
                  <p>MDA generates DNA products robustly in an average length of over 10Kb even up to 100Kb (Figure 2); this robustness to replicate through a complex sequence and a wide coverage makes it to evenly amplify the target, regardless of DNA primary or secondary structure. In the end of amplification, there is about 20–30 ug products from as few as 1–10 copies of human genomic DNA. In previous studies it was suggested that pyrophosphatase be added to the reaction to eliminate the inhibitory accumulation of pyrophosphate for a higher yield. For phi29 DNA polymerase has 3’ to 5’ exonuclease activity, exonuclease-resistant primers should be exploited during the amplification, such as thiophosphate-modified random hexamer (5’-NpNpNpNpsNpsN-3’); this further augments the amount of DNA products.</p>
                  <p>MDA eliminates elaborate template preparation procedure; amplification could be carried out directly from the crude cells, blood lysates, marrow aspirates, and buccal swabs, even stored DNA such as paraffin-embedded tissues. This also eliminates manual errors and is beneficial for district where there lacks technical guidance. The incubation time is from 2h to 16h, qualifying for rapid detection of pathogen. As we have shown, the required concentration of DNA samples for our PC Reporter is relatively low, so we could further reduce the incubation time. </p>
                  <div id="fig1" style="margin-bottom:20px">
                    <div class="row">
                      <div class="col-md-2"></div>
                      <div class="col-md-8">

                    <img src="https://static.igem.org/mediawiki/2015/e/e9/Peking-project-isothermal_amplification-MDA-fig1.png">
                  </div>
                  <div class="col-md-2"></div>
                </div>
                <div class="col-md-12">
                   <p><small><b>Figure 1.</b> In MDA system, when random primers anneal to the template DNA, phi29 DNA polymerase extends the strand, displaces downstream strands via its strand displacement activity and produces branched structures through its great processvity. This eventually produces hyperbranched products, which can be 10Kb, even exceeds 100Kb in length. </small></p>
                 </div>
               </div>

               <div id="fig2">
                    <div class="row">
                      <div class="col-md-4"></div>
                      <div class="col-md-4">

                    <img src="https://static.igem.org/mediawiki/2015/f/fd/Peking-Project-isothermal_amplification-MDA-fig2.png">
                  </div>
                  <div class="col-md-4"></div>
                </div>
                <div class="col-md-12">
                   <p><small><b>Figure 2.</b>MDA to amplify two different targets. A significant fraction of DNA products is too large to leave the sample well during electrophoresis. M for Marker, 1 for product of pSB1C3, 2 for pSB1C3, 3 for product of pET21a, 4 for pET21a, 5 for H2O negative control.</small></p>
                 </div>
               </div>
                  
                   <p><big>References</big></p>
                   <p>
1. Dean, F. B., Hosono, S., Fang, L., Wu, X., Faruqi, A. F., Bray-Ward, P., ... & Lasken, R. S. (2002). Comprehensive human genome amplification using multiple displacement amplification.Proceedings of the National Academy of Sciences,99(8), 5261-5266.<br/>
2. Esteban, J. A., Salas, M., & Blanco, L. (1993). Fidelity of phi 29 DNA polymerase. Comparison between protein-primed initiation and DNA polymerization. Journal of Biological Chemistry,268(4), 2719-2726.<br/>
  3. Dean, F. B., Nelson, J. R., Giesler, T. L., & Lasken, R. S. (2001). Rapid amplification of plasmid and phage DNA using phi29 DNA polymerase and multiply-primed rolling circle amplification. Genome research, 11(6), 1095-1099.<br/>4. Luthra, R., & Medeiros, L. J. (2004). Isothermal multiple displacement amplification: a highly reliable approach for generating unlimited high molecular weight genomic DNA from clinical specimens. The Journal of Molecular Diagnostics,6(3), 236-242.<br/>5. Lasken, R. S., & Egholm, M. (2003). Whole genome amplification: abundant supplies of DNA from precious samples or clinical specimens.Trends in biotechnology, 21(12), 531-535.<br/>6. Aviel-Ronen, S., Zhu, C. Q., Coe, B. P., Liu, N., Watson, S. K., Lam, W. L., & Tsao, M. S. (2006). Large fragment Bst DNA polymerase for whole genome amplification of DNA from formalin-fixed paraffin-embedded tissues. BMC genomics, 7(1), 312.<br/>7. Spits, C., Le Caignec, C., De Rycke, M., Van Haute, L., Van Steirteghem, A., Liebaers, I., & Sermon, K. (2006). Optimization and evaluation of single‐cell whole‐genome multiple displacement amplification. Human mutation, 27(5), 496-503.</p>
          
                </div>
                   
                   <h3 class="classic-title" id="2"  style="margin-top:30px"><span>Loop-mediated Isothermal Amplification (LAMP)</span></h3>
                 <div style="padding-bottom:20px">
                  <p> LAMP was first invented by Tsugunori in 2000, which uses Bst DNA polymerase and a set of primers targeting distinct sites on the template to amplify target DNA. It is the most popular and commercially available detection kit for the diagnosis of tuberculosis. Here is its working mechanism: In the beginning, the inner primer hybridizes to the template to initiate the stretch; then the outer primer binds to its complementary target site and displaces the synthesized single strand DNA, yielding the primary stem-loop DNA. This stem-loop DNA serves as new template for inner primers, which bind to the loop region of the products and continuously displace newly formed DNA strands. The final products appear to be inverted repeats and cauliflower-like structures. LAMP generates extremely large amounts of DNA, about 10^9 copies of target DNA within an hour. Later Eiken et al. introduced additional loop primers to accelerate the reaction, with amplification time less than half that of the original LAMP method. </p>
                  <p> LAMP can be used to detect various microorganisms, such as E.coli as few as 10 copies and HBV as few as 6 copies. As discussed above, LAMP is highly specific by using four to six primers, which bind six to eight sites of the target simultaneously. The final product can be easily analyzed by various means: 1, electrophoresis, ladder-shaped bands will appear on the agarose gel; 2, turbidity measurement, along with progress of the reaction the white precipitate appears, generating turbidity; 3, colorimetric discrimination, fluoresce probe serves as loop probe while cationic polymers (for example PEI) are used to hybridize LAMP products to precipitate final products and generate detectable color upon excitation, metal-sensitive molecules such as calcein with a shift from orange to green, or pH-sensitive dyes such as Phenol red, Cresol red Neutral red that change their color during reaction because of the release of protons and the drop of pH; 4, current response using Hoechst 33258 that binds DNA minor grooves, causing a significant drop in the current. </p>
                  <p>LAMP eliminates the need for thermal cycling equipment, as well as cost-consuming device and dye. It amplifies DNA with high specificity and rapidity and generates large amounts of DNA products. It is tolerant to inhibitors of PCR such as blood serum, urine; the reaction can be performed without the extraction of sample DNA. </p>
                  <p>However, there are some limitations for the LAMP. The primer design is complex because it utilizes four to six primers; Bst Large Fragment can catalyze primer-directed DNA synthesis even if there is no DNA template, resulting from the spurious amplification of the primers; the product it could elongate is restricted to less than 500bp. Moreover, the reaction is not suitable for quantitative analyses. </p>
                  <p>To overcome the problems, we incorporated palindromic sequence in the primer for efficient amplification, reducing the numbers of primers from six to two (Figure 3). In the initial step, primers would anneal to the template, the newly generated products serve as primers mutually, facilitating next round of amplification. The final products would be tens of thousands of tandem repeats of the target sequence.
                   </p>

                    <div id="fig3">
                    <div class="row">
                      <div class="col-md-1"></div>
                      <div class="col-md-10">

                    <img src="https://static.igem.org/mediawiki/2015/e/ec/Peking-Project-isothermal_amplification-LAMP-fig3.png">
                  </div>
                  <div class="col-md-1"></div>
                </div>
                <div class="col-md-12">
                   <p><small><b>Figure 3.</b>Our modified isothermal amplification using two primers. The two primers used to amplify target DNA can pair with each other. It generates initial products, in the same with conventional PCR; next, products with complementary sequence serve as primers mutually, allowing continuous amplification and producing a large amount of tandem repeats of the target sequence.</small></p>
                 </div>
               </div>
                                
                
                   <p> As a proof of concept, we performed an isothermal amplification using our own designed primers: </p>
                   <table class="table" style="color:#666;font-size:14px"> 
<tbody>
  <tr>
    <th>2×Reaction Mix（RM）</th>
    <th>12.5μl</th>
  </tr>
  <tr>
    <th>Distilled Water（DW）</th>
    <th>9.5μl</th>
  </tr><tr>
    <th>Bst DNA Polymerase</th>
    <th>1μl</th>
  </tr><tr>
    <th>Upstream Primer（40μM）</th>
    <th>1μl</th>
  </tr><tr>
    <th>Downstream Primer（40μM）</th>
    <th>1μl</th>
  </tr><tr>
    <th>DNA</th>
    <th>2μl</th>
  </tr>
</tbody>
</table>
<p>Incubated at 63℃ or 60℃ for 60min; then 80℃ for 10min to deactivate Bst DNA Polymerase.</p>
<p> As shown in Figure 4, only the positive template generates ladder-like bands (a, b), which is an evidence that our primers work as expected. When the amplification products were subjected to our PC Reporter system, we obtained a significantly positive signal (c), demonstrating that our modified LAMP method really works. </p>
<div id="fig4">
                    <div class="row">
                      <div class="col-md-3"></div>
                      <div class="col-md-6">

                    <img src="https://static.igem.org/mediawiki/2015/d/de/Peking-Project-isothermal_amplification-LAMP-fig4.png">
                  </div>
                  <div class="col-md-3"></div>
                </div>
                <div class="col-md-12">
                   <p><small><b>Figure 4.</b>Amplification using our modified LAMP method. (a), we could amplify DNA targets in different length; Lane 1 for 200 bp, Lane 4 for 400 bp, Lane 7 for 700 bp, and Lane 10 for 1000 bp; Lane 2, 5, 8, 11 and 14 for DNA negative control; Lane 3, 6, 9, and 12 for H2O negative control; Lane 13 for target DNA. (b), we reproduced the amplification using different incubation temperatures; 60 ℃ for 1~9, 63℃ for 10~18. The product length is 200 bp for Lane 1/10, 400 bp for Lane 4/13 and 1000 bp for Lane 7/16. The left 2 lanes are negative control. (c), detection of isothermal products using our PC reporter, we got a significantly positive signal even when the products was diluted by 5 fold (5× dilution of PCR products); 1×PCR products was directly used for the PC reporter. mismatch target for the testing of PCR products with a non correct template, positive control for the detection of template DNA(1.5nM), negative control for no DNA samples. </small></p>
                 </div>
               </div>

                 
                   <p>Compared with the conventional LAMP, our isothermal amplification method requires only two primers, making it easy for primer design. Besides, the amplification will not constrained by the target length anymore; as shown in Figure 4, it could generate product over 1,000 bp. Combined with our PC reporter system, we could imagine an improvement of sensitivity and reduction of turnover time for the nucleic acid detection in clinical practices.</p>

<p><big>References:</big></p>
<p>1. Notomi, T., Okayama, H., Masubuchi, H., Yonekawa, T., Watanabe, K., Amino, N., & Hase, T. (2000). Loop-mediated isothermal amplification of DNA. Nucleic acids research, 28(12), e63-e63.
<br/>2. Nagamine, K., Hase, T., & Notomi, T. (2002). Accelerated reaction by loop-mediated isothermal amplification using loop primers. Molecular and cellular probes, 16(3), 223-229.
<br/>3. Mori, Y., Nagamine, K., Tomita, N., & Notomi, T. (2001). Detection of loop-mediated isothermal amplification reaction by turbidity derived from magnesium pyrophosphate formation. Biochemical and biophysical research communications, 289(1), 150-154.
<br/>4. Mori, Y., Hirano, T., & Notomi, T. (2006). Sequence specific visual detection of LAMP reactions by addition of cationic polymers. BMC biotechnology, 6(1), 3.
<br/>5. Tomita, N., Mori, Y., Kanda, H., & Notomi, T. (2008). Loop-mediated isothermal amplification (LAMP) of gene sequences and simple visual detection of products. Nature protocols, 3(5), 877-882.
<br/>6. Tanner, N. A., Zhang, Y., & Evans Jr, T. C. (2015). Visual detection of isothermal nucleic acid amplification using pH-sensitive dyes. LAMP, 5, 6.
<br/>7. Safavieh, M., Ahmed, M. U., Tolba, M., & Zourob, M. (2012). Microfluidic electrochemical assay for rapid detection and quantification of Escherichia coli. Biosensors and Bioelectronics, 31(1), 523-528.
<br/>8. Hill, J., Beriwal, S., Chandra, I., Paul, V. K., Kapil, A., Singh, T., ... & Vats, A. (2008). Loop-mediated isothermal amplification assay for rapid detection of common strains of Escherichia coli. Journal of clinical microbiology, 46(8), 2800-2804.
<br/>9. Poon, L. L., Wong, B. W., Ma, E. H., Chan, K. H., Chow, L. M., Abeyewickreme, W., ... & Peiris, J. M. (2006). Sensitive and inexpensive molecular test for falciparum malaria: detecting Plasmodium falciparum DNA directly from heat-treated blood by loop-mediated isothermal amplification. Clinical chemistry, 52(2), 303-306.<br/>10. Lage, J. M., Leamon, J. H., Pejovic, T., Hamann, S., Lacey, M., Dillon, D., ... & Lizardi, P. M. (2003). Whole genome analysis of genetic alterations in small DNA samples using hyperbranched strand displacement amplification and array–CGH.Genome Research, 13(2), 294-307
</p>
                  
              </div>
            </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>

    
    
      <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
<!--******************************* the only thing to CHANGE is the SHARE LINK******************************-->
    <!-- Start Footer -->
    <footer style="margin-top:30px; padding:0">
      <div class="container" >
        <div class="row footer-widgets" style="padding:0:margin:0"> 
          
          <!-- Start Subscribe & Social Links Widget -->
                   <div class="col-md-3">
                          <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                            <h4>Share This<span class="head-line"></span></h4>
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                    <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking">
                                      <i class="fa">
                                        <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
                                      </i>
                                    </a>
                                </li>
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                    <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking">
                                      <i class="fa">
                                        <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
                                      </i>
                                    </a>
                                </li>
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                    <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking">
                                      <i class="fa">
                                        <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
                                      </i>
                                    </a>
                                </li>
                                
                            </ul>
                        </div>

                         <div class="col-md-12 footer-widget social-widget row">
                            <h4>Follow Us<span class="head-line"></span></h4>
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                    <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
                                </li>
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> 
                                    <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
                                </li>
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                    <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Subscribe & Social Links Widget -->
                    
                   <div class="col-md-6">
                        <div class="footer-widget">
                        <h4>Sponsors<span class="head-line" ></span></h4>
                        <ul>
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
                                 <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
                            </li>
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
                                 <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
                            </li>
                            <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
                                 <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
                            </li>                            
                            <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
                                 <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
                            </li>
                            <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
                                 <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
                            </li>
                            <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
                                 <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
                            </li>
                        </ul>
                        </div>
                        </div>
                    <!--End sponsor Widget--> 
            
          
                   <!-- Start Contact Widget -->
                    <div class="col-md-3">
                         <div class="footer-widget" style="padding:0:margin:0" >
                        <h4>Contact us<span class="head-line" ></span></h4>
                        <div class="footer-widget contact-widget">
                            <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
                            
                            <ul  style="font-size:12px;color:#b4b4b4">
                                <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li>
                                <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li>
                                <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
                            </ul>
                        </div>
                    </div><!-- .col-md-3 -->
                    <!-- End Contact Widget -->

        
        </div><!-- .row -->
        
        <!-- Start Copyright -->
                <div class="copyright-section">
                    <div class="row">
                        <div class="col-md-12" style="padding:0;margin:0;height:30px">
                            <p class="text-center">&copy; 2015 Peking iGEM -  All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p>
                        </div>
                                           
                    </div>
                </div>
                <!-- End Copyright -->
        
      </div>
    </footer>
    <!-- End Footer -->
    
  </div>
  <!-- End Container -->
  
  <!-- Go To Top Link -->
  <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
  
  <div id="loader">
    <div class="spinner">
      <div class="dot1"></div>
      <div class="dot2"></div>
    </div>
  </div>


<!-- add   ?action=raw&amp;ctype=text/javascript    when using Js-->
  <!-- Margo JS  -->
  <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" >
function menuFixed(id){
var obj = document.getElementById(id);
var _getHeight = obj.offsetTop;

window.onscroll = function(){
changePos(id,_getHeight);
}
}
function changePos(id,height){
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
var w = window.innerWidth;
if(w>=1024){
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
}
if(scrollTop < height){ obj.style.position = 'relative';      
}else{
obj.style.position = 'fixed';
}
}
</script>

<script type="text/javascript">
window.onload = function(){
menuFixed('sidebar1');
}
</script>


  
</body>
</html>