Difference between revisions of "Team:Nanjing-China/Members"

Line 79: Line 79:
 
}
 
}
 
#menu ul{ margin: auto; padding:0; list-style:none; width:770px;}
 
#menu ul{ margin: auto; padding:0; list-style:none; width:770px;}
#menu ul li{ height:110px; line-height:55px; margin-left: 2px; margin-bottom: 2px; border-right:3px solid #666; border-bottom:2.8px solid #666; border-top:1.5px solid #666; border-left:1px solid #666; text-align:center; float:left; width:122px; color:#F90;}
+
#menu ul li{ height:42px; line-height:42px; margin-left: 2px; margin-bottom: 2px; border-right:3px solid #666; border-bottom:2.8px solid #666; border-top:1.5px solid #666; border-left:1px solid #666; text-align:center; float:left; width:122px; color:#F90;}
 
#menu ul li a{ color:#003; text-decoration:none; display:block;
 
#menu ul li a{ color:#003; text-decoration:none; display:block;
width:123px; height:110px;}
+
width:123px; height:42px;}
 
#menu ul li a:hover{
 
#menu ul li a:hover{
 
background-color: #999;
 
background-color: #999;
 
color: #FFF;
 
color: #FFF;
 
width: 124px;
 
width: 124px;
height: 110px;
+
height: 46px;
 
font-family:Verdana, Geneva, sans-serif;}
 
font-family:Verdana, Geneva, sans-serif;}
#menu ul li ul{ display:none; width:124px; z-index:3;height: 42px;}
+
#menu ul li ul{ display:none; width:124px; z-index:3;}
 
#menu ul li.listshow ul{ display:block;}
 
#menu ul li.listshow ul{ display:block;}
 
#menu ul li ul li{
 
#menu ul li ul li{
Line 94: Line 94:
 
width: 122px;
 
width: 122px;
 
margin: 0;
 
margin: 0;
height: 42px;
 
 
}
 
}
#menu ul li ul li a{ background:none; width:124px;height: 42px;}
+
#menu ul li ul li a{ background:none; width:124px;}
#menu ul li ul li a:hover{ background::#006; color:#FFFFFF; width:124px; height:42px; font-family:Verdana, Geneva, sans-serif;}
+
#menu ul li ul li a:hover{ background::#006; color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
 
#menu ul li a#on{ background:none;}
 
#menu ul li a#on{ background:none;}
 
.clear{clear:both;}
 
.clear{clear:both;}
Line 142: Line 141:
 
.f-b{position:absolute; top:-50px;}
 
.f-b{position:absolute; top:-50px;}
 
.word-background-block{ width:100%;  
 
.word-background-block{ width:100%;  
float:left;}
 
.word-1{ width:100%;
 
 
float:left;}
 
float:left;}
 
.word-2{ width:50%;  
 
.word-2{ width:50%;  
float:left;}
+
float:left;
 +
height:auto;}
 
.word-3{ width:33%;  
 
.word-3{ width:33%;  
float:left;}
+
float:left;
 +
height:auto;}
 
.word{ width:90%;  
 
.word{ width:90%;  
 
float:left;
 
float:left;
 +
height:auto;
 
background-color:rgba(0,51,204,0.4);
 
background-color:rgba(0,51,204,0.4);
 
padding:5%;}
 
padding:5%;}
-->just for background
+
-->just for team members
#definition{ position:relative; }
+
.table h2{font-size-adjust:inherit; font-family:"Courier New", Courier, monospace; color:#C09;}
#method{position:relative;
+
#HQ_page td p{ font-size:90%;}
alignment-adjust:central;}
+
#HQ_page td h2{ color:#3CC; font-family:"Courier New", Courier, monospace}
#choose{ position:relative;}
+
#HQ_page td{ padding:0px; vertical-align:middle}
#principle{ position:relative;}
+
#IA{ position:relative;}
#whole{ position:relative;}
+
 
.header{z-index:2;}
 
.header{z-index:2;}
.word h3 {
+
.table h2{font-size-adjust:inherit; font-family:"Courier New", Courier, monospace; color:#C09;}
color: #06F;
+
#HQ_page td p{ font-size:90%;}
 +
#HQ_page td h2{ color:#3CC; font-family:"Courier New", Courier, monospace}
 +
#HQ_page td{ padding:0px; vertical-align:middle}
 +
.word h2{font-family:"Comic Sans MS", cursive;}
 +
.word-2{ width:50%; float:left; height:auto;}
 +
.word-3{ width:33%; float:left;}
 +
.block{ width:100%; height:30px;}
 +
.container .footer table tr td h3 {
 +
color: #000;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
.container .footer table tr td p {
 +
color: #000;
 +
font-size: 90%;
 +
}
 +
#apDiv11 {
 +
position:relative;
 +
top:auto;
 +
width: 100%;
 +
height: 500px;
 +
z-index: 3;
 +
overflow: visible;
 +
visibility: visible;
 +
color: #006;
 
font-family: "Comic Sans MS", cursive;
 
font-family: "Comic Sans MS", cursive;
 +
}
 +
#apDiv12 {
 +
position:absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv13 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv14 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv15 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv16 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv17 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv18 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv19 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv20 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv21 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv22 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv23 {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
#apDiv24 {
 +
position:absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 4;
 +
background-color:rgba(0,51,255,0.1);
 +
overflow: visible;
 +
left: -1px;
 +
top: -1px;
 +
visibility: hidden;
 +
}
 +
.word-1{ width:100%; float:left; height:auto; height:80px;}
 +
.word-2{ width:50%; float:left; height:auto; height:80px;}
 +
.container .contain .word h3 {
 +
color: #36F;
 +
font-family: "Comic Sans MS", cursive;
 +
}
 +
.container .contain .word-1 h3 {
 +
color: #36F;
 +
font-family: "Comic Sans MS", cursive;
 +
}
 +
.container .contain .word-3 h3 {
 +
color: #36F;
 +
font-family: "Comic Sans MS", cursive;
 +
}
 +
.container .contain .word h1 {
 +
color: #039;
 +
font-family: "Comic Sans MS", cursive;
 +
}
 +
.container .contain .word-2 p{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain .word-3 p{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain .word p{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain .word h4{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain .word-2 h4{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain .word-3 h4{
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain div table tr td {
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
.container .contain div table tr td h3 {
 +
color: #36F;
 +
}
 +
.container .contain div table tr td h1 {
 +
color: #039;
 +
}
 +
.container .contain table tr td h1 {
 +
color: #039;
 +
font-family: "Comic Sans MS", cursive;
 +
}
 +
.container .contain marquee h1 {
 +
font-family: "MS Serif", "New York", serif;
 +
color: #006;
 +
font-size: 250%;
 +
}
 +
.container .contain div table tr td {
 +
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 
}
 
}
 
</style>
 
</style>
 
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:tm?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
function menuFix(){
 
function menuFix(){
Line 206: Line 429:
 
<div id="HOME">
 
<div id="HOME">
 
<div class="sub">
 
<div class="sub">
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li></ul></div>
+
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Team">Team</a></li></ul></div>
 
<div class="sub">
 
<div class="sub">
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Background">Background</a></ul></li></div>
+
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Members">Members</a></ul></li></div>
 
       <ul>
 
       <ul>
     <li><a href="#definition">definition</a></li>
+
     <li><a href="#IA">introducter</a></li>
   <li><a href="#method">method</a></li>
+
   <li><a href="#members">members</a></li></ul>
    <li><a href="#choose">choose</a></li>
+
      <div class="sub">
            <li><a href="#principle">principle</a></li>
+
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Attributions">Attributions</a></li></ul></div>
            <li><a href="#whole">whole</a></li>
+
      <div class="sub">
  </ul>
+
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Collaborations">Collaboration</a></li></ul></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 222: Line 445:
 
  <div id="menu">
 
  <div id="menu">
 
     <ul>  
 
     <ul>  
   <li><a href="https://2018.igem.org/Team:Nanjing-China" ><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >HOME</a>
+
   <li><a href="https://2018.igem.org/Team:Nanjing-China">HOME</a>
 
     <ul>
 
     <ul>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li>
Line 228: Line 451:
 
</ul>
 
</ul>
 
     </li>
 
     </li>
     <li><a href="https://2017.igem.org/Team:Nanjing-China/Parts"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >PARTS</a>
+
     <li><a href="https://2017.igem.org/Team:Nanjing-China/Parts">PARTS</a>
 
         <ul>
 
         <ul>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Basic_Part">Basic_Part</a></li>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Basic_Part">Basic_Part</a></li>
Line 234: Line 457:
 
</ul>
 
</ul>
 
             </li>
 
             </li>
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Sliver" ><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >JUDGE</a>
+
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Sliver">JUDGE</a>
 
     <ul>
 
     <ul>
 
             <li><a href="https://2018.igem.org/Team:Nanjing-China/Bronze">Bronze</a></li>
 
             <li><a href="https://2018.igem.org/Team:Nanjing-China/Bronze">Bronze</a></li>
Line 241: Line 464:
 
</ul>
 
</ul>
 
       </li>
 
       </li>
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Design"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >PROJECT</a>
+
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Design">PROJECT</a>
 
     <ul>
 
     <ul>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Design">Design</a></li>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Design">Design</a></li>
Line 250: Line 473:
 
</ul>
 
</ul>
 
         </li>
 
         </li>
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Team" ><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >TEAM</a>
+
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Team">TEAM</a>
 
     <ul>
 
     <ul>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Team">Introduction</a></li>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Team">Introduction</a></li>
Line 258: Line 481:
 
</ul>
 
</ul>
 
     </li>
 
     </li>
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >OTHERS</a>
+
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices">OTHERS</a>
 
     <ul>
 
     <ul>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices">HP</a></li>
 
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices">HP</a></li>
Line 268: Line 491:
 
   </div>
 
   </div>
 
   <div class="header"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >
 
   <div class="header"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >
</div>
+
</div>
    <div class="contain">
+
  <div class="contain">
        <div style="z-index:3; position:relative; height:100px; "><img src="https://static.igem.org/mediawiki/2017/e/e6/T-Nanjing-China-WIKIbackground-1.png" height /></div>
+
      <div id="IA">
    <div id="definition">
+
      <div class="word">
    <div class="word">
+
    <div  style="z-index:3; position:relative;" align="center"><img src="https://static.igem.org/mediawiki/2017/9/9b/T-Nanjing-China-t-m-ia.png" width="40%" /></div>
    <h2>The definition of nitrogen fixation</h2>
+
        <div align="center">
    <div class="word-2">
+
            <table width="90%" border="0" cellspacing="1" cellpadding="1">
    <h3>•What is nitrogen fixation?</h3>
+
            <tr>
  <p align="left"><font color="#FF9900"> Nitrogen → ammonia&nbsp;(NH<sub>3</sub>)</font> or other molecules available to living organisms. </p>
+
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/9/9b/T-Nanjing-China-t-m-pi1.png" width="50%"  /></div></td>
        <div><img src="https://static.igem.org/mediawiki/2018/1/17/T--Nanjing-China--i-background-1.png" width="80%" /></div>
+
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/2/2b/T-Nanjing-China-t-m-pi2.png" width="50%"  /></div></td>
</div>
+
            </tr>
<div class="word-2">
+
            <tr>
    <div><img src="https://static.igem.org/mediawiki/2018/2/2a/T--Nanjing-China--i-background-2.png" width="50%" /></div>
+
            <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/6/6e/T-Nanjing-China-wei.png" name="wei" width="260" height="300" id="imgwei"  onmouseover="MM_changeProp('imgwei','','width','350px','IMG');MM_changeProp('imgwei','','height','410px','IMG');MM_swapImage('wei','','https://static.igem.org/mediawiki/2017/8/8e/T-Nanjing-China-wei-2.png',1)" onmouseout="MM_changeProp('imgwei','','width','260px','IMG');MM_changeProp('imgwei','','height','300px','IMG');MM_swapImgRestore()"/></div></td>
    <h2>What is nitrogen fixation for?</h2>
+
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/9/90/T-Nanjing-China-sun.jpg" name="sun"width="260" height="300" id="imgsun"  onmouseover="MM_changeProp('imgsun','','width','350px','IMG');MM_changeProp('imgsun','','height','410px','IMG');MM_swapImage('sun','','https://static.igem.org/mediawiki/2017/e/eb/T-Nanjing-China-sun-2.png',1)" onmouseout="MM_changeProp('imgsun','','width','260px','IMG');MM_changeProp('imgsun','','height','300px','IMG');MM_swapImgRestore()"/></div></td>
        <p align="left"> <font color="#339900">-global food supply <br/>  
+
              </tr>
-reduce the use of chemical nitrogen fertilizers </font> </p>  
+
            <tr>
</div>
+
              <td><h4 align="center">Wei Wei</h4></td>
    <div class="word-1"><div class="word-background-block" style="width:100%;">   </div>
+
              <td><h4 align="center">Peiqing Sun</h4></td>
    <h4>Nitrogen fixation is essential for life. </h4>
+
            </tr>
 +
            <tr>
 +
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/9/9e/T-Nanjing-China-t-m-a.png" width="50%" /></div></td>
 +
              </tr>
 +
              <tr>
 +
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/9/93/T-Nanjing-China-zhao.jpg" name="zhao" width="260" height="300" id="imgzhao"  onmouseover="MM_changeProp('imgzhao','','width','350px','IMG');MM_changeProp('imgzhao','','height','410px','IMG');MM_swapImage('zhao','','https://static.igem.org/mediawiki/2017/2/20/T-Nanjing-China-zhao-2.jpg',1)" onmouseout="MM_changeProp('imgzhao','','width','260px','IMG');MM_changeProp('imgzhao','','height','300px','IMG');MM_swapImgRestore()" /></div></td>
 +
              <td><div align="center"><img src="https://static.igem.org/mediawiki/2017/0/02/T-Nanjing-China-lkl.jpg" name="lkl" width="260" height="300" id="imglkl"  onmouseover="MM_changeProp('imglkl','','width','350px','IMG');MM_changeProp('imglkl','','height','410px','IMG');MM_swapImage('lkl','','https://static.igem.org/mediawiki/2017/0/02/T-Nanjing-China-lkl.jpg',1)" onmouseout="MM_changeProp('imglkl','','width','260px','IMG');MM_changeProp('imglkl','','height','300px','IMG');MM_swapImgRestore()" /></div></td>
 +
              </tr>
 +
              <tr>
 +
              <td><h4 align="center">Jing Zhao</h4></td>
 +
              <td><h4 align="center">Kunlun Li</h4></td>
 +
              </tr>
 +
            <tr>
 +
              <td ><img src="https://static.igem.org/mediawiki/2017/9/9c/T-Nanjing-China-t-m-in.png" width="50%"  /></td>
 +
             
 +
              <td><h4>Jianbin Mo</h4></td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
        </div>
 +
        </div>
 +
          <div id="members">
 +
          <div class="word" align="center"><img src="https://static.igem.org/mediawiki/2017/4/40/T-Nanjing-China-t-m-m.png" width="30%" /></div>
 +
            <div class="word" align="center">
 +
              <table width="90%" border="0" cellspacing="1" cellpadding="1">
 +
                <tr>
 +
                  <td colspan="3"><div align="center"><img src="https://static.igem.org/mediawiki/2018/5/57/T--Nanjing-China--all1.jpg" name="all1"  height="448" id="all1" onmouseover="MM_swapImage('all1','','https://static.igem.org/mediawiki/2018/6/64/T--Nanjing-China--all2.jpg',1)" onmouseout="MM_swapImgRestore()" /></div>
 +
            </td>
 +
                </tr>
 +
                <tr>
 +
                  <td width="33%"><img src="https://static.igem.org/mediawiki/2017/5/58/T-Nanjing-China-t-m-sl.png" width="70%"  /></td>
 +
                  <td width="23%" onclick="MM_showHideLayers('apDiv12','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')">Haojie Jiang</td>
 +
                  <td width="33%"></td>
 +
                </tr>
 +
                <tr>
 +
                  <td colspan="3"><img src="https://static.igem.org/mediawiki/2017/1/12/T-Nanjing-China-t-m-sm.png" width="26%"  /></td>
 +
                </tr>
 +
                <tr>
 +
                  <td onclick="MM_showHideLayers('apDiv13','','show');MM_showHideLayers('apDiv12','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Yixuan Cui</div></td>
 +
                  <td onclick="MM_showHideLayers('apDiv14','','show');MM_showHideLayers('apDiv13','','hide','apDiv12','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Qian Dong</div></td>
 +
                  <td onclick="MM_showHideLayers('apDiv15','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv12','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Yansong Huang</div></td>
 +
                </tr>
 +
                <tr>
 +
                  <td onclick="MM_showHideLayers('apDiv16','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv12','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Zhaoqing Hu</div></td>
 +
                  <td onclick="MM_showHideLayers('apDiv17','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv12','','hide','apDiv18','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Yuanyuan Li</div></td>
 +
                  <td onclick="MM_showHideLayers('apDiv18','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv12','','hide','apDiv19','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Yifan Ma</div></td>
 +
                </tr>
 +
                <tr>
 +
                  <td onclick="MM_showHideLayers('apDiv19','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv12','','hide','apDiv20','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Xiangyu Xu</div></td>
 +
                  <td onclick="MM_showHideLayers('apDiv20','','show');MM_showHideLayers('apDiv13','','hide','apDiv14','','hide','apDiv15','','hide','apDiv16','','hide','apDiv17','','hide','apDiv18','','hide','apDiv19','','hide','apDiv12','','hide','apDiv21','','hide','apDiv22','','hide','apDiv23','','hide','apDiv24','','hide')"><div align="center">Ruoyan Zhang</div></td>
 +
                </tr>
 +
              </table>
 +
      </div>
 
     </div>
 
     </div>
     </div>
+
     <div class="word" align="center">
     </div>
+
     <h1 align="center">Click the name for more information</h1>
     <div id="method">
+
     <div id="apDiv11">
        <div class="word">
+
      <div id="apDiv12">
  <h2>The methods of nitrogem fixation</h2>
+
        <div align="center">
    <div class="word-2"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--Nanjing-China--i-background-3.gif" width="80%" /></div>
+
          <table width="80%" border="0" cellspacing="1" cellpadding="1">
    <div class="word-2">
+
            <tr>
    <h3>Nitrogen cycle</h3>
+
                <td width="100%" align="center"><img src="https://static.igem.org/mediawiki/2018/0/0f/T--Nanjing-China--jhj.png" width="300" height="222" /></td></tr>
    <p align="left"><font color="#FF6600">•Nitrogen fixation:</font><br/>
+
                <tr>
          —N<sub>2 </sub>→ plants by bacteria<br/>
+
                <td height="200"><h2>Haojie Jiang</h2>
    <font color="#FF6600">•Nitrification:</font><br/>
+
                  <p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3"></font> What doesn't kill me makes me stronger! </font></p>
      —ammonium → nitrite  → nitrate<br/>
+
                <p><font color="#000000"><font size="+3"></font> He is the team leader of Nanjing-China this year. </font></p></td>
      —Absorbed by plants<br/>
+
              </tr>
    <font color="#FF6600">•Denitrification:</font><br/>
+
            </table>
      —Release N to atmosphere</p>
+
          </div>
<div class="word-background-block" style="height:180px"></div>
+
        </div>
  </div>
+
                <div id="apDiv13">
  </div>
+
          <div align="center">
  <div class="word">
+
            <table width="80%" border="0" cellspacing="1" cellpadding="1">
      <div class="word-2">
+
              <tr>
    <div class="word-background-block" style="height:80px; width:100%;"></div>
+
                <td width="50%"><img src="https://static.igem.org/mediawiki/2018/0/07/T--Nanjing-China--cyx.png" width="300" height="422" /></td>
    <h3>Haber-Bosch process </h3>
+
                <td width="50%" height="422"><h2>Yixan Cui</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3"></font>Thanks to the experience, I tried new things, got more knowledge and challenged myself.</font></p>
    <p align="left"><font color="#FF6600">N2 + 3H<sub>2</sub> → 2NH<sub>3</sub></font>(ΔH° = −91.8 kJ)<br/>
+
                  <p><font color="#000000"><font size="+3">♖</font> She was mainly responsible for lab work and WIKI.</font></p></td>
    <font color="#FF6600">High temperature<br/>
+
                </tr>
High pressure<br />
+
            </table>
Need too much energy<br /></font><br/>
+
          </div>
                        </p>
+
        </div>
  </div>
+
          <div id="apDiv14">
    <div class="word-2"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--Nanjing-China--i-background-4.gif" width="80%" /></div>
+
            <div align="center">
  </div>
+
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
  <div class="word">
+
                <tr>
  <div class="word-background-block"></div>
+
                  <td width="50%" height="422"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Nanjing-China--dq.png" width="300" height="422" /></td>
  <h3>Biological nitrogen fixation</h3>
+
                  <td width="50%"><h2>Qian Dong</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> If not now, when?If not you, who?</font></p>
    <div class="word-2" style="width:60%"><img src="https://static.igem.org/mediawiki/2018/2/20/T--Nanjing-China--i-background-5.png" width="90%" /></div>
+
                  <p><font color="#000000"><font size="+3">♖</font> She was responsible for the human practice.</font></td>
        <div class="word-2" style="width:40%" align="left">
+
                </tr>
        <p><font color="#CC66FF">Mild reaction conditions</font></p>
+
              </table>
        <p><font color="#0033CC">Relatively inexpensive</font></p>
+
            </div>
        <p><font color="#996600">High efficiency </font></p>
+
          </div>
        <p><font color="#0099FF">Environmentally friendly</font></p>
+
    <div id="apDiv15">
        <div class="word-background-block"></div>
+
        <div align="center">
 +
          <table width="80%" border="0" cellspacing="1" cellpadding="1">
 +
            <tr>
 +
              <td width="80%" align="center"><img src="https://static.igem.org/mediawiki/2018/a/af/T--Nanjing-China--hys.png" width="300" height="222"  /></td></tr>
 +
              <tr>
 +
              <td height="200"><h2>Yansong Huang</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3"></font> Keep moving.Don't settle.</font></p>
 +
                <p><font color="#000000"><font size="+3">♜</font> He was mainly  responsible for the lab work.</font></td>
 +
              </tr>
 +
          </table>
 
         </div>
 
         </div>
  </div>
 
  </div>
 
  <div id="choose">
 
  <div class="word-background-block"></div>
 
  <h2>The choose of nitrogenase</h2>
 
  <div class="word">
 
  <div class="word-3"><img src="https://static.igem.org/mediawiki/2018/f/f5/T--Nanjing-China--i-background-6.png" width="90%" />
 
  <p>Molybdenum <br />(MoFe)-dependent</p></div>
 
  <div class="word-3"><img src="https://static.igem.org/mediawiki/2018/a/a9/T--Nanjing-China--i-background-7.png" width="90%" />
 
  <p>Vanadium <br />(VFe)-dependent</p></div>
 
  <div class="word-3" ><img src="https://static.igem.org/mediawiki/2018/f/f0/T--Nanjing-China--i-background-8.png" width="85%" />
 
  <p>Iron-only  <br />(FeFe)-dependent</p></div>
 
  </div>
 
  <div class="word">
 
  <div class="word-background-block"></div><h4>MoFe has been studied extensively</h4>
 
  </div>
 
    <div class="word">
 
  <div class="word-background-block"></div><h3>Nitrogen Fixation Gene Cluster </h3>
 
  <img src="https://static.igem.org/mediawiki/2018/d/d5/T--Nanjing-China--i-background-9.png" width="85%" />
 
  <h4>The minimal nif genes required for nitrogen fixation.</h4>
 
  </div>
 
  </div>
 
  <div id="principle">
 
  <div class="word">
 
      <h2>General principle of biological nitrogen fixation </h2>
 
    <table width="95%" border="1" cellspacing="1" cellpadding="1">
 
      <tr>
 
        <td rowspan="2"><font color="#0033CC">01 Hydrolysis of ATP</font></td>
 
        <td width="65%">&nbsp;</td>
 
        <td rowspan="2"><font color="#0099FF">03 MoFe protein forming complexes with low-potential donor</font></td>
 
      </tr>
 
      <tr>
 
        <td><img src="https://static.igem.org/mediawiki/2018/2/22/T--Nanjing-China--i-background-10.png" width="100%"/><p align="center">Chemical energy (ATP)→Solar energy</p></td>
 
      </tr>
 
      <tr>
 
        <td><font color="#CCCC00">02 Electron transfer </font></td>
 
        <td width="65%">&nbsp;</td>
 
        <td><font color="#CC00FF">04 Reduce N2 to NH3 </font></td>
 
      </tr>
 
    </table>
 
 
     </div>
 
     </div>
    <div class="word">
+
              <div id="apDiv16">
    <div class="word-background-block"></div>
+
            <div align="center">
      <table width="95%" border="1" cellspacing="1" cellpadding="1">
+
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
      <tr>
+
                <tr>
        <td rowspan="2"><font color="#0033CC">01 Receive light signals</font></td>
+
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/c/c0/T--Nanjing-China--hzq.png" width="300" height="422" /></td>
        <td width="65%" >&nbsp;</td>
+
                  <td width="50%" height="422"><h2>Zhaoqing Hu</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> I came; I saw; I conquered.</font></p>
        <td rowspan="2"><font color="#0099FF">03 MoFe protein forming complexes with low-potential donor</font></td>
+
                  <p><font color="#000000"><font size="+3">♟</font> He was responsible for the parts.</font></p></td>
      </tr>
+
                </tr>
      <tr>
+
              </table>
        <td ><img src="https://static.igem.org/mediawiki/2018/e/e3/T--Nanjing-China--i-background-11.png" width="100%" top="20px"/></td>
+
            </div>
      </tr>
+
          </div>
      <tr>
+
          <div id="apDiv17">
        <td><font color="#CCCC00">02 Electron transfer </font></td>
+
            <div align="center">
        <td width="65%" >&nbsp;</td>
+
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
        <td><font color="#CC00FF">04 Reduce N2 to NH3 </font></td>
+
                <tr>
      </tr>
+
                <td width="100%" align="center"><img src="https://static.igem.org/mediawiki/2018/c/cb/T--Nanjing-China--lyy.png" height="222"  /></td></tr>
    </table>
+
                <tr>
    </div>
+
                  <td height="200"><h2>Yuanyuan Li</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> Give it away until it‘s gone.</font></p>
    </div>
+
                  <p><font color="#000000"><font size="+3">♙</font> aaaaaaaaaa</font></p></td>
  <div id="whole">
+
                </tr>
  <div class="word">
+
              </table>
      <h2>The characteristics of whole-cell</h2>
+
            </div>
  <p><font size="110%" color="#CC6633">The property and advantage of whole-cells</font></p>
+
          </div>
  <p>•Fast  proliferation to enable large-scale application<br />
+
                    <div id="apDiv18">
  •Good  portability to permit on-site monitoring<br />
+
            <div align="center">
  •Inexpensive  and easy to preserve<br />
+
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
  •  Intracellular cascade reactions to amplify signals<br/>
+
                <tr>
  •  Excellent specificity, sensitivity and stability</p>
+
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Nanjing-China--myf.png" width="300" height="422" /></td>
  </div>
+
                  <td width="50%"><h2>Yifan Ma</h2>
  </div>
+
                    <p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> Don’t follow the crowd. Let the crowd follow you?</font>
  </div>
+
                    </p>
 +
                    <p><font color="#000000"><font size="+3">♙</font> She did lab work, attended huaman practices, and wrote for our Wiki.</font></p>
 +
                  </td>
 +
                </tr>
 +
              </table>
 +
            </div>
 +
          </div>
 +
          <div id="apDiv19">
 +
            <div align="center">
 +
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
 +
                <tr>
 +
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/8/89/T--Nanjing-China--xxy.png" width="300" height="422" /></td>
 +
                  <td width="50%" height="422"><h2>Xiangyu Xu</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> I am a slow walker, but I never walk backwards.</font></p>
 +
                  <p><font color="#000000"><font size="+3">♟</font> He was the art designer in our team and was responsible for the art designing of all the work!</font></td>
 +
                </tr>
 +
              </table>
 +
            </div>
 +
          </div>
 +
          <div id="apDiv20">
 +
            <div align="center">
 +
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
 +
                <tr>
 +
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--Nanjing-China--zry.png " width="300" height="422" /></td>
 +
                  <td width="50%" height="422"><h2>Ruoyan Zhang</h2><p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> Choose what you love, love what you choose.</font></p>
 +
                  <p><font color="#000000"><font size="+3">♟</font> She participated in the part of modelling.</font></p></td>
 +
                </tr>
 +
              </table>
 +
            </div>
 +
          </div>
 +
    </div>
 +
    </div>
 
   </div>
 
   </div>
 
  <div class="footer">
 
  <div class="footer">

Revision as of 07:18, 15 April 2018

无标题文档

Wei Wei

Peiqing Sun

Jing Zhao

Kunlun Li

Jianbin Mo

Haojie Jiang
Yixuan Cui
Qian Dong
Yansong Huang
Zhaoqing Hu
Yuanyuan Li
Yifan Ma
Xiangyu Xu
Ruoyan Zhang

Click the name for more information

Haojie Jiang

What doesn't kill me makes me stronger!

He is the team leader of Nanjing-China this year.

Yixan Cui

Thanks to the experience, I tried new things, got more knowledge and challenged myself.

She was mainly responsible for lab work and WIKI.

Qian Dong

If not now, when?If not you, who?

She was responsible for the human practice.

Yansong Huang

Keep moving.Don't settle.

He was mainly responsible for the lab work.

Zhaoqing Hu

I came; I saw; I conquered.

He was responsible for the parts.

Yuanyuan Li

Give it away until it‘s gone.

aaaaaaaaaa

Yifan Ma

Don’t follow the crowd. Let the crowd follow you?

She did lab work, attended huaman practices, and wrote for our Wiki.

Xiangyu Xu

I am a slow walker, but I never walk backwards.

He was the art designer in our team and was responsible for the art designing of all the work!

Ruoyan Zhang

Choose what you love, love what you choose.

She participated in the part of modelling.