Difference between revisions of "Team:ZJU-China/Project/tp"

Line 1: Line 1:
 +
 
<html lang="zh-CN">
 
<html lang="zh-CN">
<head>
+
  <head>
  
<link href="https://2017.igem.org/Team:ZJU-China/css/owlcarousel?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
 
<link href="https://2017.igem.org/Team:ZJU-China/css/animatemin?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/owltheme?action=raw&ctype=text/css" rel="stylesheet" >
 
  
<!-- Theme CSS -->
+
<link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
<link href="https://2017.igem.org/Team:ZJU-China/css/reset?action=raw&ctype=text/css" rel="stylesheet" >
+
<link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
<link href="https://2017.igem.org/Team:ZJU-China/css/style?action=raw&ctype=text/css" rel="stylesheet" >
+
<link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
<link href="https://2017.igem.org/Team:ZJU-China/css/mobile?action=raw&ctype=text/css" rel="stylesheet" >
+
<link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >
+
<link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
<!--<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >-->
+
<link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
<!--<link href="https://2017.igem.org/Team:ZJU-China/css/fontawesome?action=raw&ctype=text/css" rel="stylesheet" >-->
+
 
 +
<script>
 +
  var _hmt = _hmt || [];
 +
</script>
 +
  </head>
  
<!-- <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> -->
 
<!-- Skin CSS -->
 
</head>
 
  
 
<style>
 
<style>
Line 46: Line 44:
 
}
 
}
  
.btn {
 
  display: inline-block;
 
  padding: 6px 12px;
 
  margin-bottom: 0;
 
  font-size: 14px;
 
  font-weight: normal;
 
  line-height: 1.42857143;
 
  text-align: center;
 
  white-space: nowrap;
 
  vertical-align: middle;
 
  -ms-touch-action: manipulation;
 
      touch-action: manipulation;
 
  cursor: pointer;
 
  -webkit-user-select: none;
 
    -moz-user-select: none;
 
      -ms-user-select: none;
 
          user-select: none;
 
  background-image: none;
 
  border: 1px solid !important;
 
  border-radius: 4px;
 
 
}
 
 
/*.btn.focus {
 
  border: 1px solid #009500;
 
  color: #009500;
 
  text-decoration: none;
 
}*/
 
 
.navbar-brand
 
{
 
  width: 150px;
 
  height: 50px;
 
}
 
  
 
/* set page to fill window*/
 
/* set page to fill window*/
Line 100: Line 64:
 
   text-align:center;
 
   text-align:center;
 
     background-color: #FFFFFF;
 
     background-color: #FFFFFF;
}
 
 
.mainHeadP
 
{
 
    font-family: 'Kozuka Gothic Pro EL';
 
    color:white;
 
 
}
 
}
  
 
#content_wrapper p {
 
#content_wrapper p {
     font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
+
     font-family: 'Tempus Sans ITC',Tahoma, Geneva, sans-serif;
 
}
 
}
  
Line 140: Line 98:
 
   vertical-align: baseline;
 
   vertical-align: baseline;
 
   font-size: 0.875em;
 
   font-size: 0.875em;
   font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
   font-family:'Tempus Sans ITC', verdana, sans-serif;
 
}
 
}
  
Line 149: Line 107:
 
   margin-top: 0.2em;
 
   margin-top: 0.2em;
 
   color: #3399ff;
 
   color: #3399ff;
   font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
   font-family:'Tempus Sans ITC', verdana, sans-serif;
 
}
 
}
  
Line 157: Line 115:
 
   margin-top: 1em;
 
   margin-top: 1em;
 
   text-align: left;
 
   text-align: left;
   font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
   font-family:'Tempus Sans ITC', verdana, sans-serif;
 
}
 
}
  
 
.TextContent p{
 
.TextContent p{
 
   margin-bottom: 1.2em;
 
   margin-bottom: 1.2em;
   font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
   font-family:'Tempus Sans ITC', verdana, sans-serif;
 
}
 
}
  
Line 244: Line 202:
 
   color: #888888;
 
   color: #888888;
 
   font-size: 13px;
 
   font-size: 13px;
 +
  text-align: center !important;
 
}
 
}
  
Line 252: Line 211:
 
}
 
}
  
#about-section{
+
.PP {
  background-color: black;
+
    font-family: georgia;
 +
    font-size: 20px;
 +
    font-weight: 100;
 +
    text-align: left;
 
}
 
}
  
.subtitle{
+
/*文中自定义*/
     text-align: center !important;
+
.CuteButton:active {
     font-family: Tahoma, Geneva, sans-serif !important;
+
     -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
    -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
    box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
    position: relative;
 +
    top: 6px;
 +
}
 +
 
 +
.YellowCB {
 +
    background-color: rgba(254,196,62,1);
 +
    -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
    -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
    box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
}
 +
 
 +
.GreenCB {
 +
    background-color: rgba(25,148,117,1);
 +
    -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
    -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
    box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
}
 +
 
 +
.SmallCB {
 +
    font-size: 1.5em;
 +
    margin-left: 2px;
 +
    padding: 2px 10px ;
 +
    width: 100px;
 +
}
 +
 
 +
 
 +
.ArticleHead{
 +
  font-family: 'Tempus Sans ITC',georgia !important;
 +
  font-size: 40px !important;
 +
  font-weight: 800 !important;
 +
  color: #56A36C !important;
 +
  text-align: center !important;
 +
     margin-bottom: 0 !important;
 +
    /*margin-top: .6em !important;*/
 +
}
 +
 
 +
.H3Head{
 +
  font-family: 'Tempus Sans ITC',georgia !important;
 +
  color: #FEC43E !important;
 +
  font-size: 25px !important;
 +
  font-weight: 400 !important;
 +
  text-align: left !important;
 +
    margin-bottom: 0 !important;
 +
    margin-top:.6em !important;
 +
}
 +
 
 +
.PP{
 +
  font-family:Tahoma, Geneva, sans-serif !important;
 +
  font-size: 20px !important;
 +
  font-weight: 100 !important;
 +
  text-align: left !important;
 +
}
 +
 
 +
 
 +
.Retract{
 +
  padding-left: 50px;
 +
}
 +
 
 +
.GreenAH{
 +
  color: #56A36C;
 +
}
 +
 
 +
.YellowAH{
 +
  color: #FEC43E;
 
}
 
}
  
h2, h4, p{
+
.contentLi{
     text-align: center !important;
+
     margin:0;
     font-family: Tahoma, Geneva, sans-serif !important;
+
     font-size:17px;
 +
    line-height: 27px;
 +
    padding-bottom: 20px;
 +
    color: #111111;
 
}
 
}
  
.blacktit
+
.blueTable
 
{
 
{
    color: #000 !important;
+
  color: #1E90FF;
    text-shadow: white 3px 3px 0;
+
 
}
 
}
  
.whitetit
+
.yellowTable
 
{
 
{
    color: #FFF !important;
+
  color: #CD9B1D;
    text-shadow: black 3px 3px 0;
+
 
}
 
}
  
.btn-blank
+
h2{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 35px;
 +
  text-align: left;
 +
}
 +
 
 +
h3{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 32px;
 +
  text-align: left;
 +
}
 +
 
 +
h4{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 28px;
 +
  text-align: left;
 +
}
 +
 
 +
h5{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 25px;
 +
  text-align: left;
 +
}
 +
 
 +
p{
 +
  margin:0;
 +
  font-size:17px;
 +
  line-height: 30px;
 +
  /*padding-bottom: 20px;*/
 +
  color: #111111;
 +
}
 +
 
 +
.bs-docs-sidenav
 
{
 
{
     color: white !important;
+
     font-family:Tahoma, Geneva, sans-serif !important;
 +
    font-size: 20px !important;
 +
    font-weight: 100 !important;
 +
    text-align: left !important;
 +
}
  
 +
 +
.textli li{
 +
    font-family:Tahoma, Geneva, sans-serif !important;
 +
    font-size: 20px !important;
 +
    font-weight: 100 !important;
 +
    text-align: left !important;
 
}
 
}
  
.toteam
+
.nonStyleTable
 
{
 
{
     color: #d2ebe3 !important;
+
     background: transparent !important;
     border-bottom: dotted 1px #a5d8c7 !important;
+
     border:none !important;
    text-decoration: none !important;
+
 
}
 
}
  
.toteam:hover
+
.textimg{
 +
    width:70% !important;
 +
    /*margin-top: 20px;*/
 +
    /*padding-bottom: 20px;*/
 +
    text-align: center;
 +
}
 +
 
 +
.capture
 
{
 
{
     color: white !important;
+
     color: #7f7f7f !important;
      
+
     font-size:15px !important;
 
}
 
}
  
  
 +
 +
 +
/*老姜要好看一点的表格*/
 +
.tableNice thead, .tableNice tr {
 +
    text-align: center;
 +
    border-top-width: 1px;
 +
    border-top-style: solid;
 +
    border-top-color: #b1c6d9;
 +
}
 +
.tableNice {
 +
    width: auto;
 +
    margin-left: 30%;
 +
    border-bottom-width: 1px;
 +
    border-bottom-style: solid;
 +
    border-bottom-color: #D0E9FF;
 +
}
 +
 +
/* Padding and font style */
 +
.tableNice td, .tableNice th {
 +
    padding: 5px 10px;
 +
    font-size: 12px;
 +
 +
    color: #00343F;
 +
}
 +
 +
/* Alternating background colors */
 +
.tableNice tr:nth-child(even) {
 +
    background: transparent;
 +
 +
}
 +
.tableNice tr:nth-child(odd) {
 +
    background: #EBFFFF;
 +
}
 +
 +
.tableOuter
 +
{
 +
    align: center;
 +
    text-align: left;
 +
}
 +
/*老姜要好看一点的表格止*/
 +
/*文中自定义*/
 
</style>
 
</style>
  
<!--========== BEGIN HEADER ==========-->
+
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
  <div class="page-loader"></div>
<!--banner -->
+
      <!-- Docs master nav -->
 +
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
  
<div class="container">
+
  <div class="container">
    <!-- header -->
+
      <!-- header -->
    <div class="header-w3layouts">
+
      <div class="header-w3layouts">
        <!-- Navigation -->
+
          <!-- Navigation -->
        <nav class="navbar navbar-default navbar-fixed-top">
+
          <nav class="navbar navbar-default navbar-fixed-top">
            <div class="navbar-header page-scroll">
+
              <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                </button>
+
                  </button>
  
                <a href="https://2017.igem.org/Team:ZJU-China">
+
                  <a href="https://2017.igem.org/Team:ZJU-China">
                    <img style="margin-top:11px" class="navbar-brand"  src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
+
                      <img style="margin-top:11px" class="navbar-brand"  src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
                </a>
+
                  </a>
  
                <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
+
                  <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
  
            </div>
+
              </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
+
              <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
+
              <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav navbar-right cl-effect-15">
+
                  <ul class="nav navbar-nav navbar-right cl-effect-15">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
                      <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
+
                      <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Overview">Project Description</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Overview">Project Description</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">InterLab</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">InterLab</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/ImproveParts">Improve Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/ImproveParts">Improve Parts</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>-->
+
                              <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>-->
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/ms">Mat Synthesis</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/ms">Mat Synthesis</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>-->
+
                              <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>-->
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>-->
+
                              <!--<li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>-->
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li class="m_nav_item dropdown" >
+
                      <li class="m_nav_item dropdown" >
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Model">Summery</a></li>-->
+
                              <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Model">Summery</a></li>-->
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Model">VOC analysis</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Model">VOC analysis</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Model/Coculture">Coculture</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Model/Coculture">Coculture</a></li>
  
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Basic">Basic Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Basic">Basic Parts</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Composite">Composite Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Composite">Composite Parts</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Collection">Parts Collection</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Collection">Parts Collection</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
+
                      <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
  
                    <li class="m_nav_item dropdown" >
+
                      <li class="m_nav_item dropdown" >
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Safety">Environment</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Safety">Environment</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/Lab">Laboratory</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/Lab">Laboratory</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Collaborations">Collaborations</a></li>
+
                      <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Collaborations">Collaborations</a></li>
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Summary</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Summary</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                    <li class="m_nav_item dropdown" >
+
                      <li class="m_nav_item dropdown" >
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Team">Teammates</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Team">Teammates</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Attributions">Attribution</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Attributions">Attribution</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
                        </ul>
+
                          </ul>
                    </li>
+
                      </li>
  
                </ul>
+
                  </ul>
            </div>
+
              </div>
        </nav>
+
          </nav>
    </div>
+
      </div>
</div>  <!--</div></div>-->
+
  </div>
  
<!-- ========= END HEADER =========-->
 
  
<p></p>
+
<p></p>
<div style="margin-top:0;padding-top:0">
+
<div style="margin-top:0;padding-top:0">
    <img src="https://static.igem.org/mediawiki/2017/0/0a/ZJU_China_home_banner.jpg" width="100%">
+
  <img src="https://static.igem.org/mediawiki/2017/a/ab/ZJU_China_Project_TP_htsy.jpg" width="100%">
    <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
+
  <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
</div>
+
</div>
  
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
 
<!-- Begin text carousel intro section -->
 
    <!--<section class="agileinfo-dot">-->
 
    <!--<div id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg');">-->
 
  
    <!--<div class="container">-->
+
<div class="container zjuContent">
        <!--<div class="caption text-center text-white" data-stellar-ratio="0.7">-->
+
  <div class="col-md-3"></div>
 +
    <div class="col-md-9" role="main">
 +
      <div class="bs-docs-section">
  
            <!--<div id="owl-intro-text" class="owl-carousel">-->
 
                <!--<div class="item">-->
 
                    <!--<h1>We have Awesome things</h1>-->
 
                    <!--<p class="mainHeadP">Me, a sophomore at <span>ZheJiang University</span>. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.</p>-->
 
                    <!--<div class="extra-space-l"></div>-->
 
                <!--</div>-->
 
                <!--<div class="item">-->
 
                    <!--<h1>Join with us</h1>-->
 
                    <!--<p class='mainHeadP'>To the greatest Journey</p>-->
 
                    <!--<div class="extra-space-l"></div>-->
 
                    <!--<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>-->
 
                <!--</div>-->
 
                <!--<div class="item">-->
 
                    <!--<h1>I'm Unika</h1>-->
 
                    <!--<p class="mainHeadP">One Page Responsive Theme</p>-->
 
                    <!--<div class="extra-space-l"></div>-->
 
                    <!--<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>-->
 
                <!--</div>-->
 
            <!--</div>-->
 
        <!--</div>-->
 
    <!--</div>-->
 
<!--</div>-->
 
<!--</section>-->
 
  
<!-- Begin Portfolio -->
+
          <h1 id="trichodermaproof" class="page-header ArticleHead GreenAH">Trichoderma proof<hr></h1>
<section id="portfolio-section" class="page bg-style1">
+
    <div class="container">
+
        <div class="row">
+
            <div class="col-md-12">
+
                <div class="portfolio">
+
                    <!-- Begin page header-->
+
                    <div class="page-header-wrapper">
+
                        <div class="container">
+
                            <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
+
                                <h2>Our Project</h2>
+
                                <div class="devider"></div>
+
                                <p class="subtitle">have a quick view of our project</p>
+
                            </div>
+
                        </div>
+
                    </div>
+
                    <!-- End page header-->
+
                    <div class="portfoloi_content_area" >
+
                        <!-- <div class="portfolio_menu" id="filters">
+
                                <ul>
+
                                    <li class="active_prot_menu"><a href="#porfolio_menu" data-filter="*">all</a></li>
+
                                    <li><a href="#porfolio_menu" data-filter=".websites">websites</a></li>
+
                                    <li><a href="#porfolio_menu" data-filter=".webDesign" >web design</a></li>
+
                                    <li><a href="#porfolio_menu" data-filter=".appsDevelopment">apps development</a></li>
+
                                    <li><a href="#porfolio_menu" data-filter=".GraphicDesign">graphic design</a></li>
+
                                    <li><a href="#porfolio_menu" data-filter=".responsive">responsive</a></li>
+
                                </ul>
+
                            </div> -->
+
                        <div class="portfolio_content">
+
                            <div class="row"  id="portfolio">
+
                                <div class="col-xs-6 col-sm-2 appsDevelopment">
+
                                    <div class="portfolio_single_content">
+
                                        <img src="https://static.igem.org/mediawiki/2017/8/8d/ZJU_China_home_descritption.jpg" alt="title"/>
+
                                        <div>
+
                                            <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Overview">Description</a>
+
                                            <!--<span>Subtitle</span>-->
+
                                        </div>
+
                                    </div>
+
                                </div>
+
                                <div class="col-xs-6 col-sm-2 GraphicDesign">
+
                                    <div class="portfolio_single_content">
+
                                        <img src="https://static.igem.org/mediawiki/2017/4/41/ZJU_China_home_experiment.jpg" alt="title"/>
+
                                        <div>
+
                                            <a class="whitetit" href="#">Experiment</a>
+
                                            <!--<span>Subtitle</span>-->
+
                                        </div>
+
                                    </div>
+
                                </div>
+
                                <div class="col-xs-6 col-sm-2 responsive">
+
                                    <div class="portfolio_single_content">
+
                                        <img src="https://static.igem.org/mediawiki/2017/0/09/ZJU_China_home_modelling.jpg" alt="title"/>
+
                                        <div>
+
                                            <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Model">Modelling</a>
+
                                            <!--<span>Subtitle</span>-->
+
                                        </div>
+
                                    </div>
+
                                </div>
+
                                <div class="col-xs-6 col-sm-2 webDesign websites">
+
                                    <div class="portfolio_single_content">
+
                                        <img src="https://static.igem.org/mediawiki/2017/a/a3/ZJU_China_home_hardware.jpg" alt="title"/>
+
                                        <div>
+
                                            <a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a>
+
                                            <!--<span>Subtitle</span>-->
+
                                        </div>
+
                                    </div>
+
                                </div>
+
  
                                <div class="col-xs-6 col-sm-2 appsDevelopment">
+
          <h2 id="highlights" class="H2Head">Highlights:</h2>
                                    <div class="portfolio_single_content">
+
          <ul class="Retract textli">
                                        <img src="https://static.igem.org/mediawiki/2017/8/8d/ZJU_China_home_descritption.jpg" alt="title"/>
+
              <li>Confront culture experiment proved <em>T.atroviride</em> biocontrol effects.</li>
                                        <div>
+
              <li>Successfully finding the specific promoters related to mycoparasitism.</li>
                                            <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Overview">Description</a>
+
              <li>Designing and Building the Homologous Recombination Kit in T.artovireide.</li>
                                            <!--<span>Subtitle</span>-->
+
          </ul>
                                        </div>
+
                                    </div>
+
                                </div>
+
  
                                <div class="col-xs-6 col-sm-2 GraphicDesign">
+
          <h1 id="biocontroleffects" class="GreenAH ArticleHead ">Biocontrol effects of <em>T.atroviride</em></h1>
                                    <div class="portfolio_single_content">
+
              <h2 id="introduction" class="H2Head">Introduction</h2>
                                        <img src="https://static.igem.org/mediawiki/2017/4/41/ZJU_China_home_experiment.jpg" alt="title"/>
+
                <p class="PP">As described above(Link to Project Description), <em>T.atroviride</em> is a common biocontrol fungus, usually inhibiting the phytopathogens growth by multiple ways.Therefore,we firstly tested the inhibition function of our strain from two layers.</p>
                                        <div>
+
                                            <a class="whitetit" href="#">Experiment</a>
+
                                            <!--<span>Subtitle</span>-->
+
                                        </div>
+
                                    </div>
+
                                </div>
+
  
                                <!--<div class="col-xs-6 col-sm-2 webDesign websites">-->
+
              <h2 id="experimentaldesign" class="H2Head">Experimental Design</h2>
                                    <!--<div class="portfolio_single_content">-->
+
                <p class="PP">Considering the complicated and disturbed environment condition, we planned to keep asepsis during inoculating the fungi on the plants.Howerver,it was not easy for us to do plant tissue culture in MS medium because of the limited time and instruments. Luckily, UESTC-China connected with us after CCiC(Conference of China iGEMer Community),they used tobacco cells to do transgenesis operation this year.So we had built deep mutual collaboration,they assisted us in cultivating a set of tobacco seedlings in sterilized culture medium.After the seedlings have root and leaf differentiation,inculating <em>T.atroviride</em>,<em>P.nicotianae</em> and both of these two strains on the root of the seedings.(Here we selected Phytophthora nicotianae as our antagonizing phytopathogen for its great damage in tobacco culturing in a very short time.) Culturing these seedlings for a month, taking photos everyday and observe the differences. /n On the other side,we did confront culture experiments to see the inhibition ability of <em>T.atroviride</em>. T.artoviride and <em>P.nicotianae</em> were inoculated on the either side of a PDA medium and then incubated on 25°C for two weeks.Hypha growth condition on this medium can reflect the interaction between these two strains,we also model the growth process based on the photos we took during our confront culture.  This model helped us predict the growth of two strains and evaluate the inhibition intensity of T.artoviride.</p>
                                        <!--<img src="https://static.igem.org/mediawiki/2017/a/a3/ZJU_China_home_hardware.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a>-->
+
                                            <!--&lt;!&ndash;<span>Subtitle</span>&ndash;&gt;-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
  
                                <!--<div class="col-xs-6 col-sm-2 appsDevelopment websites">-->
+
              <h2 id="results" class="H2Head">Result</h2>
                                    <!--<div class="portfolio_single_content">-->
+
                <p class="PP">The differences between treatment and control groups were very obvious according to our tests in vivo.We selected four points of time of tobacco photos for comparison here.</p>
                                        <!--<img src="https://static.igem.org/mediawiki/2017/8/89/ZJUChina_home_p5.jpg" alt="title"/>-->
+
                <img class="textimg" src="https://static.igem.org/mediawiki/2017/0/0e/ZJU_China_Project_TP_P1.png">
                                        <!--<div>-->
+
                                            <!--<a href="#">Joy of Independence</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                                <!--<div class="col-xs-6 col-sm-2 GraphicDesign">-->
+
                                    <!--<div class="portfolio_single_content">-->
+
                                        <!--<img src="https://static.igem.org/mediawiki/2017/5/59/ZJUChina_home_p6.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a href="#">Night Crawlers</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                                <!--<div class="col-xs-6 col-sm-2 responsive">-->
+
                                    <!--<div class="portfolio_single_content">-->
+
                                        <!--<img src="https://static.igem.org/mediawiki/2017/f/f0/ZJUChina_home_p7.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a href="#">Last Motel</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                                <!--<div class="col-xs-6 col-sm-2 GraphicDesign">-->
+
                                    <!--<div class="portfolio_single_content">-->
+
                                        <!--<img src="https://static.igem.org/mediawiki/2017/0/0b/ZJUChina_home_p8.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a href="#">Dirk Road</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                                <!--<div class="col-xs-6 col-sm-2 websites">-->
+
                                    <!--<div class="portfolio_single_content">-->
+
                                        <!--<img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a href="#">Old is Gold</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                                <!--<div class="col-xs-6 col-sm-2 appsDevelopment websites">-->
+
                                    <!--<div class="portfolio_single_content">-->
+
                                        <!--<img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/>-->
+
                                        <!--<div>-->
+
                                            <!--<a href="#">Joy of Independence</a>-->
+
                                            <!--<span>Subtitle</span>-->
+
                                        <!--</div>-->
+
                                    <!--</div>-->
+
                                <!--</div>-->
+
                            </div>
+
                        </div>
+
                    </div>
+
  
                </div>
+
         <p class="PP capture">P1:Photos for four tobacco groups in four different moments. The inoculation date was set to the Day 0 (BI:Before Inoculating)</p>
            </div>
+
         </div>
+
    </div>
+
</section>
+
<!-- End portfolio -->
+
  
 +
                <p class="PP">The intruding of <em>P.nicotianae</em> was very harmful to tobacco growth.Within three days after <em>P.nicotianae</em> infected, the leaves of tobaccos began to wilt and the stem lodged in six days.We also counted the time point of stem lodging for each groups.<br><br></p>
  
<!-- Begin about section -->
+
          <!-- Table -->
<section id="about-section" class="page bg-style1">
+
          <table class="table tableNice" style="margin-left: 30%">
    <!-- Begin page header-->
+
              <tr>
    <div class="page-header-wrapper">
+
                  <th> </th>
        <div class="container">
+
                  <th>Control</th>
            <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
+
                  <th><em>P.nicotianae</em></th>
                <h2 style="color:white;">About us</h2>
+
                  <th><em>T.atroviride</em></th>
                <div class="devider"></div>
+
                  <th>Coculture</th>
                <!--<a class="btn btn-blank" href="https://2017.igem.org/Team:ZJU-China/Team" target="_blank" role="button">OUR TEAM</a>-->
+
              </tr>
                <a class="toteam" href="http://www.zju.edu.cn/">Zhejiang University</a>
+
                </div>
+
        </div>
+
    </div>
+
    <!-- End page header-->
+
  
    <!-- Begin rotate box-1 -->
+
              <tr>
    <div class="rotate-box-1-wrapper">
+
                  <th>Leaf wilting</th>
        <div class="container">
+
                  <td class="blueTable">/</td>
            <div class="row">
+
                  <td class="blueTable">less than 3 DAI</td>
 +
                  <td class="blueTable">/</td>
 +
                  <td class="blueTable">4 DAI</td>
 +
              </tr>
  
                <div class="col-md-5 col-sm-6" >
+
              <tr>
                    <div class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0">
+
                  <th>Stem lodging</th>
                        <span class="rotate-box-icon"><i class="fa fa-users"></i></span>
+
                  <td class="blueTable">/</td>
                        <div class="rotate-box-info" style="color:white;">
+
                  <td class="blueTable">6 DAI</td>
                            <h4>Location</h4>
+
                  <td class="blueTable">/</td>
                            <p>Room 413,Biology lab center, Zijingang Campus</p>
+
                  <td class="blueTable">10 DAI</td>
                            <p>Zhejiang University, YuHangTang Road NO.866</p>
+
              </tr>
                            <p>Hangzhou, China</p>
+
          </table>
 +
          <p class="PP capture">T1:Blank shank symptoms appearing time,DAI(Days after inoculating). "/" means no related symptoms appeared.</p>
  
                        </div>
+
          <p class="PP">We further got the fresh weight and dry weight data on 12th day.</p>
                    </div>
+
                 <p class="PP">In view of this results, We concluded from this in vivo tests:<br></p>
                 </div>
+
  
                <div class="col-md-4 col-sm-6">
+
                  <p class="PP textli Retract" style="line-height: 20px !important;"><br>P.nicotianane was a serious phytopathogen and the infected symptoms appeared very quickly.</p>
                    <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.2s">
+
                  <p class="PP textli Retract" style="line-height: 20px !important;"><em>T.atroviride</em> helped the tobaccos resist the <em>P.nicotianae</em> and delayed the symptoms appearing.</p>
                        <span class="rotate-box-icon"><i class="fa fa-diamond"></i></span>
+
                  <p class="PP textli Retract" style="line-height: 20px !important;"><em>T.atroviride</em> seemed to improve the weights of the plants.</p>
                        <div class="rotate-box-info" style="color:white;">
+
                            <h4>About us</h4>
+
                            <p>We are a team from Zhejiang University undergradutes, focusing on  the new application of synthetic biology in agriculture this year.</p>
+
                        </div>
+
                    </a>
+
                </div>
+
  
                 <div class="col-md-3 col-sm-6">
+
                 <p class="PP"><br>The Confront culture experiments showed the inhibitory effect of <em>T.atroviride</em> hyphae on <em>P.nicotianae</em> growth, this time-lapse video showed the process clearly and visually.</p>
                    <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.4s">
+
                <p class="PP">The T.atrovoride grew more fast than <em>P.nicotianae</em> on PDA and inhibited its growth after hyphae hit.Finally the whole medium was colonized by <em>T.atroviride</em> and the hyphae of <em>P.nicotianae</em> were totally engulfed. </p>
                        <span class="rotate-box-icon"><i class="fa fa-clock-o"></i></span>
+
                        <div class="rotate-box-info"  style="color:white; text-align: center;">
+
                            <h4>Contace us</h4>
+
                            <p><br></p>
+
                            <p>by our forum</p>
+
                            <p>by our WeChat Official Account<i class="fa fa-wechat"></i></p>
+
                        </div>
+
                    </a>
+
                </div>
+
  
            </div> <!-- /.row -->
 
        </div> <!-- /.container -->
 
    </div>
 
    <!-- End rotate box-1 -->
 
  
    <div class="extra-space-l"></div>
+
          <h2 id="conclusions" class="H2Head">Conclusions</h2>
 +
                <p class="PP">In this part, we chose <em>P.nicotianae</em> as the object, proving the inhibitory effect of <em>T.atroviride</em> both in the culture medium and plants. On the other hand, we also paid attention to the differences between in vivo tests and confront culture, although <em>T.atroviride</em> completely inhibited Phytophthora in PDA medium, however, in plants, Trichoderma only delayed the diseases outbreak, but could not eliminate the harm of Phytophthora, this may showed that the further improvement of <em>T.atroviride</em>,like combining with synthetic biology technology, is necessary and meaningful.So the next step was collecting DNA parts which can be used in filamentous fungus and proving that we can express foreign genes in <em>T.atroviride</em>.</p>
  
 +
          <h1 id="gmit" class="GreenAH ArticleHead ">Gene manipulation in <em>T.atroviride</em></h1>
  
</section>
+
              <h2 id="overview" class="H2Head">Overview</h2>
<!-- End about section -->
+
                <p class="PP">In order to introduce the <em>T.atroviride</em> as a new kind of Chassis, we accomplished
 +
                    the random insertion manipulation in <em>T.atroviride</em>. According to the report gene(GFP) under the fluorescence microscope, we can prove that we are able to manipulate the <em>T.atroviride</em> at the level of genes and express the genes of interests.  However, to the extented application, especially to enable the <em>T.atroviride</em> to realize their biocontrol  function in the automatic agriculture, we need our <em>T.atroviride</em> to finish more tasks. For instance, we need to establish more complicated pathway in the <em>T.atroviride</em> and to integrate more transcription units to the genome of the <em>T.atroviride</em> at the same time. Therefore, we refer to the research in the saccharomyces cerevisiae of the modularized two-step (M2S) chromosome integration technique, established a <em>T.atroviride</em> homologous recombination kit.
 +
                </p>
 +
              <h2 id="experimentaldesign2" class="H2Head">Experimental Design</h2>
  
 +
                    <h3 id="firstphase" class="H3Head">The first phase: random insertion</h3>
 +
                            <p class="PP">We obtain the constitutive promoter(H3 promoter), which is workable in <em>T.atroviride</em>, as well as the terminator used in <em>T.atroviride</em> called RP27. Then we assembled the promoter, terminator, a reporter gene(eGFP) and hph gene (hygromycin) together with the vector PKD1 to construct the random insertion plasmid. PKD1 backbone is a kind of TDNA vector so that it is able to insert into the <em>T.atroviride</em> genome.</p>
 +
                            <p class="PP">This experiment can prove whether the random insertion can be manipulated in <em>T.atroviride</em> and whether it’s convenient to explore various promoters strength for standardization.</p>
 +
                            <p class="PP">Through ATMT(Agrobacterium Tumefaciens-mediated Transformation), hph gene and the reporter gene(GFP) can be imported into the genome DNA. The transformants can grow on the medium with hygromycin, and we can see the GFP under the fluorescence microscope.</p>
  
 +
          <h3 id="secondphase" class="H3Head">The second phase: Trichoderma homologous recombination kit</h3>
 +
                <p class="PP"><strong>Step1 Characterize the promoters and terminators of Trichoderma as the parts</strong></p>
 +
                  <p class="PP">To be able to integrate more genes at the same time, we need to get more promoters and terminators using in the construction of module.</p>
 +
                  <p class="PP">Firstly, in addition to the existing constitutive H3 promoter, we searched many papers and chose another published constitutive promoter, Phex. Then we replaced PH3 with this Phex in the above random insertion plasmid and transform this new plasmid into <em>T.atroviride</em>, which will be detected under fluorescence microscope.</p>
 +
                  <p class="PP">Secondly, as a kind of filamentous fungus, <em>T.atroviride</em> inhibit the pathogenic fungus through mycoparasitism by receiving the signals such as agglutinin or others. <em>T.atroviride</em> will twine on the pathogenic fungus, persistently upregulate some genes. The ech42 gene is such a kind of upregulated gene during mycoparasitism so that we surmised there is a kind of inducible promoter in front of the ech42 gene. Therefore, we got a fragment (named it Pech42) in front of the ech42 coding region and replaced the PH3 with it as well. This plasmid also transformed into <em>T.atroviride</em> and was detected under fluorescence microscope.</p>
 +
                  <p class="PP">Besides, thanks to assistance of the laboratory in our university, we obtained two more kinds of constitutive promoters, PSOD and Ptubulin to establish our kit and characterize them. This two kinds of constitutive promoters are widely used parts among laboratories, they are all used to be applied in the metabolic pathway of <em>T.atroviride</em>. Also, another terminator got from the part kits named tADH1 was ready.</p>
  
<!-- Begin partners -->
 
<section id="partners-section">
 
    <!-- Begin page header-->
 
    <div class="page-header-wrapper">
 
        <div class="container">
 
            <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
 
                <h2>Sponsors</h2>
 
                <div class="devider"></div>
 
                <p class="subtitle">Those who trust us</p>
 
                <p class="subtitle"> ← Drag logos to see more → </p>
 
            </div>
 
        </div>
 
    </div>
 
    <!-- End page header-->
 
    <div class="container">
 
        <div id="owl-partners" class="owl-carousel">
 
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/e/ee/ZJUChina_home_mathworks.png" alt="img">
 
  
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/6/6f/ZJUChina_home_biolab.png" alt="img">
+
          <p class="PP"><strong>Step2 Obtain the homologous arms L1 L2 L3 and the Homologous arms located in the <em>T.atroviride</em> genome </strong></p>
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/1/1b/ZJUChina_home_undergraduate.png" alt="img">
+
              <p class="PP">We made the contact with the author of the M2S technique and obtained the homologous arms L1 L2 L3 from him. Besides, we chose the upregulated gene when mycoparasitism, ech42, and picked up the upstream and downstream of the coding region as the homologous arms located in the genome of <em>T.atroviride</em>. </p>
  
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/8/8b/ZJUChina_home_ckc.png" alt="img">
+
          <p class="PP"><strong>Step3 assemble the plasmids</strong></p>
 +
              <p class="PP">Now we can assemble the parts we got into the plasmids’ backbones.</p>
 +
              质粒图
 +
              <p class="PP">Therefore, we can utilize the three-module strategy to finish the  dual-transcription unit assembly.</p>
 +
              (挂一个组合原理图)
 +
              <p class="PP">Modularized head-to-head promoter module and a pair of terminators was assembled with two genes. Thus, two transcription units were assembled. Then the two transcription units were transformed into <em>T.atroviride</em> for assembly and integration with modules of selective markers and integration sites.</p>
 +
              <p class="PP">The process of integrating the several dual-transcription units into the genome of <em>T.atroviride</em> bases on the homologous recombination in vivo. The important point of this process is the dedicated overlap regions L1-L3 so that each fragment can assemble with adjacent fragments by the overlap regions. Plus, these overlap sequences were designed to have least homology with the genome of <em>T.atroviride</em> by sequence analysis.</p>
  
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/b/b4/ZJUChina_home_genscript.png" alt="img">
+
          <h2 id="results2" class="H2Head">Result</h2>
 +
              <p class="PP">The first phase:random insertion</p>
 +
              <p class="PP">According to the GFP observed under the fluorescence microscope(P2), we can prove that PKD1 plasmid contains both H3 promoter and Hex promoter can work. Meanwhile, the hex promoter is weaker than the H3 promoter.</p>
 +
             <img class="textimg" src="https://static.igem.org/mediawiki/2017/2/20/ZJU_China_Project_TP_P2.png">
  
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/6/6c/ZJUChina_home_idt.png" alt="img">
 
  
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/c/ca/ZJUChina_home_foundation.png" alt="img">
+
             <p class="PP capture">P2:Fluorescence detection for <em>T.atroviride</em> hyphae.WT:Wide type;PKD1:Hyphae contain PKD1 plasmids within H3 promoter; Hex:Hyphae contain PKD1 plasmids within Hex promoter instead of H3.(The magnification factor was 10X40 for pic A&D,10X10 for pic B&E and 10X20 for pic C&F)</p>
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/e/e3/ZJUChina_home_cs.png" alt="img">
+
            <p class="PP">We put the hyphae picked from the <em>T.atroviride</em> which confront cultured with the <em>P.nicotianae</em> on a clean glass slide, next to the hyphae from <em>T.atroviride</em> without <em>P.nicotianae</em>. The different fluorescence strength between them reveals that Pech42 was activated by <em>P.nicotianae</em> (P3,P4).</p>
 +
             <img class="textimg" src="https://static.igem.org/mediawiki/2017/c/c7/ZJU_China_Project_TP_P3.png">
 +
            <p class="PP capture">P4:The relative fluorescent intensity of the hyphae contain the plasmids within Pech42.</p>
  
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/b/b1/ZJUChina_home_science.png" alt="img">
+
          <h2 id="futurework" class="H2Head">Future work</h2>
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/a/ab/ZJUChina_home_physical.png" alt="img">
+
                <p class="PP">In the future, we are going to establish the <em>T.atroviride</em> parts library, including the promoters, terminators and more “L” homologous arm from L1 to Ln which can be more suitable for <em>T.atroviride</em>. Thus, our method can integrate multiple transcription units at the same time.</p>
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/3/36/ZJUChina_home_tobacco.png" alt="img">
+
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/1/19/ZJUChina_home_medicine.png" alt="img">
+
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/5/52/ZJUChina_home_cls.png" alt="img">
+
        </div>
+
    </div>
+
</section>
+
<!-- End partners -->
+
  
 +
    <h1 id="reference" class="GreenAH ArticleHead ">Reference<hr></h1>
 +
          <p class="PP">[1]Li S, Ding W, Zhang X, et al. Development of a modularized two-step (M2S) chromosome integration technique for integration of multiple transcription units in Saccharomyces cerevisiae[J]. Biotechnology for Biofuels, 2016, 9(1):232.</p>
 +
          <p class="PP">[2]…….再补给你</p>
  
<!-- Begin footer -->
 
<footer class="text-off-white">
 
  
    <div class="footer">
+
      </div>
        <div class="container text-center wow fadeIn" data-wow-delay="0.4s">
+
 
             <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
+
 
 +
 
 +
<!-- 右侧监听开始 -->
 +
<div class="col-md-3 disappear-on-top" role="complementary">
 +
  <nav  style="position: fixed; top: 100px ; left:50px; " class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
 +
    <ul class="nav bs-docs-sidenav">
 +
      <li><a href="#introduction">Introduction</a></li>
 +
      <li>
 +
        <a href="#trichodermaproof">Trichoderma proof</a>
 +
          <ul class="nav">
 +
            <li><a href="#highlights">Highlights</a></li>
 +
          </ul>
 +
      </li>
 +
      <li>
 +
        <a href="#biocontroleffects">Biocontrol effects of <em>T.atroviride</em></a>
 +
          <ul class="nav">
 +
             <li><a href="#introduction">Introduction</a></li>
 +
            <li><a href="#experimentaldesign">Experimental Design</a></li>
 +
            <li><a href="#results">Results</a></li>
 +
            <li><a href="#conclusions">Conclusions</a></li>
 +
          </ul>
 +
      </li>
 +
      <li>
 +
        <a href="#gmit">Gene manipulation in <em>T.atroviride</em></a>
 +
        <ul class="nav">
 +
          <li><a href="#overview">Overview</a></li>
 +
            <li><a href="#experimentaldesign2">Experimental Design</a></li>
 +
            <li><a href="#results2">Result</a></li>
 +
            <li><a href="#futurework">Future Work</a></li>
 +
        </ul>
 +
      </li>
 +
        <li><a href="#reference">Reference</a></li>
 +
    </ul>
 +
 
 +
  <a class="back-to-top" href="#top">
 +
  <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
 +
    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
 +
  </a>
 +
 
 +
           
 +
          </nav>
 
         </div>
 
         </div>
    </div>
+
       
</footer>
+
      </div>
<!-- End footer -->
+
</div>
 +
<!-- 右侧监听结束 -->
 +
<!-- footer开始 -->
 +
<div class="footer"  style="background-color: #000000">
 +
  <div class="copyright container text-center">
 +
      <p><br></p>
 +
    <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
 +
    <p><br></p>
 +
  </div>
 +
</div>
 +
<!-- footer结束 -->
 +
 
  
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
+
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
+
  <!--script src="js/bootstrap.min.js"></script-->
<script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
<script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
+
  <!--script src="js/button.js"></script-->
<script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
<script src="https://2017.igem.org/Team:ZJU-China/js/owlcarouselmin?action=raw&ctype=text/javascript"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
<script src="https://2017.igem.org/Team:ZJU-China/js/jquerystellarmin?action=raw&ctype=text/javascript"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
<script src="https://2017.igem.org/Team:ZJU-China/js/wowmin?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Team:ZJU-China/js/jqueryeasing?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Team:ZJU-China/js/theme?action=raw&ctype=text/javascript"></script>
+
  
 +
  <!--<script src="js/scrolling-nav.js"></script>-->
 +
  <script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
  
</body>
+
  </body>
 
</html>
 
</html>

Revision as of 08:28, 21 October 2017

Trichoderma proof

Highlights:

  • Confront culture experiment proved T.atroviride biocontrol effects.
  • Successfully finding the specific promoters related to mycoparasitism.
  • Designing and Building the Homologous Recombination Kit in T.artovireide.

Biocontrol effects of T.atroviride

Introduction

As described above(Link to Project Description), T.atroviride is a common biocontrol fungus, usually inhibiting the phytopathogens growth by multiple ways.Therefore,we firstly tested the inhibition function of our strain from two layers.

Experimental Design

Considering the complicated and disturbed environment condition, we planned to keep asepsis during inoculating the fungi on the plants.Howerver,it was not easy for us to do plant tissue culture in MS medium because of the limited time and instruments. Luckily, UESTC-China connected with us after CCiC(Conference of China iGEMer Community),they used tobacco cells to do transgenesis operation this year.So we had built deep mutual collaboration,they assisted us in cultivating a set of tobacco seedlings in sterilized culture medium.After the seedlings have root and leaf differentiation,inculating T.atroviride,P.nicotianae and both of these two strains on the root of the seedings.(Here we selected Phytophthora nicotianae as our antagonizing phytopathogen for its great damage in tobacco culturing in a very short time.) Culturing these seedlings for a month, taking photos everyday and observe the differences. /n On the other side,we did confront culture experiments to see the inhibition ability of T.atroviride. T.artoviride and P.nicotianae were inoculated on the either side of a PDA medium and then incubated on 25°C for two weeks.Hypha growth condition on this medium can reflect the interaction between these two strains,we also model the growth process based on the photos we took during our confront culture. This model helped us predict the growth of two strains and evaluate the inhibition intensity of T.artoviride.

Result

The differences between treatment and control groups were very obvious according to our tests in vivo.We selected four points of time of tobacco photos for comparison here.

P1:Photos for four tobacco groups in four different moments. The inoculation date was set to the Day 0 (BI:Before Inoculating)

The intruding of P.nicotianae was very harmful to tobacco growth.Within three days after P.nicotianae infected, the leaves of tobaccos began to wilt and the stem lodged in six days.We also counted the time point of stem lodging for each groups.

Control P.nicotianae T.atroviride Coculture
Leaf wilting / less than 3 DAI / 4 DAI
Stem lodging / 6 DAI / 10 DAI

T1:Blank shank symptoms appearing time,DAI(Days after inoculating). "/" means no related symptoms appeared.

We further got the fresh weight and dry weight data on 12th day.

In view of this results, We concluded from this in vivo tests:


P.nicotianane was a serious phytopathogen and the infected symptoms appeared very quickly.

T.atroviride helped the tobaccos resist the P.nicotianae and delayed the symptoms appearing.

T.atroviride seemed to improve the weights of the plants.


The Confront culture experiments showed the inhibitory effect of T.atroviride hyphae on P.nicotianae growth, this time-lapse video showed the process clearly and visually.

The T.atrovoride grew more fast than P.nicotianae on PDA and inhibited its growth after hyphae hit.Finally the whole medium was colonized by T.atroviride and the hyphae of P.nicotianae were totally engulfed.

Conclusions

In this part, we chose P.nicotianae as the object, proving the inhibitory effect of T.atroviride both in the culture medium and plants. On the other hand, we also paid attention to the differences between in vivo tests and confront culture, although T.atroviride completely inhibited Phytophthora in PDA medium, however, in plants, Trichoderma only delayed the diseases outbreak, but could not eliminate the harm of Phytophthora, this may showed that the further improvement of T.atroviride,like combining with synthetic biology technology, is necessary and meaningful.So the next step was collecting DNA parts which can be used in filamentous fungus and proving that we can express foreign genes in T.atroviride.

Gene manipulation in T.atroviride

Overview

In order to introduce the T.atroviride as a new kind of Chassis, we accomplished the random insertion manipulation in T.atroviride. According to the report gene(GFP) under the fluorescence microscope, we can prove that we are able to manipulate the T.atroviride at the level of genes and express the genes of interests. However, to the extented application, especially to enable the T.atroviride to realize their biocontrol function in the automatic agriculture, we need our T.atroviride to finish more tasks. For instance, we need to establish more complicated pathway in the T.atroviride and to integrate more transcription units to the genome of the T.atroviride at the same time. Therefore, we refer to the research in the saccharomyces cerevisiae of the modularized two-step (M2S) chromosome integration technique, established a T.atroviride homologous recombination kit.

Experimental Design

The first phase: random insertion

We obtain the constitutive promoter(H3 promoter), which is workable in T.atroviride, as well as the terminator used in T.atroviride called RP27. Then we assembled the promoter, terminator, a reporter gene(eGFP) and hph gene (hygromycin) together with the vector PKD1 to construct the random insertion plasmid. PKD1 backbone is a kind of TDNA vector so that it is able to insert into the T.atroviride genome.

This experiment can prove whether the random insertion can be manipulated in T.atroviride and whether it’s convenient to explore various promoters strength for standardization.

Through ATMT(Agrobacterium Tumefaciens-mediated Transformation), hph gene and the reporter gene(GFP) can be imported into the genome DNA. The transformants can grow on the medium with hygromycin, and we can see the GFP under the fluorescence microscope.

The second phase: Trichoderma homologous recombination kit

Step1 Characterize the promoters and terminators of Trichoderma as the parts

To be able to integrate more genes at the same time, we need to get more promoters and terminators using in the construction of module.

Firstly, in addition to the existing constitutive H3 promoter, we searched many papers and chose another published constitutive promoter, Phex. Then we replaced PH3 with this Phex in the above random insertion plasmid and transform this new plasmid into T.atroviride, which will be detected under fluorescence microscope.

Secondly, as a kind of filamentous fungus, T.atroviride inhibit the pathogenic fungus through mycoparasitism by receiving the signals such as agglutinin or others. T.atroviride will twine on the pathogenic fungus, persistently upregulate some genes. The ech42 gene is such a kind of upregulated gene during mycoparasitism so that we surmised there is a kind of inducible promoter in front of the ech42 gene. Therefore, we got a fragment (named it Pech42) in front of the ech42 coding region and replaced the PH3 with it as well. This plasmid also transformed into T.atroviride and was detected under fluorescence microscope.

Besides, thanks to assistance of the laboratory in our university, we obtained two more kinds of constitutive promoters, PSOD and Ptubulin to establish our kit and characterize them. This two kinds of constitutive promoters are widely used parts among laboratories, they are all used to be applied in the metabolic pathway of T.atroviride. Also, another terminator got from the part kits named tADH1 was ready.

Step2 Obtain the homologous arms L1 L2 L3 and the Homologous arms located in the T.atroviride genome

We made the contact with the author of the M2S technique and obtained the homologous arms L1 L2 L3 from him. Besides, we chose the upregulated gene when mycoparasitism, ech42, and picked up the upstream and downstream of the coding region as the homologous arms located in the genome of T.atroviride.

Step3 assemble the plasmids

Now we can assemble the parts we got into the plasmids’ backbones.

质粒图

Therefore, we can utilize the three-module strategy to finish the dual-transcription unit assembly.

(挂一个组合原理图)

Modularized head-to-head promoter module and a pair of terminators was assembled with two genes. Thus, two transcription units were assembled. Then the two transcription units were transformed into T.atroviride for assembly and integration with modules of selective markers and integration sites.

The process of integrating the several dual-transcription units into the genome of T.atroviride bases on the homologous recombination in vivo. The important point of this process is the dedicated overlap regions L1-L3 so that each fragment can assemble with adjacent fragments by the overlap regions. Plus, these overlap sequences were designed to have least homology with the genome of T.atroviride by sequence analysis.

Result

The first phase:random insertion

According to the GFP observed under the fluorescence microscope(P2), we can prove that PKD1 plasmid contains both H3 promoter and Hex promoter can work. Meanwhile, the hex promoter is weaker than the H3 promoter.

P2:Fluorescence detection for T.atroviride hyphae.WT:Wide type;PKD1:Hyphae contain PKD1 plasmids within H3 promoter; Hex:Hyphae contain PKD1 plasmids within Hex promoter instead of H3.(The magnification factor was 10X40 for pic A&D,10X10 for pic B&E and 10X20 for pic C&F)

We put the hyphae picked from the T.atroviride which confront cultured with the P.nicotianae on a clean glass slide, next to the hyphae from T.atroviride without P.nicotianae. The different fluorescence strength between them reveals that Pech42 was activated by P.nicotianae (P3,P4).

P4:The relative fluorescent intensity of the hyphae contain the plasmids within Pech42.

Future work

In the future, we are going to establish the T.atroviride parts library, including the promoters, terminators and more “L” homologous arm from L1 to Ln which can be more suitable for T.atroviride. Thus, our method can integrate multiple transcription units at the same time.

Reference

[1]Li S, Ding W, Zhang X, et al. Development of a modularized two-step (M2S) chromosome integration technique for integration of multiple transcription units in Saccharomyces cerevisiae[J]. Biotechnology for Biofuels, 2016, 9(1):232.

[2]…….再补给你