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: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{ 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 a{ color:#003; text-decoration:none; display:block;
 
#menu ul li a{ color:#003; text-decoration:none; display:block;
−
width:123px; height:42px;}
+
width:123px; height:110px;}
 
#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: 46px;
+
height: 110px;
 
font-family:Verdana, Geneva, sans-serif;}
 
font-family:Verdana, Geneva, sans-serif;}
−
#menu ul li ul{ display:none; width:124px; z-index:3;}
+
#menu ul li ul{ display:none; width:124px; z-index:3;height: 42px;}
 
#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;}
+
#menu ul li ul li a{ background:none; width:124px;height: 42px;}
−
#menu ul li ul li a:hover{ background::#006; color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
+
#menu ul li ul li a:hover{ background::#006; color:#FFFFFF; width:124px; height:42px; 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 141: Line 142:
 
.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 team members
+
-->just for background
−
.table h2{font-size-adjust:inherit; font-family:"Courier New", Courier, monospace; color:#C09;}
+
#definition{ position:relative; }
−
#HQ_page td p{ font-size:90%;}
+
#method{position:relative;
−
#HQ_page td h2{ color:#3CC; font-family:"Courier New", Courier, monospace}
+
alignment-adjust:central;}
−
#HQ_page td{ padding:0px; vertical-align:middle}
+
#choose{ position:relative;}
−
#IA{ position:relative;}
+
#principle{ position:relative;}
 +
#whole{ position:relative;}
 
.header{z-index:2;}
 
.header{z-index:2;}
−
.table h2{font-size-adjust:inherit; font-family:"Courier New", Courier, monospace; color:#C09;}
+
.word h3 {
−
#HQ_page td p{ font-size:90%;}
+
color: #06F;
−
#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 429: Line 206:
 
<div id="HOME">
 
<div id="HOME">
 
<div class="sub">
 
<div class="sub">
−
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Team">Team</a></li></ul></div>
+
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li></ul></div>
 
<div class="sub">
 
<div class="sub">
−
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Members">Members</a></ul></li></div>
+
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Background">Background</a></ul></li></div>
 
       <ul>
 
       <ul>
−
     <li><a href="#IA">introducter</a></li>
+
     <li><a href="#definition">definition</a></li>
−
   <li><a href="#members">members</a></li></ul>
+
   <li><a href="#method">method</a></li>
−
      <div class="sub">
+
    <li><a href="#choose">choose</a></li>
−
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Attributions">Attributions</a></li></ul></div>
+
            <li><a href="#principle">principle</a></li>
−
      <div class="sub">
+
            <li><a href="#whole">whole</a></li>
−
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Collaborations">Collaboration</a></li></ul></div>
+
  </ul>
 
</div>
 
</div>
 
</div>
 
</div>
Line 445: Line 222:
 
  <div id="menu">
 
  <div id="menu">
 
     <ul>  
 
     <ul>  
−
   <li><a href="https://2018.igem.org/Team:Nanjing-China">HOME</a>
+
   <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>
 
     <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 451: Line 228:
 
</ul>
 
</ul>
 
     </li>
 
     </li>
−
     <li><a href="https://2017.igem.org/Team:Nanjing-China/Parts">PARTS</a>
+
     <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>
 
         <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 457: Line 234:
 
</ul>
 
</ul>
 
             </li>
 
             </li>
−
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Sliver">JUDGE</a>
+
     <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>
 
     <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 464: Line 241:
 
</ul>
 
</ul>
 
       </li>
 
       </li>
−
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Design">PROJECT</a>
+
     <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>
 
     <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 473: Line 250:
 
</ul>
 
</ul>
 
         </li>
 
         </li>
−
         <li><a href="https://2018.igem.org/Team:Nanjing-China/Team">TEAM</a>
+
         <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>
 
     <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 481: Line 258:
 
</ul>
 
</ul>
 
     </li>
 
     </li>
−
     <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices">OTHERS</a>
+
     <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>
 
     <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 491: Line 268:
 
   </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 id="IA">
+
        <div style="z-index:3; position:relative; top:-40px;"><img src="https://static.igem.org/mediawiki/2017/e/e6/T-Nanjing-China-WIKIbackground-1.png" width="40%" /></div>
−
      <div class="word">
+
    <div id="definition">
−
    <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>
+
    <div class="word">
−
        <div align="center">
+
    <h2>The definition of nitrogen fixation</h2>
−
            <table width="90%" border="0" cellspacing="1" cellpadding="1">
+
    <div class="word-2">
−
            <tr>
+
    <h3>•What is nitrogen fixation?</h3>
−
              <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>
+
  <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/2/2b/T-Nanjing-China-t-m-pi2.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>
−
            </tr>
+
</div>
−
            <tr>
+
<div class="word-2">
−
            <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>
+
    <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/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>
+
    <h2>What is nitrogen fixation for?</h2>
−
              </tr>
+
        <p align="left"> <font color="#339900">-global food supply <br/>  
−
            <tr>
+
-reduce the use of chemical nitrogen fertilizers </font> </p>  
−
              <td><h4 align="center">Wei Wei</h4></td>
+
</div>
−
              <td><h4 align="center">Peiqing Sun</h4></td>
+
    <div class="word-1"><div class="word-background-block" style="width:100%;">   </div>
−
            </tr>
+
    <h4>Nitrogen fixation is essential for life. </h4>
−
            <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 class="word" align="center">
+
     </div>
−
     <h1 align="center">Click the name for more information</h1>
+
     </div>
−
     <div id="apDiv11">
+
     <div id="method">
−
      <div id="apDiv12">
+
        <div class="word">
−
        <div align="center">
+
  <h2>The methods of nitrogem fixation</h2>
−
          <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
    <div class="word-2"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--Nanjing-China--i-background-3.gif" width="80%" /></div>
−
            <tr>
+
    <div class="word-2">
−
                <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>
+
    <h3>Nitrogen cycle</h3>
−
                <tr>
+
    <p align="left"><font color="#FF6600">•Nitrogen fixation:</font><br/>
−
                <td height="200"><h2>Haojie Jiang</h2>
+
          —N<sub>2 </sub>→ plants by bacteria<br/>
−
                  <p><font color="#663300" face="Comic Sans MS, cursive"><font size="+3">✎</font> What doesn't kill me makes me stronger! </font></p>
+
    <font color="#FF6600">•Nitrification:</font><br/>
−
                <p><font color="#000000"><font size="+3">♔</font> He is the team leader of Nanjing-China this year. </font></p></td>
+
      —ammonium → nitrite  → nitrate<br/>
−
              </tr>
+
      —Absorbed by plants<br/>
−
            </table>
+
    <font color="#FF6600">•Denitrification:</font><br/>
−
          </div>
+
      —Release N to atmosphere</p>
−
        </div>
+
<div class="word-background-block" style="height:180px"></div>
−
                <div id="apDiv13">
+
  </div>
−
          <div align="center">
+
  </div>
−
            <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
  <div class="word">
−
              <tr>
+
      <div class="word-2">
−
                <td width="50%"><img src="https://static.igem.org/mediawiki/2018/0/07/T--Nanjing-China--cyx.png" width="300" height="422" /></td>
+
    <div class="word-background-block" style="height:80px; width:100%;"></div>
−
                <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>
+
    <h3>Haber-Bosch process </h3>
−
                  <p><font color="#000000"><font size="+3">♖</font> She was mainly responsible for lab work and WIKI.</font></p></td>
+
    <p align="left"><font color="#FF6600">N2 + 3H<sub>2</sub> → 2NH<sub>3</sub></font>(ΔH° = −91.8 kJ)<br/>
−
                </tr>
+
    <font color="#FF6600">High temperature<br/>
−
            </table>
+
High pressure<br />
−
          </div>
+
Need too much energy<br /></font><br/>
−
        </div>
+
                        </p>
−
          <div id="apDiv14">
+
  </div>
−
            <div align="center">
+
    <div class="word-2"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--Nanjing-China--i-background-4.gif" width="80%" /></div>
−
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
  </div>
−
                <tr>
+
  <div class="word">
−
                  <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>
+
  <div class="word-background-block"></div>
−
                  <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>
+
  <h3>Biological nitrogen fixation</h3>
−
                  <p><font color="#000000"><font size="+3">♖</font> She was responsible for the human practice.</font></td>
+
    <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>
−
                </tr>
+
        <div class="word-2" style="width:40%" align="left">
−
              </table>
+
        <p><font color="#CC66FF">Mild reaction conditions</font></p>
−
            </div>
+
        <p><font color="#0033CC">Relatively inexpensive</font></p>
−
          </div>
+
        <p><font color="#996600">High efficiency </font></p>
−
    <div id="apDiv15">
+
        <p><font color="#0099FF">Environmentally friendly</font></p>
−
        <div align="center">
+
        <div class="word-background-block"></div>
−
          <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 id="apDiv16">
+
    <div class="word">
−
            <div align="center">
+
    <div class="word-background-block"></div>
−
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
      <table width="95%" border="1" cellspacing="1" cellpadding="1">
−
                <tr>
+
      <tr>
−
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/c/c0/T--Nanjing-China--hzq.png" width="300" height="422" /></td>
+
        <td rowspan="2"><font color="#0033CC">01 Receive light signals</font></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 width="65%" >&nbsp;</td>
−
                  <p><font color="#000000"><font size="+3">♟</font> He was responsible for the parts.</font></p></td>
+
        <td rowspan="2"><font color="#0099FF">03 MoFe protein forming complexes with low-potential donor</font></td>
−
                </tr>
+
      </tr>
−
              </table>
+
      <tr>
−
            </div>
+
        <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 id="apDiv17">
+
      <tr>
−
            <div align="center">
+
        <td><font color="#CCCC00">02 Electron transfer </font></td>
−
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
        <td width="65%" >&nbsp;</td>
−
                <tr>
+
        <td><font color="#CC00FF">04 Reduce N2 to NH3 </font></td>
−
                <td width="100%" align="center"><img src="https://static.igem.org/mediawiki/2018/c/cb/T--Nanjing-China--lyy.png" height="222"  /></td></tr>
+
      </tr>
−
                <tr>
+
    </table>
−
                  <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>
−
                </tr>
+
  <div id="whole">
−
              </table>
+
  <div class="word">
−
            </div>
+
      <h2>The characteristics of whole-cell</h2>
−
          </div>
+
  <p><font size="110%" color="#CC6633">The property and advantage of whole-cells</font></p>
−
                    <div id="apDiv18">
+
  <p>•Fast  proliferation to enable large-scale application<br />
−
            <div align="center">
+
  •Good  portability to permit on-site monitoring<br />
−
              <table width="80%" border="0" cellspacing="1" cellpadding="1">
+
  •Inexpensive  and easy to preserve<br />
−
                <tr>
+
  •  Intracellular cascade reactions to amplify signals<br/>
−
                  <td width="50%"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Nanjing-China--myf.png" width="300" height="422" /></td>
+
  •  Excellent specificity, sensitivity and stability</p>
−
                  <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>
+
  </div>
−
                    <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:05, 15 April 2018

无标题文档

The definition of nitrogen fixation

•What is nitrogen fixation?

Nitrogen → ammonia (NH3) or other molecules available to living organisms.

What is nitrogen fixation for?

-global food supply
-reduce the use of chemical nitrogen fertilizers 

Nitrogen fixation is essential for life.

The methods of nitrogem fixation

Nitrogen cycle

•Nitrogen fixation:
     —N2 → plants by bacteria
•Nitrification:
     —ammonium → nitrite → nitrate
     —Absorbed by plants
•Denitrification:
     —Release N to atmosphere

Haber-Bosch process

N2 + 3H2 → 2NH3(ΔH° = −91.8 kJ)
High temperature
High pressure
Need too much energy

Biological nitrogen fixation

Mild reaction conditions

Relatively inexpensive

High efficiency

Environmentally friendly

The choose of nitrogenase

Molybdenum
(MoFe)-dependent

Vanadium
(VFe)-dependent

Iron-only
(FeFe)-dependent

MoFe has been studied extensively

Nitrogen Fixation Gene Cluster

The minimal nif genes required for nitrogen fixation.

General principle of biological nitrogen fixation

01 Hydrolysis of ATP   03 MoFe protein forming complexes with low-potential donor

Chemical energy (ATP)→Solar energy
02 Electron transfer   04 Reduce N2 to NH3
01 Receive light signals   03 MoFe protein forming complexes with low-potential donor
02 Electron transfer   04 Reduce N2 to NH3

The characteristics of whole-cell

The property and advantage of whole-cells

•Fast proliferation to enable large-scale application
•Good portability to permit on-site monitoring
•Inexpensive and easy to preserve
• Intracellular cascade reactions to amplify signals
• Excellent specificity, sensitivity and stability

Address

Life Science Department
#163 Xianlin Blvd, Qixia District
Nanjing University
Nanjing, Jiangsu Province
P.R. of China
Zip: 210046

Email

nanjing_china@163.com

Social media

Twitter button:
iGEM Nanjing-China@nanjing_china