Team:Nanjing NFLS/project.html

From 2014hs.igem.org

(Difference between revisions)
(Created page with "{{Template:NFLSIndex}} <html> <div id="primary-nav"> <ul> <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</a></li> <li id="nav-project...")
Line 1: Line 1:
-
{{Template:NFLSIndex}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 +
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
 +
<title>iGEM Nanjing_NFLS</title>
 +
<style type="text/css">
 +
#menubar {
 +
font-size: 12px
 +
}
 +
p{
 +
line-height:100%
 +
}
 +
div#contentSub{
 +
    display: none;
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
}
 +
div#top-section{
 +
    background: url() no repeat;
 +
    background-color:#E3E3E3;
 +
    color: #D1E9E9;
 +
    height: 0px;
 +
    width:  100%;
 +
    border: 0px;
 +
 
 +
}
 +
#content
 +
{
 +
border:none;
 +
height: 100%;
 +
margin:0 0 0 0px;
 +
padding:0;
 +
position: absolute;
 +
background-color: #E3E3E3;
 +
line-height: normal;
 +
    width: 1350px;
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:0px;
 +
}
 +
 
 +
#p-logo {
 +
    height:0px; overflow:hidden; display: none;
 +
}
 +
#top-section {
 +
    background-color: #444444;
 +
    height: 0px;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
}
 +
 
 +
#contentSub {
 +
display: none;
 +
}
 +
 
 +
.firstHeading {
 +
    display: none;
 +
}
 +
div#catlinks {
 +
    visibility: hidden;
 +
    height: 0px;
 +
}
 +
#searchInput
 +
{
 +
    position:relative;
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
input.searchButton
 +
{
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
body {
 +
background-color: #E3E3E3;
 +
width: 100%;
 +
padding: 0px;
 +
margin: 0px;
 +
border: 0px;
 +
}
 +
body,td,th {
 +
font-size: large;
 +
color: #000;
 +
font-family: "Century Gothic";
 +
}
 +
#page {
 +
margin-left:auto;
 +
margin-right:auto;
 +
position: absolute;
 +
width: 1350px;
 +
height: 697px;
 +
z-index: 1;
 +
left: 0px;
 +
top: 0px;
 +
overflow: hidden;
 +
font-size: 16px;
 +
}
 +
#logo {
 +
position: absolute;
 +
width: 250px;
 +
height: 157px;
 +
z-index: 1;
 +
left: 32px;
 +
top: 1px;
 +
}
 +
#banner {
 +
position: absolute;
 +
width: 1350px;
 +
height: 100px;
 +
z-index: 19;
 +
left: 282px;
 +
top: 0px;
 +
opacity: 0.6;
 +
}
 +
#primary-nav {
 +
position: absolute;
 +
width: 1800px;
 +
height: 50px;
 +
z-index: 2;
 +
right:-16px;
 +
top: 112px;
 +
}
 +
#primary-nav li{
 +
display: inline;
 +
list-style-type: none;
 +
overflow: hidden;
 +
}
 +
#primary-nav li a{
 +
margin-right: 15px;
 +
padding-top: 4px;
 +
overflow: hidden;
 +
color: #000;
 +
padding-top: 4px;
 +
text-decoration: none;
 +
border-top-width: 4px;
 +
border-top-style: solid;
 +
border-top-color: #E3E3E3;
 +
}
 +
#nav-contactus a{
 +
border-top-color: #000 !important;
 +
margin-left: 80px;
 +
}
 +
#nav-contactus a:hover{
 +
border-top-color: #2080C0 !important;
 +
}
 +
#primary-nav li a:hover{
 +
color: #2080C0;
 +
}
 +
#primary-nav li.selected a{
 +
border-top-color: #2080C0;
 +
color: #2080C0;
 +
}
 +
#menuProject{
 +
position: absolute;
 +
width: 160px;
 +
height: 216px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuPlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuP-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#menuNotebook{
 +
position: absolute;
 +
width: 160px;
 +
height: 136px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuNlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuN-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#mainframe {
 +
position: absolute;
 +
top: 182px;
 +
left: 0px;
 +
height: 465px;
 +
width: 1350px;
 +
z-index:1;
 +
}
 +
#leftarrow {
 +
position: absolute;
 +
top: 168px;
 +
left: 0px;
 +
width: 100px;
 +
height: 100px;
 +
opacity: 0.5;
 +
z-index:5;
 +
}
 +
#rightarrow {
 +
position: absolute;
 +
top: 168px;
 +
right: 0px;
 +
width: 100px;
 +
height: 100px;
 +
opacity: 0.5;
 +
z-index:6;
 +
}
 +
#slide1 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 0px;
 +
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
 +
}
 +
#slide2 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 1350px;
 +
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
}
 +
#bottom {
 +
position: absolute;
 +
width: 1350px;
 +
height: 50px;
 +
left: 0px;
 +
top: 647px;
 +
opacity: 0.6;
 +
z-index:100;
 +
}
 +
</style>
 +
<script type="text/javascript">
 +
function mousePosition(ev){
 +
    if(ev.pageX || ev.pageY){
 +
        return {x:ev.pageX, y:ev.pageY};
 +
    }
 +
    return {
 +
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
 +
        y:ev.clientY + document.body.scrollTop - document.body.clientTop
 +
    };
 +
};
 +
 
 +
$(document).ready(function(ev){
 +
  var menu1 = $("div.menuPlist");
 +
  var menu2 = $("div.menuNlist");
 +
  var cont = new Array("<p style=\"font-size: 32px;\">ABSTRACT</p><p>Utilizing the unique features of CRISPR-Cas9 system, our team developed a gene editing tool kit that can be effectively used in eukaryotic cells. Comparing to the traditional approach that relies upon restriction enzymes, a CRISPR-Cas9 based system offers several advantages including greater flexibility in silencing, enhancing or repairing gene expression, and the ability to introduce larger gene fragments. Our gene editing kit has three components: Guide RNA (gRNA), outer membrane protein of TMV homologous DNA sequences and CRISPR-Cas9 enzyme. The system was designed to have great compatibility with a wide range of organisms and easy to work with, and has been preliminarily validated by plasmid transfection in CHO cell line. With iGEM database in mind, the kit follows a modular design and aims to facilitate future iGEM projects with greater flexibility and compatibility in gene editing. </p>", "<img src=\"https://static.igem.org/mediawiki/2014hs/c/c9/Transfection.jpg\" width=\"1100\" height=\"465\" />", "<p>If we want to relace the GFP with RFP:</p><img src=\"https://static.igem.org/mediawiki/2014hs/5/56/Reaction1.jpg\" width=\"1000\" height=\"385\" />", "<p>PCR to pSB1C3</p><img src=\"https://static.igem.org/mediawiki/2014hs/d/d1/Reaction2.jpg\" width=\"600\" height=\"200\" /><p>g-RNA, CRISPR and new sequence are transfected in nucleus as plasmid</p><p>g-RNA transcripts, CRISPR transcripts and translates</p>", "<p>In the Enzyme, the GFP sequence will be cut in homologous arm</p><img src=\"https://static.igem.org/mediawiki/2014hs/3/33/Reaction3.jpg\" width=\"1000\" height=\"385\" />", "<img src=\"https://static.igem.org/mediawiki/2014hs/b/b9/Reaction4.jpg\" width=\"1100\" height=\"465\" />", "<p>The remaining homologous arm</p><img src=\"https://static.igem.org/mediawiki/2014hs/2/2c/Reaction5.jpg\" width=\"800\" height=\"355\" />", "<p>Complementary base-pairing homologous arm</p><img src=\"https://static.igem.org/mediawiki/2014hs/0/03/Reaction7.jpg\" width=\"900\" height=\"385\" />", "<p>The final position of the replacement</p>><img src=\"https://static.igem.org/mediawiki/2014hs/2/21/Reaction6.jpg\" width=\"900\" height=\"385\" />", "<p style=\"font-size: 32px;\">Advantages and Future Prospects</p><p>1. A Cas9-CRISPR based gene editing tool that can work in both prokaryotic and eukaryotic organisms</p><p>2. Followed a modular design that is compatible and easy to work with existing iGEM standard parts</p><p>3. With custom designed guide RNA sequence, the system offers greater flexibility as it can cut DNA of variable length and edit multiple gene expressions simultaneously</p><p>4. Holds great promise for future iGEM projects with its potential to target gene expression both in vitro and in vivo with great precision/high specificity</p>");
 +
  var now = 0;
 +
  var anchorsl = location.hash;
 +
  if (anchorsl != "") {
 +
  anchorsl = parseInt(anchorsl.substring(1, anchorsl.length + 1));
 +
  now = anchorsl;
 +
  };
 +
  $("#slide1").html(cont[now]);
 +
  $("#nav-notebook").mouseover(function(){
 +
  if ($("#menuNotebook").hasClass("cur")) {
 +
  return;
 +
  };
 +
  $("#menuNotebook").addClass("cur");
 +
  $("#menuNotebook").css("left", "532px");
 +
  $("#menuNotebook").animate({height:'136px'}, 500, function(){
 +
  $("#menuNotebook").removeClass("cur");
 +
  });
 +
  });
 +
  $("#nav-notebook").mouseout(function(ev){
 +
  $("#menuNotebook").addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if (mousePos.y < 136) {
 +
  $("#menuNotebook").animate({height:'0px'}, 500, function(){
 +
  $("#menuNotebook").css("left", "-500px");
 +
          $("#menuNotebook").removeClass("cur");
 +
  });
 +
  }
 +
  else {
 +
      $("#menuNotebook").removeClass("cur");
 +
  };
 +
  });
 +
  $("#menuNotebook").mouseleave(function(ev){
 +
  $(this).addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if ((mousePos.y > 136) || (mousePos.x > 640) || (mousePos.x < 553)) {
 +
          $("#menuNotebook").animate({height:'0px'}, 500, function(){
 +
      $("#menuNotebook").css("left", "-500px");
 +
  $("#menuNotebook").removeClass("cur");
 +
      });
 +
  }
 +
  else {
 +
      $("#menuNotebook").removeClass("cur");
 +
  };
 +
  });
 +
  $("div.menuNlist").mouseover(function(){
 +
  var i = $.inArray(this, menu2);
 +
  if ($(this).hasClass("cur")) {
 +
  return;
 +
  };
 +
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuNlist").mouseout(function(){
 +
  var i = $.inArray(this, menu2);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
 +
  $("#nav-project").mouseover(function(){
 +
  if ($("#menuProject").hasClass("cur")) {
 +
  return;
 +
  };
 +
  $("#menuProject").addClass("cur");
 +
  $("#menuProject").css("left", "340px");
 +
  $("#menuProject").animate({height:'256px'}, 500, function(){
 +
  $("#menuNotebook").removeClass("cur");
 +
  });
 +
  });
 +
  $("#nav-project").mouseout(function(ev){
 +
  $("#menuProject").addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if (mousePos.y < 136) {
 +
      $("#menuProject").animate({height:'0px'}, 500, function(){
 +
  $("#menuProject").css("left", "-500px");
 +
          $("#menuProject").removeClass("cur");
 +
  });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("#menuProject").mouseleave(function(ev){
 +
  $(this).addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if ((mousePos.y > 136) || (mousePos.x > 430) || (mousePos.x < 361)) {
 +
          $("#menuProject").animate({height:'0px'}, 500, function(){
 +
      $("#menuProject").css("left", "-500px");
 +
  $("#menuProject").removeClass("cur");
 +
      });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseover(function(){
 +
  var i = $.inArray(this, menu1);
 +
  if ($(this).hasClass("cur")) {
 +
  return;
 +
  };
 +
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseout(function(){
 +
  var i = $.inArray(this, menu1);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
 +
  $("#leftarrow").click(function(){
 +
  if (now > 0) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now -= 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", -1350);
 +
  $("#slide1").animate({"left":1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", -1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
 +
  $("#rightarrow").click(function(){
 +
  if (now < cont.length - 1) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now += 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", 1350);
 +
  $("#slide1").animate({"left":-1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", 1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
 +
});
 +
</script>
 +
</head>
 +
 
 +
<body topmargin="0">
 +
<div id="page">
 +
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="250" height="157" alt="iGEM_NFLS" /></div>
 +
<div id="banner"><img src="https://static.igem.org/mediawiki/2014hs/3/31/NFLS_banner.jpg" width="1350" height="100" alt="banner" /></div>
<div id="primary-nav">
<div id="primary-nav">
   <ul>
   <ul>
-
   <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</a></li>
+
   <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS">MAIN</a></li>
-
   <li id="nav-project"class="selected"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
+
   <li class="selected" id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
   <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
   <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
   <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
   <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
Line 10: Line 472:
   <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
   <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
-
   <li id="av-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
+
   <li id="nav-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
   <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
   <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
   </ul>
   </ul>
</div>
</div>
 +
<div id="menuProject">
 +
  <div id="menuPbar1" class="menuPlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';">ABSTRACT</div>
 +
  <div id="menuPbar2" class="menuPlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';">TOOKIT</div>
 +
  <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';">FUNCTION</div>
 +
  <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';">ADVANTAGE</div>
 +
  <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';;">DESIGN</div>
 +
  <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html';">BUILD UP</div>
 +
  <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
 +
  <div id="menuP-hbar2" class="menuP-hbar" style="top:95px"></div>
 +
  <div id="menuP-hbar3" class="menuP-hbar" style="top:135px"></div>
 +
  <div id="menuP-hbar4" class="menuP-hbar" style="top:175px"></div>
 +
  <div id="menuP-hbar5" class="menuP-hbar" style="top:215px"></div>
 +
</div>
 +
<div id="menuNotebook">
 +
  <div id="menuNbar1" class="menuNlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html';">PROVE</div>
 +
  <div id="menuNbar2" class="menuNlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html';">BUILD UP</div>
 +
<div id="menuNbar3" class="menuNlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html';">EXAMINE</div>
 +
  <div id="menuN-hbar1" class="menuN-hbar" style="top:55px"></div>
 +
<div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
 +
</div>
 +
 
 +
  <div id="mainframe">
 +
    <div id="leftarrow">
 +
      <img src="image/leftArrow.png" width="100" height="100" alt="leftArrow" />
 +
    </div>
 +
    <div id="slide1">
 +
    </div>
 +
    <div id="slide2">
 +
    </div>
 +
    <div id="rightarrow">
 +
        <img src="image/rightArrow.png" width="100" height="100" alt="rightArrow" />
 +
    </div>
 +
  </div>
 +
</div>
 +
<div id="bottom" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014hs/a/a2/NFLS_bottom.png" width="1350" height="50" alt="bottomimage" /></div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 15:41, 20 June 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> iGEM Nanjing_NFLS

leftArrow
rightArrow
bottomimage