Difference between revisions of "Team:ZJUT-China/Team"

 
(19 intermediate revisions by 2 users not shown)
Line 115: Line 115:
  
  
−
 
+
/* igem祖传代码 */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
Line 127: Line 127:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
  
Line 565: Line 564:
 
/*my styles  */
 
/*my styles  */
 
/************************************************/
 
/************************************************/
 +
img{
 +
  max-width：100%;
 +
 +
}
 
.homepage_img{
 
.homepage_img{
 
   text-align: center;
 
   text-align: center;
−
   background: url(https://static.igem.org/mediawiki/2018/8/83/T--ZJUT-China--home2.jpg);
+
  margin-top: 41px;
−
  height: 800px;
+
   background: url(https://static.igem.org/mediawiki/2018/d/d2/T--ZJUT-China--team.jpg);
−
  width: 1500px;
+
 
   background-size:cover;
 
   background-size:cover;
 +
  width: 100% ;
 +
  min-height: 800px;
 +
  height: auto;
 +
  clear: both;
 +
  background-repeat: no-repeat;
 +
  background-size: 100% 100%;
 +
  overflow: hidden;
 
}
 
}
−
.hometext{
+
 
−
  padding-left: 0px;
+
−
  padding-top: 350px;
+
−
}
+
 
.container{
 
.container{
 
padding:0 30px 0 30px;
 
padding:0 30px 0 30px;
 
display: block;
 
display: block;
 
}
 
}
−
.side-bar{
+
.homepage_img{
−
   float: left;
+
  text-align: center;
−
   width: 15%;
+
  padding:0 0 20px 0;
−
   margin: 20px 0 0 30px;
+
}
 +
/* 顶栏固定 */
 +
.topbar{
 +
   position: fixed;
 +
  top: 0px;
 +
  height: 51px;
 +
   width: 100%;
 +
   padding-top: 18px;
 +
}
 +
/* 下拉按钮样式 */
 +
.dropbkgd{
 +
    background-image: url(https://static.igem.org/mediawiki/2018/c/ca/T--ZJUT-China--topbar1.jpg);
 +
    min-height: 51px;
 +
    height: auto;
 +
    width: 100% ;
 +
    clear: both;
 +
    background-repeat: no-repeat;
 +
    background-size: 100% 100%;
 +
    overflow: hidden;
 
   }
 
   }
−
.main{
+
.drop{
−
   float: right;
+
   color: transparent;
−
   width: 80%;}
+
   font-size: 20px;
−
.side-bar .nav a,
+
  line-height: 51px;
−
.side-bar  a
+
  width: 100%;
−
{
+
  height: 100%;
−
color: #888;
+
−
padding: 5px;
+
−
display: block;
+
−
-webkit-transition: color 200ms ;
+
−
-o-transition: color 200ms ;
+
−
transition: color 200ms ;
+
 
}
 
}
−
.side-bar .nav a:hover,
+
 
−
.side-bar  a :hover{
+
.dropposition{
−
color: #7D7DFF;
+
    position: absolute;
 +
    left: 15.2%;
 +
    width: 100%;
 +
    height: 51px;
 
}
 
}
−
.side-bar .nav a {
+
.drop:hover{
−
font-weight: 700;
+
  background-color: #BACD32;
 +
  color: white;
 
}
 
}
−
.homepage_img{
+
.drop a{
−
   text-align: center;
+
  color: transparent;
−
   padding:0 0 20px 0;
+
   text-decoration: none;
 +
   display: inline-block;
 +
    width: 100%;
 +
    height: 100%;
 
}
 
}
−
.igem_2018_title_menu{
+
.drop a:hover{
−
  height: 50px;
+
    color: white;
−
  background-color:#DCDCDC;
+
 
}
 
}
  
−
.igem_2018_title_menu_item{
+
/* 容器 <div> - 需要定位下拉内容 */
−
  float: left;
+
.dropdown1,
−
  width: 12%;
+
.dropdown2,
−
   height: 50px;
+
.dropdown3,
−
   line-height: 50px;
+
.dropdown4,
−
   color: #000000;
+
.dropdown5,
 +
.dropdown6,
 +
.dropdown7,
 +
.dropdown8{
 +
   position: relative;
 +
   display: inline-block;
 +
   float:left;
 
   text-align: center;
 
   text-align: center;
−
   font-size: 20px;
+
   width: 8%;
 +
  height: 100%;
 +
}
 +
.dropdown1 {
 +
    width: 7%;
 +
}
 +
.dropdown2{
 +
    width: 7%;
 +
    left: 2%;
 +
}
 +
.dropdown3{
 +
  width: 8%;
 +
  left: 3%;
 +
}
 +
.dropdown4{
 +
  width:7%;
 +
  left:5%;
 +
}
 +
.dropdown5{
 +
  width: 7%;
 +
  left:6%;
 +
}
 +
.dropdown6{
 +
  width:15.2%;
 +
  left: 7%;
 +
}
 +
.dropdown7{
 +
  width:12%;
 +
  left: 7%;
 +
}
 +
.dropdown8{
 +
  width:12%;
 +
  left: 8%;
 +
}
 +
/* 下拉内容 (默认隐藏) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    color: #DACD32;
 +
    width: 180px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    float: left;
 +
    background-color: rgba(0,0,0,0.2);
 +
}
 +
.dropdown6 .dropdown-content{
 +
  width:230.4px;
 
}
 
}
−
.igem_2018_title_menu_item a{
 
  
 +
/* 下拉菜单的链接 */
 +
.dropdown-content a {
 +
    color: white;
 
     text-decoration: none;
 
     text-decoration: none;
−
     color: #000000;
+
     display: block;
−
     display: inline-block;
+
     width: 100%;
−
}
+
    height: 100%;
−
.igem_2018_title_menu_item:hover{
+
−
  background-color: #9ACD32;
+
 
}
 
}
  
 +
/* 鼠标移上去后修改下拉菜单链接颜色 */
 +
.dropdown-content a:hover {background-color:  #7D7DFF}
 +
 +
/* 在鼠标移上去后显示下拉菜单 */
 +
.dropdown2:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown3:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown4:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown5:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown6:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown7:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown8:hover .dropdown-content {
 +
    display: block;
 +
}
  
 
   .container .col-10 {
 
   .container .col-10 {
Line 650: Line 750:
  
 
/* styling for the titles h1, h2*/
 
/* styling for the titles h1, h2*/
 +
  .container .col-10 h1, .container .col-10 h2 {
 +
border-bottom:0px;
 +
font-family: 'Tempus Sans ITC',georgia !important;
 +
padding: 10px 0px;
 +
}
 
   .container .col-10 h1{
 
   .container .col-10 h1{
 
     font-size: 38px!important;
 
     font-size: 38px!important;
 
     padding: 20 20 20 20!important;
 
     padding: 20 20 20 20!important;
−
  }
 
−
.container .col-10 h1, .container .col-10 h2 {
 
−
border-bottom:0px;
 
−
color: #9ACD32;
 
−
font-family: "Arial Black", Gadget, sans-serif;
 
−
padding: 10px 0px;
 
 
     text-align: center;
 
     text-align: center;
−
}
+
    color: #9ACD32;
 +
  }
 +
  .container .col-10 h2 {
 +
    font-size: 30px!important;
 +
    color: #6495ED;
 +
  }
 +
 
 +
 
  
 
/* styling for the titles h3, h3, h5, h6 */
 
/* styling for the titles h3, h3, h5, h6 */
Line 685: Line 791:
 
   weight: 600px;
 
   weight: 600px;
 
   }
 
   }
 +
.side-bar .igem_2018_title_menu{
 +
    position: fixed;
 +
}
 +
.note{
 +
  font-size:15px;
 +
  color:#708090;
 +
  text-align: center;
 +
}
 +
.homeindex{
 +
  width: 20%;
 +
  min-height: 1px;
 +
  float: left;
 +
  margin: 15px;
 +
  text-align: center;
 +
  padding-left: 25px;
  
 +
}
 +
.homeindex img{
 +
    border-radius: 30px;
 +
}
 +
/* 底部 */
 +
  .footer{
 +
    background: #eee;
 +
    margin-top: 30px;
 +
    padding: 30px 0;
 +
    width: 100%;
 +
  }
 +
  .foottop{
 +
    height: 330px;
 +
    width: 100%;
 +
  }
 +
  .footbottom{
 +
    height:50px;
 +
    width: 100%;
 +
  }
 +
  .footbottom .note{
 +
    padding-top: 40px;
 +
  }
 +
  .footmessage-left,
 +
  .footmessage-left2,
 +
  .footmessage-right,
 +
  .footmessage-middle {
 +
    width: 24%;
 +
    float: left;
 +
    height: 100%;
 +
  }
 +
 +
  .footmessage-middle img{
 +
    width: 60%;
 +
    padding-top: 60px;
 +
    padding-left: 60px;
 +
  }
 +
  .footmessage-right img{
 +
    width: 80%;
 +
    max-height: 100%;
 +
    padding-top: 10px;
 +
    padding-left: 30px;
 +
  }
 +
  .footmessage-left2 img{
 +
    width: 80%;
 +
    padding-left: 30px;
 +
    padding-top: 15px;
 +
  }
 +
  .footmessage-left img{
 +
    padding-top: 60px;
 +
    padding-left: 30px;
 +
    width: 80%;
 +
    max-height: 100%;
 +
  }
 +
  .footmessage-right h3{
 +
    font-size: 30px;
 +
  }
 +
  .footmessage-right{
 +
    padding-left: 30px;
 +
  }
 +
  .footmessage-right p{
 +
    font-size: 15px!important;
 +
  }
 +
.container .igem_2018_team_content .igem_2018_team_column_wrapper  li{
 +
  padding-top: 10px;
 +
}
 +
.container .igem_2018_team_content .igem_2018_team_column_wrapper  a{
 +
  font-size: 20px;
 +
}
 +
.black{
 +
    display: none;
 +
    position: fixed;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index: 2;
 +
    background: rgba(0,0,0,0.1);
 +
    top:0;
 +
    left:0;
 +
}
 +
.dialog{
 +
    display: none;
 +
    position: fixed;
 +
    z-index: 3;
 +
    width: 500px;
 +
    min-height: 300px;
 +
    top:50%;
 +
    left:50%;
 +
    margin: -150px 0 0 -250px;
 +
    background: #fff;
 +
    padding: 15px;
 +
    border-radius: 5px;
 +
}
 +
.dialog .Name{
 +
  font-size: 25px;
 +
  background-color: #FFFFB9;
 +
  text-align: center;
 +
}
 +
.dialog_content p{
 +
  font-size: 20px!important;
 +
}
 +
.dialog span {
 +
  font-size: 20px;
 +
}
 +
.Members{
 +
  width: 20%;
 +
  padding-left: 2.5%;
 +
  display: inline-block;
 +
}
 +
.Members img{
 +
    width: 100%;
 +
}
 +
.teachers{
 +
  width:30%;
 +
  padding-left: 10%;
 +
  display: inline-block;
 +
}
 +
.teachers img{
 +
  width: 100%;
 +
}
 +
.we{
 +
  text-align: center;
 +
}
 +
.we img{
 +
  width:1000px;
 +
}
 +
p{
 +
  text-indent:2em!important;
 +
}
  
 
</style>
 
</style>
 +
 +
  
  
Line 700: Line 950:
  
 
</head>
 
</head>
−
<div class="homepage_img">
+
<!-- 导航栏 -->
−
  <div class="hometext">
+
<div class="topbar">
−
    <h1></h1>
+
    <div class="dropbkgd">
 +
      <div class="dropposition">
 +
        <div class="dropdown1">
 +
          <div class="drop">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown2">
 +
          <div class="drop">
 +
              Team
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Team">Team Members</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Attributions">Attributions</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Collaborations">Collaborations</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown3">
 +
          <div class="drop">
 +
              Project
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Description" >Description</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Design">Design</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Results">Results</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Demonstrate">Demonstrate</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown4">
 +
          <div class="drop">
 +
              Parts
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Parts">All parts</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Improve">Improve</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown5">
 +
          <div class="drop">
 +
            Lab
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Notebook">Notebook</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Protocols2018">Protocols</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Safety</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/InterLab" >Interlab</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown6">
 +
          <div class="drop">
 +
              Human Practices
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Human_Practices">Integrated hp</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Public_Engagement">Public Engagement & Education</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown7">
 +
          <div class="drop">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Model"> Modeling</a>
 +
          </div>
 +
        </div>
 +
        <div class="dropdown8">
 +
          <div class="drop">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018"> Judging</a>
 +
          </div>
 +
        </div>
 +
      </div>
 
     </div>
 
     </div>
 +
  </div>
 +
<!-- 首页大图 -->
 +
<div class="homepage_img">
 
</div>
 
</div>
 +
<!-- 主体 -->
 
<div class="container">
 
<div class="container">
−
 
+
   <br><br><br>
−
   <br>
+
  <div class="teachers">
−
  <div class="igem_2018_title_menu">
+
    <img src="https://static.igem.org/mediawiki/2018/4/4b/T--ZJUT-China--sdc.jpg" id="JS_dialog0" alt="">
−
        <div class="igem_2018_title_menu_item">
+
    <!--遮罩层-->
−
          <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
+
    <div class="black" id="black0"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox0">
 +
        <h1>Dongchang Sun(孙东昌)</h1>
 +
        <span class="dialog_close0" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        Born on 4th October 1982, Dongchang Sun is the Associate Professor of College of Biotechnology and Bioengineering (CBB) at Zhejiang University of Technology (ZJUT) and Guest Associate Editor of the journal Frontiers in Microbiology. He was selected as 'Young Investigator' by American Society of Microbiology.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Team">Team</a>
+
        var doc=document;
 +
        var Btn0=doc.getElementById('JS_dialog0'),
 +
            Back0=doc.getElementById('black0'),
 +
            DialogBox0=doc.getElementById('dialogBox0'),
 +
            DialogClose0=DialogBox0.getElementsByClassName('dialog_close0')[0];
 +
        Btn0.onclick=function () {
 +
            //显示遮罩层
 +
            Back0.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox0.style.display='block';
 +
        }
 +
        DialogClose0.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back0.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox0.style.display='none';
 +
        }
 +
        Back0.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back0.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox0.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="teachers">
 +
    <img src="https://static.igem.org/mediawiki/2018/1/1d/T--ZJUT-China--cf.jpg" id="JS_dialog1" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black1"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox1">
 +
        <h1>Feng Cheng(程峰)</h1>
 +
        <span class="dialog_close1" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Mr. Feng Cheng obtained his doctoral degree in Biotechnology from RWTH Aachen University, Germany in 2015. In the same year, he was appointed Assistant Professor of biochemical bioengineering at Zhejiang University of Technology. His current research interests focus on synthetic biology, protein engineering and biocatalysis. He is the advisor for ZJUT-China iGEM teams 2017&2018.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Team">Project</a>
+
        var doc=document;
 +
        var Btn1=doc.getElementById('JS_dialog1'),
 +
            Back1=doc.getElementById('black1'),
 +
            DialogBox1=doc.getElementById('dialogBox1'),
 +
            DialogClose1=DialogBox1.getElementsByClassName('dialog_close1')[0];
 +
        Btn1.onclick=function () {
 +
            //显示遮罩层
 +
            Back1.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox1.style.display='block';
 +
        }
 +
        DialogClose1.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back1.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox1.style.display='none';
 +
        }
 +
        Back1.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back1.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox1.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <br><br>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/9c/T--ZJUT-China--wyk.jpg" id="JS_dialog" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox">
 +
        <h1>Yankang Wu(吴言康)</h1>
 +
        <span class="dialog_close" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        Yankang Wu, Bioengineering. This year I started my second iGEM trip as the team leader. This is a huge challenge for me. How to make our team more united? How to ensure the progress of the project? How to hold an efficient meeting? Oh my God! Anyway, I am looking forward to this year's Jamboree. Finally, I hope that I can get rid of my procrastination as soon as possible.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Team">Parts</a>
+
        var doc=document;
 +
        var Btn=doc.getElementById('JS_dialog'),
 +
            Back=doc.getElementById('black'),
 +
            DialogBox=doc.getElementById('dialogBox'),
 +
            DialogClose=DialogBox.getElementsByClassName('dialog_close')[0];
 +
        Btn.onclick=function () {
 +
            //显示遮罩层
 +
            Back.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox.style.display='block';
 +
        }
 +
        DialogClose.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox.style.display='none';
 +
        }
 +
        Back.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/05/T--ZJUT-China--yx.jpg" id="JS_dialog2" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black2"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox2">
 +
        <h1>Xin Yang(杨欣)</h1>
 +
        <span class="dialog_close2" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Hello, my name is Yang Xin, majoring in biotechnology. I am mainly responsible for the planning of human practice, joining iGEM and working with my teammates make me feel like we can change the world and I believe we can.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Safety</a>
+
        var doc=document;
 +
        var Btn2=doc.getElementById('JS_dialog2'),
 +
            Back2=doc.getElementById('black2'),
 +
            DialogBox2=doc.getElementById('dialogBox2'),
 +
            DialogClose2=DialogBox2.getElementsByClassName('dialog_close2')[0];
 +
        Btn2.onclick=function () {
 +
            //显示遮罩层
 +
            Back2.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox2.style.display='block';
 +
        }
 +
        DialogClose2.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back2.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox2.style.display='none';
 +
        }
 +
        Back2.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back2.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox2.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/65/T--ZJUT-China--zcq.jpg" id="JS_dialog3" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black3"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox3">
 +
        <h1>Chenqian Zhou(周晨倩)</h1>
 +
        <span class="dialog_close3" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        My name is Zhou Chenqian, a 21-year-old college student in ZheJiang University of Technology. I am a team member of 2018 ZJUT-iGEM. In this team, I mostly took part in activities of human practice. Other team members and I did many work together and helped each other in this process, which gave me a unforgettable experience in my life.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Human Practices</a>
+
        var doc=document;
 +
        var Btn3=doc.getElementById('JS_dialog3'),
 +
            Back3=doc.getElementById('black3'),
 +
            DialogBox3=doc.getElementById('dialogBox3'),
 +
            DialogClose3=DialogBox3.getElementsByClassName('dialog_close3')[0];
 +
        Btn3.onclick=function () {
 +
            //显示遮罩层
 +
            Back3.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox3.style.display='block';
 +
        }
 +
        DialogClose3.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back3.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox3.style.display='none';
 +
        }
 +
        Back3.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back3.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox3.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/1/16/T--ZJUT-China--yz.jpg" id="JS_dialog4" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black4"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox4">
 +
        <h1>Tristan Yuan(袁喆)</h1>
 +
        <span class="dialog_close4" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Tristan Yuan. Major in biological technology. Senior, graduating next year. Head of wet lab team, also in charge of the interlab study.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Awards</a>
+
        var doc=document;
 +
        var Btn4=doc.getElementById('JS_dialog4'),
 +
            Back4=doc.getElementById('black4'),
 +
            DialogBox4=doc.getElementById('dialogBox4'),
 +
            DialogClose4=DialogBox4.getElementsByClassName('dialog_close4')[0];
 +
        Btn4.onclick=function () {
 +
            //显示遮罩层
 +
            Back4.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox4.style.display='block';
 +
        }
 +
        DialogClose4.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back4.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox4.style.display='none';
 +
        }
 +
        Back4.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back4.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox4.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ed/T--ZJUT-China--chenjianing.jpg" id="JS_dialog5" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black5"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox5">
 +
        <h1>Jianing Chen(陈家宁)</h1>
 +
        <span class="dialog_close5" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Jianing Chen,a junior student in Zhejiang University of Technology and major in bioengineering. In the team, I am responsible for creating wiki pages. Though I did most of work by myself, I couldn’t finish them without the collaboration of my teammates.
 +
        </p>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
         <script>
−
          <a href="https://igem.org/2018_Judging_Form?team=ZJUT-China">Judging Form</a>
+
        var doc=document;
 +
        var Btn5=doc.getElementById('JS_dialog5'),
 +
            Back5=doc.getElementById('black5'),
 +
            DialogBox5=doc.getElementById('dialogBox5'),
 +
            DialogClose5=DialogBox5.getElementsByClassName('dialog_close5')[0];
 +
        Btn5.onclick=function () {
 +
            //显示遮罩层
 +
            Back5.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox5.style.display='block';
 +
        }
 +
        DialogClose5.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back5.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox5.style.display='none';
 +
        }
 +
        Back5.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back5.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox5.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/d/db/T--ZJUT-China--zjj.jpg" id="JS_dialog6" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black6"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox6">
 +
        <h1>Jiajie Zhou(周嘉洁)</h1>
 +
        <span class="dialog_close6" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        My name is Jiajie Zhou and my major is Biotechnology. This is the first time that I touch IGEM. In this summer, I told myself that ‘Every thing will be better in tomorrow’ everyday. Actually, it came true. My part have been finished successfully ! And I feel happy for staying with my partners. We are like comrades fighting together. Thanks for this experience. I gain something unforgettable.
 +
        </p>
 
         </div>
 
         </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn6=doc.getElementById('JS_dialog6'),
 +
            Back6=doc.getElementById('black6'),
 +
            DialogBox6=doc.getElementById('dialogBox6'),
 +
            DialogClose6=DialogBox6.getElementsByClassName('dialog_close6')[0];
 +
        Btn6.onclick=function () {
 +
            //显示遮罩层
 +
            Back6.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox6.style.display='block';
 +
        }
 +
        DialogClose6.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back6.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox6.style.display='none';
 +
        }
 +
        Back6.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back6.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox6.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 
   </div>
 
   </div>
−
   <div class="side-bar">
+
   <div class="Members">
−
     <div class="nav">
+
     <img src="https://static.igem.org/mediawiki/2018/5/5f/T--ZJUT-China--py.jpg" id="JS_dialog7" alt="">
−
      <a href="https://2018.igem.org/Team:ZJUT-China/Team" class="item">Team Members</a>
+
    <!--遮罩层-->
−
      <a href="https://2018.igem.org/Team:ZJUT-China/Attribution" class="item">Attribution</a>
+
    <div class="black" id="black7"></div>
−
      <a href="https://2018.igem.org/Team:ZJUT-China/Collaborations" class="item">Collaborations</a>
+
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox7">
 +
        <h1>Yu Peng(彭昱)</h1>
 +
        <span class="dialog_close7" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          My name is Peng Yu, and you can call me David too. Ai first, my major is business administration, but later, I transferred to the Internet things and minor business administration. I am responsible for HP work in the team, Anyway, I love computer science and always dream to make something incredible happened. I got a notebook and there are many ideas I’ve wrote down on it. One more thing, curiosity, imagination, creativity, this is my motto.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn7=doc.getElementById('JS_dialog7'),
 +
            Back7=doc.getElementById('black7'),
 +
            DialogBox7=doc.getElementById('dialogBox7'),
 +
            DialogClose7=DialogBox7.getElementsByClassName('dialog_close7')[0];
 +
        Btn7.onclick=function () {
 +
            //显示遮罩层
 +
            Back7.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox7.style.display='block';
 +
        }
 +
        DialogClose7.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back7.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox7.style.display='none';
 +
        }
 +
        Back7.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back7.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox7.style.display='none';
 +
        }
 +
      </script>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
     <div class="main">
+
  <div class="Members">
−
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
    <img src="https://static.igem.org/mediawiki/2018/1/19/T--ZJUT-China--cmy.jpg" id="JS_dialog8" alt="">
−
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
    <!--遮罩层-->
−
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
     <div class="black" id="black8"></div>
−
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
    <!--弹出框盒子-->
−
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
    <div class="dialog" id="dialogBox8">
 +
        <h1>Mengyuan Chen(陈梦圆)</h1>
 +
        <span class="dialog_close8" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Hi guys, my name is Mengyuan Chen. As a student who majors in biotechnology, I work on the part of Lysis. I use CRISPR/Cas9 to connect lytic gene from phage with ara promoter to genome of E.coli MG1655 to realize the goal that we can break engineering bacteria by adding ara instead of mechanical crushing or other ways that could've damaged products.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn8=doc.getElementById('JS_dialog8'),
 +
            Back8=doc.getElementById('black8'),
 +
            DialogBox8=doc.getElementById('dialogBox8'),
 +
            DialogClose8=DialogBox8.getElementsByClassName('dialog_close8')[0];
 +
        Btn8.onclick=function () {
 +
            //显示遮罩层
 +
            Back8.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox8.style.display='block';
 +
        }
 +
        DialogClose8.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back8.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox8.style.display='none';
 +
        }
 +
        Back8.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back8.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox8.style.display='none';
 +
        }
 +
      </script>
 
     </div>
 
     </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/d/d4/T--ZJUT-China--msh.jpg" id="JS_dialog9" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black9"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox9">
 +
        <h1>Suhui Mao(茆素会)</h1>
 +
        <span class="dialog_close9" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        Suhui Mao, come from institute of Biotechnology. I am mainly responsible for verifying the function of “light controlled +Cas9”. In the spare time of experiment, I occasionally go to the playground to jog and exercise.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn9=doc.getElementById('JS_dialog9'),
 +
            Back9=doc.getElementById('black9'),
 +
            DialogBox9=doc.getElementById('dialogBox9'),
 +
            DialogClose9=DialogBox9.getElementsByClassName('dialog_close9')[0];
 +
        Btn9.onclick=function () {
 +
            //显示遮罩层
 +
            Back9.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox9.style.display='block';
 +
        }
 +
        DialogClose9.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back9.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox9.style.display='none';
 +
        }
 +
        Back9.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back9.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox9.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/8d/T--ZJUT-China--yjm.jpg" id="JS_dialog10" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black10"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox10">
 +
        <h1>Jiaming Yu(余嘉铭)</h1>
 +
        <span class="dialog_close10" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Jiaming Yu, Biological Engineering major, as a member of the wet lab team, was mainly responsible for the experiment of the light control system in the team.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn10=doc.getElementById('JS_dialog10'),
 +
            Back10=doc.getElementById('black10'),
 +
            DialogBox10=doc.getElementById('dialogBox10'),
 +
            DialogClose10=DialogBox10.getElementsByClassName('dialog_close10')[0];
 +
        Btn10.onclick=function () {
 +
            //显示遮罩层
 +
            Back10.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox10.style.display='block';
 +
        }
 +
        DialogClose10.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back10.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox10.style.display='none';
 +
        }
 +
        Back10.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back10.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox10.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/b/b1/T--ZJUT-China--ljh.jpg" id="JS_dialog11" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black11"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox11">
 +
        <h1>Jiahui Liu(刘佳慧)</h1>
 +
        <span class="dialog_close11" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          Hello. I’m Liu Jiahui, 21 years old. I’m a junior student in Zhejiang University of Technology and senior in bioengineering. In the team, I am responsible for the work of the repression system with my teammates.
 +
        <br>  Looking forward to meet you all!
 +
                </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn11=doc.getElementById('JS_dialog11'),
 +
            Back11=doc.getElementById('black11'),
 +
            DialogBox11=doc.getElementById('dialogBox11'),
 +
            DialogClose11=DialogBox11.getElementsByClassName('dialog_close11')[0];
 +
        Btn11.onclick=function () {
 +
            //显示遮罩层
 +
            Back11.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox11.style.display='block';
 +
        }
 +
        DialogClose11.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back11.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox11.style.display='none';
 +
        }
 +
        Back11.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back11.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox11.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/f5/T--ZJUT-China--gyh.jpg" id="JS_dialog12" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black12"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox12">
 +
        <h1>Yuehao Gu(顾越浩)</h1>
 +
        <span class="dialog_close12" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        My name is Gu Yuehao and my major is biological engineering. In our team, I'm in charge of the construction of repression system. It's a great honor for me to have the opportunity for this Jamboree and I hope I could learn a lot from excellent teams.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn12=doc.getElementById('JS_dialog12'),
 +
            Back12=doc.getElementById('black12'),
 +
            DialogBox12=doc.getElementById('dialogBox12'),
 +
            DialogClose12=DialogBox12.getElementsByClassName('dialog_close12')[0];
 +
        Btn12.onclick=function () {
 +
            //显示遮罩层
 +
            Back12.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox12.style.display='block';
 +
        }
 +
        DialogClose12.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back12.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox12.style.display='none';
 +
        }
 +
        Back12.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back12.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox12.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/62/T--ZJUT-China--lcz.jpg" id="JS_dialog13" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black13"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox13">
 +
        <h1>Congzhong  Li(李从众)</h1>
 +
        <span class="dialog_close13" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        Hello, my name is Congzhong  Li. I’m an undergraduate student in Zhejiang University of Technology and my major is Bioengineering. It’s my pleasure to have a chance to participate in iGEM competition. Being curious about synthetic biology, I enjoyed learning the frontier biological knowledge and I am glad to have chance to have experiment in lab，as the freshman of Zhejiang University of Technology. In our team, I am responsible for human practice. It was an unforgettable experience in my life！
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn13=doc.getElementById('JS_dialog13'),
 +
            Back13=doc.getElementById('black13'),
 +
            DialogBox13=doc.getElementById('dialogBox13'),
 +
            DialogClose13=DialogBox13.getElementsByClassName('dialog_close13')[0];
 +
        Btn13.onclick=function () {
 +
            //显示遮罩层
 +
            Back13.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox13.style.display='block';
 +
        }
 +
        DialogClose13.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back13.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox13.style.display='none';
 +
        }
 +
        Back13.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back13.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox13.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/07/T--ZJUT-China--wy.jpg" id="JS_dialog14" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black14"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox14">
 +
        <h1>Yu Weng(翁瑜)</h1>
 +
        <span class="dialog_close14" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
        My name is Weng Yu, from Zhejiang University of Technology, majoring in Bioengineering. It's happy to be a part of the IGEM team, and in the team, I'm primarily responsible for HP's work. During this year's competition, I experienced different feelings of satisfaction, frustration, accomplishment and so on. These experiences have helped me grow. We have also put in a lot of efforts and hope that these efforts will have a good result.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn14=doc.getElementById('JS_dialog14'),
 +
            Back14=doc.getElementById('black14'),
 +
            DialogBox14=doc.getElementById('dialogBox14'),
 +
            DialogClose14=DialogBox14.getElementsByClassName('dialog_close14')[0];
 +
        Btn14.onclick=function () {
 +
            //显示遮罩层
 +
            Back14.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox14.style.display='block';
 +
        }
 +
        DialogClose14.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back14.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox14.style.display='none';
 +
        }
 +
        Back14.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back14.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox14.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/51/T--ZJUT-China--cjr.jpg" id="JS_dialog15" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black15"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox15">
 +
        <h1>Junren Chen(陈俊任)</h1>
 +
        <span class="dialog_close15" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          I am Chen Junren, my major is bioengineering, The one who built the model for zjut-china. 7.But what made me join the iGEM and do the modeling work is just because I‘ve never done it before and modeling sounds cool.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn15=doc.getElementById('JS_dialog15'),
 +
            Back15=doc.getElementById('black15'),
 +
            DialogBox15=doc.getElementById('dialogBox15'),
 +
            DialogClose15=DialogBox15.getElementsByClassName('dialog_close15')[0];
 +
        Btn15.onclick=function () {
 +
            //显示遮罩层
 +
            Back15.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox15.style.display='block';
 +
        }
 +
        DialogClose15.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back15.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox15.style.display='none';
 +
        }
 +
        Back15.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back15.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox15.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <div class="Members">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/0b/T--ZJUT-China--cxy.png" id="JS_dialog16" alt="">
 +
    <!--遮罩层-->
 +
    <div class="black" id="black16"></div>
 +
    <!--弹出框盒子-->
 +
    <div class="dialog" id="dialogBox16">
 +
        <h1>Xiaoying Chen(陈笑莹)</h1>
 +
        <span class="dialog_close16" style="display: inline-block;padding-left: 470px;border-bottom: 1px solid #eee;">X</span>
 +
        <div class="dialog_content">
 +
        <p>
 +
          My name is Xiaoying Chen and my major is International trade. I am mainly in charge of art design and HP.
 +
        </p>
 +
        </div>
 +
        <script>
 +
        var doc=document;
 +
        var Btn16=doc.getElementById('JS_dialog16'),
 +
            Back16=doc.getElementById('black16'),
 +
            DialogBox16=doc.getElementById('dialogBox16'),
 +
            DialogClose16=DialogBox16.getElementsByClassName('dialog_close16')[0];
 +
        Btn16.onclick=function () {
 +
            //显示遮罩层
 +
            Back16.style.display='block';
 +
            //显示弹出窗口
 +
            DialogBox16.style.display='block';
 +
        }
 +
        DialogClose16.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back16.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox16.style.display='none';
 +
        }
 +
        Back16.onclick=function () {
 +
            //隐藏遮罩层
 +
            Back16.style.display='none';
 +
            //显示弹出窗口
 +
            DialogBox16.style.display='none';
 +
        }
 +
      </script>
 +
    </div>
 +
  </div>
 +
  <br><br>
 +
      <div class="we">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a5/T--ZJUT-China--team100.gif" alt="">
 +
      </div>
 
</div>
 
</div>
 +
  <!-- 底部信息 -->
 +
  <div class="footer">
 +
    <div class="foottop">
 +
      <div class="footmessage-left">
 +
        <img src="https://static.igem.org/mediawiki/2018/4/4c/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7.jpg"  width="348px" alt="工大首页">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/e8/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7%E7%94%9F%E5%B7%A5%E5%AD%A6%E9%99%A2.jpg" alt="生工首页">
 +
      </div>
 +
      <div class="footmessage-left2">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f6/T--ZJUT-China--logo5.png" alt="">
 +
        <img src="https://static.igem.org/mediawiki/2018/d/db/HQ_IDT_logo.jpg" alt="" >
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1e/T--ZJUT-China--logo6.png" alt="">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/fe/New-mathworks_logo.jpg" alt="">
 +
      </div>
 +
      <div class="footmessage-middle">
 +
          <img src="https://static.igem.org/mediawiki/2018/b/be/T--ZJUT-China--%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" alt="公众号二维码">
 +
      </div>
 +
      <div class="footmessage-right">
 +
        <h3>Contact</h3>
 +
        <p>
 +
        <br><br>
 +
        College of Biotechnology and Bioengineering
 +
        <br><br>Zhejiang University of Technology
 +
        <br><br>Chaowang Rd. 18, 310014, Hangzhou, China
 +
        <br><br>E-mail: cbb@zjut.edu.cn Tel: +86-571-88320391
 +
        </p>
 +
      </div>
 +
    </div>
 +
    <div class="footbottom">
 +
      <div class="note">
 +
      Copyright © 2018 ZJUT-China
 +
      </div>
 +
    </div>
 +
  </div>

Latest revision as of 16:09, 16 October 2018

Team:ZJUT-China - 2018.igem.org

Loading menubar.....

Team:ZJUT-China

Home
Team
Team Members Attributions Collaborations
Project
Description Design Results Demonstrate
Parts
All parts Improve
Lab
Notebook Protocols Safety Interlab
Human Practices
Integrated hp Public Engagement & Education
Modeling
Judging



Dongchang Sun(孙东昌)

X

Born on 4th October 1982, Dongchang Sun is the Associate Professor of College of Biotechnology and Bioengineering (CBB) at Zhejiang University of Technology (ZJUT) and Guest Associate Editor of the journal Frontiers in Microbiology. He was selected as 'Young Investigator' by American Society of Microbiology.

Feng Cheng(程峰)

X

Mr. Feng Cheng obtained his doctoral degree in Biotechnology from RWTH Aachen University, Germany in 2015. In the same year, he was appointed Assistant Professor of biochemical bioengineering at Zhejiang University of Technology. His current research interests focus on synthetic biology, protein engineering and biocatalysis. He is the advisor for ZJUT-China iGEM teams 2017&2018.



Yankang Wu(吴言康)

X

Yankang Wu, Bioengineering. This year I started my second iGEM trip as the team leader. This is a huge challenge for me. How to make our team more united? How to ensure the progress of the project? How to hold an efficient meeting? Oh my God! Anyway, I am looking forward to this year's Jamboree. Finally, I hope that I can get rid of my procrastination as soon as possible.

Xin Yang(杨欣)

X

Hello, my name is Yang Xin, majoring in biotechnology. I am mainly responsible for the planning of human practice, joining iGEM and working with my teammates make me feel like we can change the world and I believe we can.

Chenqian Zhou(周晨倩)

X

My name is Zhou Chenqian, a 21-year-old college student in ZheJiang University of Technology. I am a team member of 2018 ZJUT-iGEM. In this team, I mostly took part in activities of human practice. Other team members and I did many work together and helped each other in this process, which gave me a unforgettable experience in my life.

Tristan Yuan(袁喆)

X

Tristan Yuan. Major in biological technology. Senior, graduating next year. Head of wet lab team, also in charge of the interlab study.

Jianing Chen(陈家宁)

X

Jianing Chen,a junior student in Zhejiang University of Technology and major in bioengineering. In the team, I am responsible for creating wiki pages. Though I did most of work by myself, I couldn’t finish them without the collaboration of my teammates.

Jiajie Zhou(周嘉洁)

X

My name is Jiajie Zhou and my major is Biotechnology. This is the first time that I touch IGEM. In this summer, I told myself that ‘Every thing will be better in tomorrow’ everyday. Actually, it came true. My part have been finished successfully ! And I feel happy for staying with my partners. We are like comrades fighting together. Thanks for this experience. I gain something unforgettable.

Yu Peng(彭昱)

X

My name is Peng Yu, and you can call me David too. Ai first, my major is business administration, but later, I transferred to the Internet things and minor business administration. I am responsible for HP work in the team, Anyway, I love computer science and always dream to make something incredible happened. I got a notebook and there are many ideas I’ve wrote down on it. One more thing, curiosity, imagination, creativity, this is my motto.

Mengyuan Chen(陈梦圆)

X

Hi guys, my name is Mengyuan Chen. As a student who majors in biotechnology, I work on the part of Lysis. I use CRISPR/Cas9 to connect lytic gene from phage with ara promoter to genome of E.coli MG1655 to realize the goal that we can break engineering bacteria by adding ara instead of mechanical crushing or other ways that could've damaged products.

Suhui Mao(茆素会)

X

Suhui Mao, come from institute of Biotechnology. I am mainly responsible for verifying the function of “light controlled +Cas9”. In the spare time of experiment, I occasionally go to the playground to jog and exercise.

Jiaming Yu(余嘉铭)

X

Jiaming Yu, Biological Engineering major, as a member of the wet lab team, was mainly responsible for the experiment of the light control system in the team.

Jiahui Liu(刘佳慧)

X

Hello. I’m Liu Jiahui, 21 years old. I’m a junior student in Zhejiang University of Technology and senior in bioengineering. In the team, I am responsible for the work of the repression system with my teammates.
Looking forward to meet you all!

Yuehao Gu(顾越浩)

X

My name is Gu Yuehao and my major is biological engineering. In our team, I'm in charge of the construction of repression system. It's a great honor for me to have the opportunity for this Jamboree and I hope I could learn a lot from excellent teams.

Congzhong  Li(李从众)

X

Hello, my name is Congzhong  Li. I’m an undergraduate student in Zhejiang University of Technology and my major is Bioengineering. It’s my pleasure to have a chance to participate in iGEM competition. Being curious about synthetic biology, I enjoyed learning the frontier biological knowledge and I am glad to have chance to have experiment in lab，as the freshman of Zhejiang University of Technology. In our team, I am responsible for human practice. It was an unforgettable experience in my life！

Yu Weng(翁瑜)

X

My name is Weng Yu, from Zhejiang University of Technology, majoring in Bioengineering. It's happy to be a part of the IGEM team, and in the team, I'm primarily responsible for HP's work. During this year's competition, I experienced different feelings of satisfaction, frustration, accomplishment and so on. These experiences have helped me grow. We have also put in a lot of efforts and hope that these efforts will have a good result.

Junren Chen(陈俊任)

X

I am Chen Junren, my major is bioengineering, The one who built the model for zjut-china. 7.But what made me join the iGEM and do the modeling work is just because I‘ve never done it before and modeling sounds cool.

Xiaoying Chen(陈笑莹)

X

My name is Xiaoying Chen and my major is International trade. I am mainly in charge of art design and HP.



工大首页 生工首页
公众号二维码

Contact



College of Biotechnology and Bioengineering

Zhejiang University of Technology

Chaowang Rd. 18, 310014, Hangzhou, China

E-mail: cbb@zjut.edu.cn Tel: +86-571-88320391

Copyright © 2018 ZJUT-China