Team:Nanjing NFLS/humanpractice.html

From 2014hs.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 4: Line 4:
<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/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
-
<script type="text/javascript">
+
<title>Human Practice | iGEM Nanjing_NFLS</title>
-
$.extend({
+
<style type="text/css">
-
      manualScroll:function(opt,callback){
+
#menubar {
-
          //alert("suc");
+
font-size: 12px
-
          this.defaults = {
+
-
              objId:"",
+
-
              showArea:"",
+
-
              showWidth:419,
+
-
              showHeight:664,
+
-
              showTitle: false,
+
-
              width:350,
+
-
              height:100,
+
-
              picTimer:0,
+
-
interval:5500
+
-
          };
+
-
+
-
          var opts = $.extend(this.defaults,opt);
+
-
var $objId = opts.objId;
+
-
var $showArea = opts.showArea;
+
-
var $showWidth = opts.showWidth;
+
-
var $showHeight = opts.showHeight;
+
-
var $showTitle = opts.showTitle;
+
-
var $width = opts.width;
+
-
var $height = opts.height;
+
-
var $titleopacity = opts.titleopacity;
+
-
var $picTimer = opts.picTimer;
+
-
var index=0;
+
-
var $len = $("#"+$objId).find("ul li").length;
+
-
$("#"+$showArea).find("img").css({"height":$showHeight,"width":$showWidth});
+
-
$("#"+$objId).find("ul li").hover(function(){
+
-
  index = $(this).index();
+
-
  showimg(index);
+
-
});
+
-
$(".slider-scroll").hover(function(){
+
-
              clearInterval($picTimer);
+
-
              },function(){
+
-
                  $picTimer = setInterval(function() {
+
-
  if(index==$len-1)
+
-
            {
+
-
        index=0;
+
-
            }
+
-
else
+
-
{
+
-
    index+=1;
+
-
}
+
-
                      $("#"+$objId).find("ul li").removeClass("on");
+
-
        $("#"+$objId).find("ul li").eq(index).addClass("on");
+
-
$("#"+$showArea).find("img").css({"display":"none","opacity":"0.3"});
+
-
$("#"+$showArea).find("img").eq(index).css({"display":"block"}).stop(true,false).animate({"opacity":"1"},500);
+
-
                  },opts.interval);
+
-
          }).trigger("mouseleave");
+
-
function showimg(index)
+
-
{
+
-
if(index==$len)
+
-
    {
+
-
  index=0;
+
-
    }
+
-
  $("#"+$objId).find("ul li").removeClass("on");
+
-
  $("#"+$objId).find("ul li").eq(index).addClass("on");
+
-
  $("#"+$showArea).find("img").css({"display":"none","opacity":"0.3"});
+
-
  $("#"+$showArea).find("img").eq(index).css({"display":"block"}).stop(true,false).animate({"opacity":"1"},500);
+
-
  index+=1;
+
-
}
+
}
}
-
});
 
-
</script>
 
-
<title>Main | iGEM Nanjing_NFLS</title>
 
-
<style type="text/css">
 
p{
p{
-
position: absolute;
+
line-height:100%
-
left: 203px;
+
-
font-size: 14px;
+
-
font-family: calibri;
+
-
top: 644px;
+
-
width: 909px;
+
}
}
-
html,body,div,img,q,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
 
-
img,a img{border-style:none;border-width:0;}
 
-
a,a:hover{ text-decoration:none;}
 
-
html {margin:0 auto;}
 
-
ol,ul,li{list-style: none;}:focus{outline: 0;}
 
-
body{background-color:#eef9f8; color:#666}
 
-
a,a:visited{ color:#666}
 
-
a:hover {color:#009966;}
 
-
span{font-size:14}
 
-
.main{ font-family:calibri; color:#666; width:912px; margin:200px auto auto 200px}
 
-
.slider-scroll{margin-top:12px; overflow:hidden;height:421px;}
 
-
#showArea{ width:664px; float:left;height:419px;border:1px solid #bebebe; border-right:none;}
 
-
#showArea img{ opacity:0; display:none;}
 
-
#scrollDiv{float:left; width:246px; height:421px;}
 
-
#scrollDiv ul{ padding:200px 0 0 0}
 
-
#scrollDiv li{width:250px;height:57px;padding:10px 0 10px 26px; cursor:pointer; font-family:calibri;}
 
-
#scrollDiv li.on{ background:#003030; position:relative;}
 
-
#scrollDiv li a{display:block; font-size:24px; height:35px; line-height:35px; color:#fff;}
 
-
#scrollDiv li span{
 
-
display: block;
 
-
color: #CCCCCC;
 
-
font-size: 36px;
 
-
height: 15px;
 
-
line-height: 15px;
 
-
}
 
-
#scrollDiv li span.entity-triangle{ display:none; }
 
-
#scrollDiv li.on span.entity-triangle{position:absolute; top:31px; left:-6px; display:block; width:6px; height:22px;z-index:99;}
 
-
#menubar { font-size: 12px}
 
-
p{line-height:100%}
 
-
 
div#contentSub{
div#contentSub{
     display: none;
     display: none;
-
     position: absolute;left: 0px;top: 0px;
+
     position: absolute;
 +
    left: 0px;
 +
    top: 0px;
}
}
div#top-section{
div#top-section{
Line 127: Line 31:
border:none;
border:none;
height: 100%;
height: 100%;
-
margin:0 0 0 200;
+
margin:0 0 0 0px;
padding:0;
padding:0;
-
width:100%;
 
position: absolute;
position: absolute;
background-color: #E3E3E3;
background-color: #E3E3E3;
-
}
 
-
#content {
 
line-height: normal;
line-height: normal;
-
     width: 975px;
+
     width: 1350px;
-
     border-left-width:1000px;
+
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
     padding:0px;
     padding:0px;
Line 146: Line 47:
#top-section {
#top-section {
     background-color: #444444;
     background-color: #444444;
-
     height: 20px;
+
     height: 0px;
     border-width:0px;
     border-width:0px;
     border-top-width:0px;
     border-top-width:0px;
Line 162: Line 63:
     height: 0px;
     height: 0px;
}
}
-
AB{
 
-
left: -100px;}
 
#searchInput
#searchInput
{
{
Line 181: Line 80:
body {
body {
background-color: #E3E3E3;
background-color: #E3E3E3;
-
font: century ;
+
width: 100%;
-
width: 1350px;
+
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
Line 197: Line 95:
position: absolute;
position: absolute;
width: 1350px;
width: 1350px;
-
height: 1500px;
+
height: 697px;
-
z-index: 0;
+
z-index: 1;
left: 0px;
left: 0px;
top: 0px;
top: 0px;
Line 211: Line 109:
left: 32px;
left: 32px;
top: 1px;
top: 1px;
 +
}
 +
#banner {
 +
position: absolute;
 +
width: 1350px;
 +
height: 100px;
 +
z-index: 19;
 +
left: 282px;
 +
top: 0px;
 +
opacity: 0.6;
}
}
#primary-nav {
#primary-nav {
position: absolute;
position: absolute;
-
width: 1095px;
+
width: 1800px;
-
height: 60px;
+
height: 50px;
z-index: 2;
z-index: 2;
left:290px;
left:290px;
Line 253: Line 160:
position: absolute;
position: absolute;
width: 160px;
width: 160px;
-
height: 256px;
+
height: 216px;
left: -500px;
left: -500px;
top: 136px;
top: 136px;
Line 304: Line 211:
z-index: 19;
z-index: 19;
}
}
-
#bottom {
+
#mainframe {
position: absolute;
position: absolute;
-
width: 100%;
+
top: 182px;
-
height: 50px;
+
left: 0px;
left: 0px;
-
top: 1450px;
+
height: 465px;
-
opacity: 0.6;
+
width: 1350px;
 +
z-index:1;
}
}
-
#banner {
+
#leftarrow {
position: absolute;
position: absolute;
-
width: 1350px;
+
top: 168px;
 +
left: 0px;
 +
width: 100px;
height: 100px;
height: 100px;
-
z-index: 19;
+
opacity: 0.5;
-
left: 282px;
+
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;
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;
opacity: 0.6;
 +
z-index:100;
}
}
</style>
</style>
Line 331: Line 279:
         y:ev.clientY + document.body.scrollTop - document.body.clientTop
         y:ev.clientY + document.body.scrollTop - document.body.clientTop
     };
     };
-
}  
+
};
$(document).ready(function(ev){
$(document).ready(function(ev){
-
  var blocks = $("div.trans");
 
   var menu1 = $("div.menuPlist");
   var menu1 = $("div.menuPlist");
   var menu2 = $("div.menuNlist");
   var menu2 = $("div.menuNlist");
-
   var absttitle = new Array("What's this about?", "What are the biobricks?", "What's about experiments?", "How we ensure safety?", "How did we popularize it?", "Who are we?");
+
   var cont = new Array("<img src=\"https://static.igem.org/mediawiki/2014hs/c/c9/NFLSHP1.jpg\" width=\"800\" height=\"425\" />", "<p><div style=\"color:#FF0000\">A Club</div>To attract more attention on the competition and our project about the CRISPR-Cas system, we ran a club named iGEMER at NFLS(Nanjing Foreign Languages School) and held educational and elementary activities on the days of Nanjing Club Summit and NFLS Club Salon, the most ceremonious club celebrations in Nanjing and in NFLS. Once or twice a week hundreds of students took part in the club activities including the study group about synthetic biology in which they shared the latest findings and breakthroughs in biological field, the lectures given by the well-known professors from China Pharmaceutical University about the development of the modern biological technologies, transformation from the simple-helix structure of RNA to the double-helix structure of DNA, construction and application of Biobricks, some hands-on experiments such as the DNA extraction finished by the students from different grades, and trips and studies in the labs in universities and companies. We set up a platform for every high school students interested in biology to share their novel ideas. During the practice, we prepared presentations about the topic we were going to talk about before the seminar started and in that case the different levels of students’ previous knowledge would not cause any frictions. After the seminar, we got a large amount of positive feedbacks from the club members and successfully aroused the sparks and potential interest around us.</p>", "<img src=\"https://static.igem.org/mediawiki/2014hs/f/fd/NFLSHP2.png\" width=\"500\" height=\"465\" />", "<p><div style=\"color:#FF0000\">A Homepage</div>A home page about our study has been created since we started our project. On the website, we have several segments: team introduction, project progress, notebook, results and conclusions, safety, attributions, human practices and amusement. Along with the project underway, the new findings and periodical conclusions were added into the context of relative segments.</p><p>Apart from the homepage we created,, we also posed some updates on social network such as Wechat, RENREN and Weibo. We attracted a lot of attention from the public and lots of them also participated in our group discussion. Several great ideas generated here. At the same time, we put the link to our homepage on these channels, which increased the everyday visits to our website.</p>", "<img src=\"https://static.igem.org/mediawiki/2014hs/6/6f/NFLSHP4.png\" width=\"800\" height=\"425\" />", "<p><div style=\"color:#FF0000\">Acknowledgment</div>We thank Professor Hong Zhu and Hong Tian for their instruction and consultation during our experiments, Principal Zhengjing Dong for his support and encouragement which give us initial motivation to participate in the competition, and China Pharmaceutical University and Nanjing University for facilities support. Last but not least, we want to thank iGEM competition to give us this chance practicing what we really want to do in the future.</p>");
-
  var abstcontent = new Array("Utilizing the unique features of CRISPR-Cas9 system, our team developed a gene editing tool kit that can be effectively used in eukaryotic cells. CRISPR-Cas9 based system offers several advantages including greater flexibility in silencing and repairing gene expression, and the ability to introduce larger gene fragments. 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.", "Our gene editing kit has three components: Guide RNA (g-RNA), outer membrane protein of TMV homologous DNA sequences and CRISPR-Cas9 enzyme. Both the g-RNA and the homologous DNA sequences have high specificity in CHO. And the CRISPR-Cas9 enzyme was proven to be efficient in eukaryotic cells.", "It is the record of our experiments, which concludes every step of design, build-up, and examine; it is the trace of our life, which leaves us the most valuable memory of fighting, sharing, and devoting; it is the path in springtime, which not only gives us a chance to learn synthetic biology, but also provides a platform to boarder our views.", "1.Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety? 2.Do any of the new BioBrick parts (or devices) that you made this year raise safety issues? 3.Is there a local biosafety group, committee, or review board at your institution?4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?", "To attract more attention on the competition and our project about the CRISPR-Cas system, we ran a club named iGEMER at NFLS. A home page about our study has been created since we started our project. On the website, we have several segments: team introduction, project progress, notebook, results and conclusions, safety, attributions, human practices and amusement. ", "We are a group of passionate syudents from Nanjing Foreign Languages School, specializing in different disciplines: BIO, computer science, mathematics.., we gather together, questing for the same interest. We are the symbol of plurality, vitality and unity.");
+
   var now = 0;
-
  var picts = new Array("https://static.igem.org/mediawiki/2014hs/6/6a/NFLS_image6.png", "https://static.igem.org/mediawiki/2014hs/7/70/NFLS_image2.png", "https://static.igem.org/mediawiki/2014hs/c/c0/NFLS_image3.png", "https://static.igem.org/mediawiki/2014hs/7/7f/NFLS_image5.png", "https://static.igem.org/mediawiki/2014hs/e/ed/NFLS_image4.png", "https://static.igem.org/mediawiki/2014hs/b/be/NFLS_image1.png");
+
  var anchorsl = location.hash;
-
   $("#menuProject").css("height", "0px");
+
  if (anchorsl != "") {
-
   $("#menuNotebook").css("height", "0px");
+
  anchorsl = parseInt(anchorsl.substring(1, anchorsl.length + 1));
 +
  now = anchorsl;
 +
  };
 +
   $("#slide1").html(cont[now]);
   $("#nav-notebook").mouseover(function(){
   $("#nav-notebook").mouseover(function(){
  if ($("#menuNotebook").hasClass("cur")) {
  if ($("#menuNotebook").hasClass("cur")) {
Line 467: Line 417:
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
    $("#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");
 +
          });
 +
  }
   });
   });
});
});
Line 474: Line 460:
<body topmargin="0">
<body topmargin="0">
<div id="page">
<div id="page">
-
<script type="text/javascript">
 
-
//home
 
-
$(document).ready(function(){
 
-
$.manualScroll({
 
-
objId:"scrollDiv",
 
-
showArea:"showArea",
 
-
showWidth:664,
 
-
showHeight:419,
 
-
showTitle: true,
 
-
picTimer:0,
 
-
interval:3000
 
-
});
 
-
});
 
-
</script>
 
-
<div class="main">
 
-
<div  class="slider-scroll f-c">
 
-
<div id="showArea">
 
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/c/c9/NFLSHP1.jpg" width="664px" height="419px"></a>
 
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/f/fd/NFLSHP2.png" width="664px" height="419px"></a>
 
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/6/6f/NFLSHP4.png" width="664px" height="419px"></a>
 
-
</div>
 
-
<div id="scrollDiv">
 
-
<ul>
 
-
<li class="on"><a target="_blank">A CLUB</a><span class="entity-triangle"></span></li>
 
-
<li ><a target="_blank">A HOMEPAGE</a><span class="entity-triangle"></span></li>
 
-
<li ><a target="_blank">ACKNOWLEDGEMENT</a><span class="entity-triangle"></span></li>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div style="text-align:center;clear:both">
 
-
</div>
 
-
<div class="AB">
 
-
<p>
 
-
<span style="font-size:36px;text-align:center;">A Club</span></br>
 
-
</br>
 
-
To attract more attention on the competition and our project about the CRISPR-Cas system, we ran a club named iGEMER at NFLS(Nanjing Foreign Languages School) and held educational and elementary activities on the days of Nanjing Club Summit and NFLS Club Salon, the most ceremonious club celebrations in Nanjing and in NFLS. Once or twice a week hundreds of students took part in the club activities including the study group about synthetic biology in which they shared the latest findings and breakthroughs in biological field, the lectures given by the well-known professors from China Pharmaceutical University about the development of the modern biological technologies, transformation from the simple-helix structure of RNA to the double-helix structure of DNA, construction and application of Biobricks, some hands-on experiments such as the DNA extraction finished by the students from different grades, and trips and studies in the labs in universities and companies. We set up a platform for every high school students interested in biology to share their novel ideas. During the practice, we prepared presentations about the topic we were going to talk about before the seminar started and in that case the different levels of students’ previous knowledge would not cause any frictions. After the seminar, we got a large amount of positive feedbacks from the club members and successfully aroused the sparks and potential interest around us.</br>
 
-
</br>
 
-
<span style="font-size:36px;text-align:center;">A Homepage</span></br>
 
-
</br>
 
-
A home page about our study has been created since we started our project. On the website, we have several segments: team introduction, project progress, notebook, results and conclusions, safety, attributions, human practices and amusement. Along with the project underway, the new findings and periodical conclusions were added into the context of relative segments.</br>
 
-
</br>
 
-
Apart from the homepage we created,, we also posed some updates on social network such as Wechat, RENREN and Weibo. We attracted a lot of attention from the public and lots of them also participated in our group discussion. Several great ideas generated here. At the same time, we put the link to our homepage on these channels, which increased the everyday visits to our website.</br>
 
-
</br>
 
-
<span style="font-size:36px;text-align:center;">Acknowledgment</span></br>
 
-
</br>
 
-
We thank Professor Hong Zhu and Hong Tian for their instruction and consultation during our experiments, Principal Zhengjing Dong for his support and encouragement which give us initial motivation to participate in the competition, and China Pharmaceutical University and Nanjing University for facilities support. Last but not least, we want to thank iGEM competition to give us this chance practicing what we really want to do in the future.</br>
 
-
</br>
 
-
</p>
 
-
</div>
 
-
 
<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="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="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</a></li>
+
   <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS">MAIN</a></li>
   <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
   <li 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>
   <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
   <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
-
   <li id="nav-humanpractice"class="selected"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
+
   <li class="selected" 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="nav-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>
Line 545: Line 480:
   <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html';">FUNCTION</div>
   <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html';">FUNCTION</div>
   <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#9';">ADVANTAGE</div>
   <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#9';">ADVANTAGE</div>
-
   <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#design';;">DESIGN</div>
+
   <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#design';">DESIGN</div>
   <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
   <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
   <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
   <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
Line 560: Line 495:
   <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
   <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
</div>
</div>
 +
 
 +
  <div id="mainframe">
 +
    <div id="leftarrow">
 +
      <img src="https://static.igem.org/mediawiki/2014hs/9/97/LeftArrow.png" width="100" height="100" alt="leftArrow" />
 +
    </div>
 +
    <div id="slide1">
 +
    </div>
 +
    <div id="slide2">
 +
    </div>
 +
    <div id="rightarrow">
 +
        <img src="https://static.igem.org/mediawiki/2014hs/c/cc/RightArrow.png" width="100" height="100" alt="rightArrow" />
 +
    </div>
 +
  </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 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>
</body>
</html>
</html>

Latest revision as of 03:52, 21 June 2014

Human Practice | iGEM Nanjing_NFLS

leftArrow
rightArrow
bottomimage