Difference between revisions of "Team:FAFU-CHINA"

Line 7: Line 7:
  
 
<body>
 
<body>
<style>
+
<html>
.navbar-default {
+
  background-color: #93bd46;
+
  border-color: #6a8d2c;
+
}
+
.navbar-default .navbar-brand {
+
  color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-brand:hover,
+
.navbar-default .navbar-brand:focus {
+
  color: #ffffff;
+
}
+
.navbar-default .navbar-text {
+
  color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-nav > li > a {
+
  color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-nav > li > a:hover,
+
.navbar-default .navbar-nav > li > a:focus {
+
  color: #ffffff !important;
+
}
+
.navbar-default .navbar-nav > li > .dropdown-menu {
+
  background-color: #93bd46;
+
}
+
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
+
  color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
+
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
+
  color: #ffffff !important;
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+
  color: #ffffff !important;
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-nav > .active > a,
+
.navbar-default .navbar-nav > .active > a:hover,
+
.navbar-default .navbar-nav > .active > a:focus {
+
  color: #ffffff !important;
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-nav > .open > a,
+
.navbar-default .navbar-nav > .open > a:hover,
+
.navbar-default .navbar-nav > .open > a:focus {
+
  color: #ffffff !important;
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-toggle {
+
  border-color: #6a8d2c;
+
}
+
.navbar-default .navbar-toggle:hover,
+
.navbar-default .navbar-toggle:focus {
+
  background-color: #6a8d2c;
+
}
+
.navbar-default .navbar-toggle .icon-bar {
+
  background-color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-collapse,
+
.navbar-default .navbar-form {
+
  border-color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-link {
+
  color: #e9f9e7 !important;
+
}
+
.navbar-default .navbar-link:hover {
+
  color: #ffffff !important;
+
}
+
 
+
@media (max-width: 767px) {
+
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+
color: #e9f9e7 !important;
+
  }
+
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+
color: #ffffff !important;
+
  }
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+
color: #ffffff !important;
+
background-color: #6a8d2c;
+
  }
+
}
+
.dropdown-menu li a{
+
background-color: #93bd46;
+
}
+
.dropdown-menu .active a{
+
background-color:#6a8d2c;
+
}
+
 
+
+
+
+
+
body,html{
+
padding:0;
+
margin:0;
+
}
+
.dropdown ul li,.dropdown ul{
+
background-color:gainsboro;
+
}
+
.navbar .nav > li .dropdown-menu { 
+
margin: 0; 
+
+
.navbar .nav > li:hover .dropdown-menu { 
+
display: block; 
+
}
+
.noma{
+
width:60%;
+
margin:0 auto;
+
padding:0;
+
}
+
</style>
+
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top:13px;">
+
  <div class="container-fluid noma">
+
 
+
 
+
    <!-- Collect the nav links, forms, and other content for toggling -->
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<ul class="nav navbar-nav">
+
<li class="active"><a href="#">Home</a></li>
+
 
+
<li class="dropdown">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
  <ul class="dropdown-menu">
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Description">Overview</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Background">Background</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Interlab</a></li>
+
<li class="chooseone active"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 1: Phyto-route</a></li>
+
<li class="choosetwo"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 2: Metal-trap</a></li>
+
<li class="choosethree"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 3: Safeguard</a></li>
+
  </ul>
+
</li>
+
<li class="dropdown">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
+
  <ul class="dropdown-menu">
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement ">Data</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Judging Criteria</a></li>
+
<li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Community</a></li>
+
  </ul>
+
</li>
+
<li class="dropdown">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Extras <span class="caret"></span></a>
+
  <ul class="dropdown-menu">
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Protocols ">Protocols</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Diary</a></li>
+
  </ul>
+
</li>
+
<li class="dropdown">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
+
  <ul class="dropdown-menu">
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Parts">Overview</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Basic_Part">Basic Part</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Composite_Part">Composite Part</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Part_Collection">Part Collection</a></li>
+
  </ul>
+
</li>
+
<li class="dropdown">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results <span class="caret"></span></a>
+
  <ul class="dropdown-menu">
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Overview</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement">Measurement</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/HP/Gold_Integrated">Gold Integrated</a></li>
+
<li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Entrepreneurship</a></li>
+
<li><a href="hhttps://2017.igem.org/Team:Example2/Software">Software</a></li>
+
<li><a href="https://2017.igem.org/Team:Example2/Hardware">Hardware</a></li>
+
<li><a href="https://2017.igem.org/Team:Example2/Plant">Plant</a></li>
+
  </ul>
+
</li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Model">Model</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practice</a></li>
+
<li><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
+
</ul>
+
    </div><!-- /.navbar-collapse -->
+
  </div><!-- /.container-fluid -->
+
</nav>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
<style>
 
<style>
 
body{
 
body{
 
opacity: 0.9;
 
opacity: 0.9;
         background-color: #262222;
+
         background-color: #F1e6ce
 +
;
 
 
 
}
 
}
#bodic{
+
/*#bodic{
 
width: 100%;
 
width: 100%;
 
     height: audo;
 
     height: audo;
 +
    background-color: #90E0CE
 
     position: fixed;
 
     position: fixed;
 
     top: 20px;
 
     top: 20px;
     margin-left: 46%;
+
     margin-left: 60%;
 +
    border: 2px
 +
    border-color:#16344E;
 +
 
 
}
 
}
 
#bodic div{
 
#bodic div{
Line 238: Line 30:
 
     float: left;
 
     float: left;
 
     font-size: 20px;
 
     font-size: 20px;
     color: #FFF;
+
     color: #BC464C;
 
     padding: 0;
 
     padding: 0;
 
     text-align: right;
 
     text-align: right;
Line 248: Line 40:
 
     float:left;
 
     float:left;
 
     font-size:20px;
 
     font-size:20px;
     color:#FFF;
+
     color:#BC464C;
 
     padding:2px;
 
     padding:2px;
 
     text-align:center;
 
     text-align:center;
Line 264: Line 56:
 
#bodic div a{
 
#bodic div a{
 
text-decoration: none;
 
text-decoration: none;
color:#FFF;
+
color:#BC464C;
}
+
}*/
 
.imagestyle{
 
.imagestyle{
 
width: 100%;
 
width: 100%;
Line 275: Line 67:
 
     margin-left: 44%;
 
     margin-left: 44%;
 
     font-style: italic;
 
     font-style: italic;
     color: lavender;
+
     color: #BC464C;
 
}
 
}
 
.introducetext2{
 
.introducetext2{
Line 281: Line 73:
 
     padding: 20px;
 
     padding: 20px;
 
     margin: 12px;
 
     margin: 12px;
     background-color: #aaa;
+
     background-color: #D0E090;
     border: 15px solid rebeccapurple;
+
     border: 15px solid #BC464C;
 
     border-style: dotted;
 
     border-style: dotted;
 
     margin-top: 30px;
 
     margin-top: 30px;
Line 293: Line 85:
 
.lastpart{
 
.lastpart{
 
     height: 300px;
 
     height: 300px;
}
 
 
</style>
 
<style type="text/css">
 
.eyes{
 
perspective: 1000px;
 
}
 
.box{
 
/*设置3D效果*/
 
transform-style: preserve-3d;
 
/*盒子的大小*/
 
width: 200px;
 
height: 200px;
 
background: red;
 
/*设置盒子的位置,便于观察*/
 
margin: 90px auto;
 
/*复合方式设置动画 三者分别为:动画名 执行一次时间 执行方式*/
 
animation: zhuan 20s ease;
 
/*令动画无限执行下去*/
 
animation-iteration-count: infinite;
 
animation-timing-function: linear;
 
}
 
.box div{
 
width: 200px;
 
height: 200px;
 
opacity: 0.9;
 
/*设置过渡*/
 
transition: all 15s ease 0s;
 
position: absolute;
 
}
 
/*调整位置,制作成一个六边形*/
 
.box .div1{
 
    background: blue;
 
    background-image: url(https://static.igem.org/mediawiki/2017/8/84/T-FAFU-CHINA-002.png);
 
    background-position: center;
 
    background-size: 200px;
 
    transform: translateZ(100px);
 
}
 
.box .div2{
 
    background: green;
 
    background-image: url(https://static.igem.org/mediawiki/2017/5/5b/T--FAFU-CHINA--001.png);
 
    background-position: center;
 
    background-size: 200px;
 
    transform: translateZ(-100px);
 
}
 
.box .div3{
 
    background: yellow;
 
    background-image: url(https://static.igem.org/mediawiki/2017/7/74/233.png);
 
    background-position: center;
 
    background-size: 200px;
 
    transform: rotateX(90deg) translateZ(100px);
 
}
 
.box .div4{
 
background: green;
 
transform: rotateX(270deg) translateZ(100px);
 
}
 
.box .div5{
 
background: gray;
 
transform: rotateY(-90deg) translateZ(100px);
 
}
 
.box .div6{
 
background: brown;
 
transform: rotateY(90deg) translateZ(100px);
 
}
 
/*添加3D旋转效果 让其绕X、Y轴同时旋转90度*/
 
@keyframes zhuan{
 
from{
 
transform: rotateX(0deg) rotateY(0deg);
 
}
 
to{
 
transform: rotateX(360deg) rotateY(360deg);
 
}
 
}
 
/*给正方体添加一个hover效果*/
 
.box:hover .div1{
 
transform: translateZ(200px);
 
}
 
.box:hover .div2{
 
transform: translateZ(-200px);
 
}
 
.box:hover .div3{
 
transform: rotateX(90deg) translateZ(200px);
 
}
 
.box:hover .div4{
 
transform: rotateX(270deg) translateZ(200px);
 
}
 
.box:hover .div5{
 
transform: rotateY(-90deg) translateZ(200px);
 
}
 
.box:hover .div6{
 
transform: rotateY(90deg) translateZ(200px)
 
}
 
.square{
 
    width: 615px;
 
    height: 492px;
 
    border: 39px solid #8a6d3b;
 
    margin-top: 64px;
 
    background-color: #41beb8;
 
    margin-left: 28%;
 
    border-style: groove;
 
 
}
 
}
 
.logstyle{
 
.logstyle{
width: 200px;
+
 +
  width: 200px;
 
     height: 200px;
 
     height: 200px;
 
     float: left;
 
     float: left;
 +
    z-index: 999;
 
}
 
}
 
.logimg{
 
.logimg{
    height: 155px;
+
        height: 86%;
     width: 155px;
+
     width: 188%;
}
+
    float: left;
.logtext{
+
    margin-top: -208px;}
        font-size: 15px;
+
/*.logoo1{
     color: red;
+
    height:auto;
     margin-left: 2px;
+
     width: 5px;
     padding: 1px;
+
    float: right;
}
+
     margin-top: -207px}
 +
     .logoo1 img{
 +
      width:30%;
 +
      height:30%;
 +
    }*/
 
</style>
 
</style>
 
<body>
 
<body>
<div id="bodic">
+
 
<div>
+
 
<a href="#">Home</a>
+
<style>
</div>
+
  .navbar-default {
<div>
+
    background-color: #93bd46;
<a href="https://2017.igem.org/Team:FAFU-CHINA/Description ">Project</a>
+
    border-color: #6a8d2c;
</div>
+
  }
<div>
+
  .navbar-default .navbar-brand {
<a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practices</a>
+
    color: #e9f9e7 !important;
</div>
+
  }
<div>
+
  .navbar-default .navbar-brand:hover,
<a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Notebook</a>
+
  .navbar-default .navbar-brand:focus {
</div>
+
    color: #ffffff;
<div>
+
  }
<a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a>
+
  .navbar-default .navbar-text {
</div>
+
    color: #e9f9e7 !important;
</div>
+
  }
 +
  .navbar-default .navbar-nav > li > a {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > a:hover,
 +
  .navbar-default .navbar-nav > li > a:focus {
 +
    color: #ffffff !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu {
 +
    background-color: #93bd46;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav > .active > a,
 +
  .navbar-default .navbar-nav > .active > a:hover,
 +
  .navbar-default .navbar-nav > .active > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-nav > .open > a,
 +
  .navbar-default .navbar-nav > .open > a:hover,
 +
  .navbar-default .navbar-nav > .open > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle {
 +
    border-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle:hover,
 +
  .navbar-default .navbar-toggle:focus {
 +
    background-color: #6a8d2c;
 +
  }
 +
  .navbar-default .navbar-toggle .icon-bar {
 +
    background-color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-collapse,
 +
  .navbar-default .navbar-form {
 +
    border-color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-link {
 +
    color: #e9f9e7 !important;
 +
  }
 +
  .navbar-default .navbar-link:hover {
 +
    color: #ffffff !important;
 +
  }
 +
 
 +
  @media (max-width: 767px) {
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #e9f9e7 !important;
 +
    }
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #ffffff !important;
 +
    }
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #ffffff !important;
 +
    background-color: #6a8d2c;
 +
    }
 +
  }
 +
  .dropdown-menu li a{
 +
    background-color: #93bd46;
 +
  }
 +
  .dropdown-menu .active a{
 +
    background-color:#6a8d2c;
 +
  }
 +
 
 +
 
 +
  body,html{
 +
    padding:0;
 +
    margin:0;
 +
  }
 +
  .dropdown ul li,.dropdown ul{
 +
    background-color:gainsboro;
 +
  }
 +
  .navbar .nav > li .dropdown-menu { 
 +
    margin: 0; 
 +
  } 
 +
  .navbar .nav > li:hover .dropdown-menu { 
 +
    display: block; 
 +
  }
 +
  .noma{
 +
    width:70%;
 +
    margin:0 auto;
 +
    padding:0;
 +
  }
 +
 
 +
</style>
 +
<nav class="navbar navbar-default " style="margin-top:145px;z-index: 888">
 +
  <div class="container-fluid noma">
 +
 
 +
 
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
    <ul class="nav navbar-nav">
 +
      <li><a href="#">Home</a></li>
 +
 
 +
      <li class="dropdown active">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
        <li class="active"><a href="https://2017.igem.org/Team:FAFU-CHINA/Description">Overview</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Background">Background</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Interlab</a></li>
 +
        <li class="chooseone active"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 1: Phyto-route</a></li>
 +
        <li class="choosetwo"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 2: Metal-trap</a></li>
 +
        <li class="choosethree"><a href="https://2017.igem.org/Team:FAFU-CHINA/Experiments">Module 3: Safeguard</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Results</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement ">Data</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Design">Judging Criteria</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Community</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Extras <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations">Collaborations</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Protocols ">Protocols</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Notebook">Diary</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Parts">Overview</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Basic_Part">Basic Part</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Composite_Part">Composite Part</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Part_Collection">Part Collection</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Results">Overview</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Measurement">Measurement</a></li>
 +
        <li><a href="https://2017.igem.org/Team:FAFU-CHINA/HP/Gold_Integrated">Gold Integrated</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Example2/Entrepreneurship">Entrepreneurship</a></li>
 +
        <li><a href="hhttps://2017.igem.org/Team:Example2/Software">Software</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Example2/Hardware">Hardware</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Example2/Plant">Plant</a></li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Model">Model</a></li>
 +
      <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Human_Practices">Human Practice</a></li>
 +
      <li><a href="https://2017.igem.org/Team:FAFU-CHINA/Team">Team</a></li>
 +
    </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
 
     <!--log图片位置-->
 
     <!--log图片位置-->
 
     <div class="logstyle">
 
     <div class="logstyle">
         <img class="logimg" src="https://static.igem.org/mediawiki/2017/f/fc/QQ%E5%9B%BE%E7%89%8720170628104754.png">
+
         <img class="logimg" src="https://static.igem.org/mediawiki/2017/a/ae/T--FAFU-CHINA--006.jpg" >
         <span class="logtext">Welcome to FAFU-CHINA</span>
+
         <!--<div class="logoo1"><img src="https://static.igem.org/mediawiki/2017/c/c7/T--FAFU-CHINA--007.png" ></div>-->
    </div>
+
    <!--图片轮播-->
+
    <div class="square">
+
    <div class="eyes">
+
    <div class="box">
+
    <div class="div1"></div>
+
    <div class="div2"></div>
+
    <div class="div3"></div>
+
    <div class="div4"></div>
+
    <div class="div5"></div>
+
    <div class="div6"></div>
+
    </div>
+
    </div>
+
 
     </div>
 
     </div>
  <!--其他介绍-->
+
   
 
   <div class="introducetext">
 
   <div class="introducetext">
 
             <h2>
 
             <h2>

Revision as of 11:48, 14 October 2017

Overview

    Continued worldwide industrialization has caused extensive environmental and human health problems. A wide variety of chemicals, e.g., heavy metals, pesticides, chlorinated solvents, etc., have been detected in different natural resources such as soil, water, and air. Among the pollutants, the heavy metals are of concern to human health due to their cytotoxicity,mutagenicity, and carcinogenicity.
    Soil polluted by heavy metals represent an important environmental problem due to the toxic effects of metals, their accumulations throughout the food chain and the additional risk of groundwater contamination.
    Metal remediation through common physico-chemical techniques is expensive and unsuitable in the case of extensive areas. Therefore biotechnological approaches have received a great deal of attention in recent years. Bioremediaton, as a way of natural attenuation, adds phytoremediation, the use of plants for reclamation and microbe(PSB) together as a strategy for either enhancing uptake(PSB-assisted Phytoextraction) or reducing the bioavailability of metal contaminants(PSB-immobilized Phyto-promotion mechanism) in the soil, especially in the rhizosphere to accelerate plant biomass production and root enlongation.

    In this module, our team designed a pathway that the Pb ions will bind to PbR protein when activated ions are in the soil environment. It induces downstream gene expression, and results in the tetR protein inhibition promoter PltetO1 expression. At the same time, the strong promoter P43 of B.megaterium stimulated the expression of MBP in the downstream lead-producing peptide. It makes the chelating peptide of Pb metal, which reduced the total amount of heavy metals in the soil to be harmless level. When there is no Pb ions presented in the environment, the expression of tetR was blocked and the inhibition of PltetO1 was released. It results in the lacI repressor binding to the lacO sequence, and leads to blocking the expression of MBP. This mechanism is effective in preventing the infinite expression of MBP against the B. megaterium itself.