Difference between revisions of "Team:AHUT China/Description"

Line 1: Line 1:
−
{{AHUT_China}}
+
{{:Team:AHUT_China/CSS_reset}}
−
<html>
+
<html lang="en">
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta name="Generator" content="EditPlus®">
 +
  <meta name="Author" content="">
 +
  <meta name="Keywords" content="">
 +
  <meta name="Description" content="">
 +
  <title>Document</title>
  
−
<head>
 
 
<style type="text/css">
 
<style type="text/css">
−
body{
+
*{margin：0px;padding:0px}
−
width:800px;
+
body{margin:0px;}
 +
 
 +
#nav{margin:0px auto;width:100%;}
 +
 
 +
/*---------------------------------daohang------------------------------*/
 +
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
 +
 
 +
.nav-menu {
 +
display: block;
 +
/* background: #74adaa;*/
 +
width:950px;
 +
margin: 50px auto 100px;
 
}
 
}
−
.title{  
+
.nav-menu > li {
−
width:800px;
+
display: inline;
−
height:32px;
+
float:left;
−
margin:0 auto;
+
border-right:1px solid #94c0be;
−
text-align:center;
+
 
}
 
}
−
.title h{
+
.nav-menu > li:last-child {
−
font-family:Times New Roman,Georgia,Serif;
+
border-right: none;
−
font-size:32px;
+
−
font-weight:600;
+
−
color:#666666;
+
 
}
 
}
−
.content{
+
.nav-menu li a {
−
width:800px;
+
color: #000000;
 +
display: block;
 +
text-decoration: none;
 +
/*调用本地字体*/
 +
font-family:Segoe UI;
 +
font-weight:400;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
text-transform: capitalize;
 +
overflow: visible;
 +
line-height: 20px;
 +
font-size: 1 rem;
 +
padding: 15px 30px 15px 31px;
 
}
 
}
−
.content p{
+
.three-d {
−
font-family: Times New Roman,Georgia,Serif;  
+
/* 任务三、设置3D舞台布景 */
−
font-size:18px;
+
-webkit-perspective: 200px;
−
text-align:Justify;
+
-moz-perspective: 200px;
−
word-spacing:0px;
+
-ms-perspective: 200px;
−
letter-spacing: 0px;
+
-o-perspective: 200px;
−
text-indent:2em;
+
perspective: 200px;
−
color:#393939;
+
          /*任务四、设置3D舞台布景过渡效果*/
−
line-height:24px
+
-webkit-transition: all .07s linear;
 +
-moz-transition: all .07s linear;
 +
-ms-transition: all .07s linear;
 +
-o-transition: all .07s linear;
 +
transition:all .7s linear;
 +
position: relative;
 
}
 
}
−
.logo{
+
.three-d:not(.active):hover {
−
width:100px;
+
cursor: pointer;
−
height:100px;
+
−
margin:20px auto;
+
 
}
 
}
 +
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
 +
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 +
-wekbit-transform: translateZ(-25px) rotateX(90deg);
 +
-moz-transform: translateZ(-25px) rotateX(90deg);
 +
-o-transform: translateZ(-25px) rotateX(90deg);
 +
-ms-transform: translateZ(-25px) rotateX(90deg);
 +
transform: translateZ(-25px) rotateX(90deg);
 +
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
 +
      /*  -webkit-transform:rotatex(90deg);*/
 +
}
 +
.three-d-box {
 +
          /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
 +
-webkit-transition: all .3s ease-out;
 +
-moz-transition: all .3s ease-out;
 +
-ms-transition: all .3s ease-out;
 +
-o-transition: all .3s ease-out;
 +
transition: all .3s ease-out;
 +
-webkit-transform: translatez(-25px);
 +
-moz-transform: translatez(-25px);
 +
-ms-transform: translatez(-25px);
 +
-o-transform: translatez(-25px);
 +
transform: translatez(-25px);
 +
-webkit-transform-style: preserve-3d;
 +
-moz-transform-style: preserve-3d;
 +
-ms-transform-style: preserve-3d;
 +
-o-transform-style: preserve-3d;
 +
transform-style: preserve-3d;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
/*任务七、给导航设置3D前，与3D后变形效果*/
 +
.front {
 +
-webkit-transform: rotatex(0deg) translatez(25px);
 +
-moz-transform: rotatex(0deg) translatez(25px);
 +
-ms-transform: rotatex(0deg) translatez(25px);
 +
-o-transform: rotatex(0deg) translatez(25px);
 +
transform: rotatex(0deg) translatez(25px);
 +
}
 +
.back {
 +
-webkit-transform: rotatex(-90deg) translatez(25px);
 +
-moz-transform: rotatex(-90deg) translatez(25px);
 +
-ms-transform: rotatex(-90deg) translatez(25px);
 +
-o-transform: rotatex(-90deg) translatez(25px);
 +
transform: rotatex(-90deg) translatez(25px);
 +
color: #ffffff;
 +
}
 +
.front, .back {
 +
/*          border:1px solid red;*/
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background:rgba(0, 0, 0, 0.8);
 +
 +
padding: 15px 30px 15px 31px;
 +
color: #ffffff;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 +
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 +
background-color: #000033;
 +
-webkit-background-size: 5px 5px;
 +
background-size: 5px 5px;
 +
background-position: 0 0, 30px 30px;
 +
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
}
 +
.nav-menu ul {
 +
position: absolute;
 +
text-align: left;
 +
line-height: 40px;
 +
font-size: 14px;
 +
width: 200px;
 +
-webkit-transition: all 0.3s ease-in;
 +
-moz-transition: all 0.3s ease-in;
 +
-ms-transition: all 0.3s ease-in;
 +
-o-transition: all 0.3s ease-in;
 +
transition: all 0.3s ease-in;
 +
-webkit-transform-origin: 0px 0px;
 +
-moz-transform-origin: 0px 0px;
 +
-ms-transform-origin: 0px 0px;
 +
-o-transform-origin: 0px 0px;
 +
transform-origin: 0px 0px;
 +
-webkit-transform: rotateX(-90deg);
 +
-moz-transform: rotateX(-90deg);
 +
-ms-transform: rotateX(-90deg);
 +
-o-transform: rotateX(-90deg);
 +
transform: rotateX(-90deg);
 +
-webkit-backface-visibility: hidden;
 +
-moz-backface-visibility: hidden;
 +
-ms-backface-visibility: hidden;
 +
-o-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
 +
.nav-menu > li:hover ul {
 +
-webkit-transform: rotateX(0deg);
 +
-moz-transform: rotateX(0deg);
 +
-ms-transform: rotateX(0deg);
 +
-o-transform: rotateX(0deg);
 +
transform: rotateX(0deg);
 +
}
 +
/*-------------------------------------------daohang_over---------------------------*/
 +
 +
 +
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 +
#name img{margin-left: 20rem;margin-top:-230px;position:absolute}
 +
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
 +
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:6rem}
 +
#uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
 +
 +
 +
 +
 +
 +
 +
#content{background-image:url("images/main/compass (3).png" );width:100%;height:600px;position:relative;}
 +
#con_inner{padding:10px}
 +
 +
 +
 +
 +
 +
 +
 +
/*-------------------footer-----------------------*/
 +
 +
#footer{
 +
height:300px;
 +
width:100%;
 +
color:#ccc;
 +
font-size:12px;
 +
position:relative;
 +
z-index:top;
 +
background-color:#3c3e3f;
 +
}
 +
 +
#footer  .conent{
 +
width:960px;
 +
 +
left:50%;
 +
bottom:0;
 +
margin-left:14%;
 +
z-index:2;
 +
}
 +
 +
#foot_list {
 +
width:759px;
 +
height:175px;
 +
float:left;
 +
padding-top:5px;
 +
margin:0;
 +
}
 +
#foot_list  li{
 +
float:left;
 +
text-align:left;
 +
width:115px;
 +
margin-left:0;
 +
margin-right:10px;
 +
    line-height:18px;
 +
    display:block;
 +
    color:#FFF;
 +
    font-size:16px;
 +
text-decoration: none;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
#foot_list  li ul li:first-child {
 +
font-size:20px;
 +
color:#b4b4b4;
 +
line-height:28px;
 +
}
 +
 +
#foot_list  li ul li a {
 +
font-size:12px;
 +
color:#a1a1a1;
 +
line-height:18px;
 +
text-decoration:none;
 +
}
 +
 +
#foot_list li ul li a:hover {
 +
color:#fff;
 +
transition: color 0.3s ease 0s;
 +
}
 +
 +
 +
#foot_igem{
 +
padding:38px 33px 24px 18px;
 +
float:right;
 +
}
 +
#foot_igem > a {
 +
width:150px;
 +
height:118px;
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
 +
}
 +
#foot_igem > a:hover {
 +
background-image:url(https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
 +
}
 +
#foot_copyright {
 +
 +
margin-left:14%;
 +
clear:both;
 +
width:960px;
 +
line-height:36px;
 +
text-align:center;
 +
vertical-align:middle;
 +
color:#777777;
 +
font-size:12px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
 +
 +
 +
 +
 
</style>
 
</style>
−
</head>
+
</head>
 +
<body>
 +
 
  
−
<body>
+
<div id="nav">
−
<div class="">
+
<!---------------------------------------------------------------------------->
−
<div class="title">
+
<!----------------------banner----------------------------------------------->
−
<h>
+
<div id="banner">  
−
  WELCOME TO AHUT-CHINA 2016
+
 
−
</h>
+
<div id="menu">
 +
<ul class="nav-menu clearfix unstyled">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a>
 +
    <ul class="clearfix unstyled drop-menu">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
 +
 
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Menbers</span><span class="back">Menbers</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructions</span><span class="back">Instructions</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
 +
    </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protools</span><span class="back">Protools</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li>
 +
    </ul>
 +
 
 +
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
      <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Society" class="three-d";href="#Society">Society <span class="three-d-box"><span class="front">Society</span><span class="back">Society</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#New Power" class="three-d";href="#New Power">New Power<span class="three-d-box"><span class="front">New Power</span><span class="back">New Power</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Qestionnaire" class="three-d";href="#Qestionnaire">Qestionnaire<span class="three-d-box"><span class="front">Qestionnaire</span><span class="back">Qestionnaire</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#MOOC" class="three-d";href="#MOOC">MOOC<span class="three-d-box"><span class="front"> MOOC</span><span class="back">MOOC</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP#Art" class="three-d";href="#Art">Art<span class="three-d-box"><span class="front"> Art</span><span class="back">Art</span></span> </a></li>
 +
    </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d active">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 +
 
 +
  </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="name">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a5/AHUT_CHINA_igem_2016_logo.png" width="250" height="250" border="0" alt="">
 +
<p>Biocompass 2.0</p>
 +
 
 +
</div>
 +
<a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
 
</div>
 
</div>
  
−
<div class="logo">
 
−
<img width="100px" height="100px" src="https://static.igem.org/mediawiki/2016/a/a9/AHUT-LOGO.jpg">
 
 
</div>
 
</div>
  
−
<div class="content">
+
 
−
<p>  
+
<div id="content">
−
Our team has chosen to continue our 2014 project of BIO-COMPASS after discussing its meaning and feasibility as well as comparing with other projects. Firstly, we firmly believe that the project of 2014 was quite potential and could be further researched and developed so as to bring more real benefits to human beings. Besides, our initial plan of using paclitaxel to cure diseases like cancer is not practical enough， thus needs to be further improved. Finally, our team is always ready for delving into a wonderful subject and pursuing the better or perfection, and continuing our 2014 project of BIO-COMPASS serves as a great option to achieve this purpose.</p>
+
<div id ="con_inner">
−
<p>Our project aims to build a new available bio-navigational system in which the map information will be coded in DNA strands with correlative biochemical reactions. The bio-navigational database builds up the relationship between biochemical operation instructions and traditional navigation instructions. In order to improve work efficiency, BIO-COMPASS 2.0 is designed to screen out and optimize the conditions of reaction according to road conditional filtering. Therefore, we attempt to renew the system based on our project in 2014 to adapt to the more complex path plans. As for this point, based on our previous pathway planning which includes design of sites and lines, we have further conducted deeper coding to lines. Also, the lines are used not only to complement corresponding nodes, but also encompass the information of length, node and specific identification. Through BIO-COMPASS 2.0, the shortest way to achieve the purpose of navigation will be obtained by using a variety of detection methods (such as electrophoresis , sequencing, etc).  
+
 
−
</p>
+
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%">Abstract of bio-compass</p>
 +
 
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5">   The aim of our project is to build a brand new bio-navigational system that can be used by the ordinary people. The map information will be coded in DNA strand and do corresponding biochemical operations. The bio-navigational database will establish the relationship between biochemical operation instructions and traditional navigation instructions. In order to reduce workload in advance， BIO-COMPASS can also screen reaction conditions according to the road conditions. Furthermore, we try to update the system to adapt to the more complex path plans. For this, we design some special enzyme sites which differ from standard bio-bricks’ as the function interfaces. For example, “Logic Gate” genetic device can be inserted in our system to help us solve the path plan which include a transfer station between the start and the destination. BIO-COMPASS will find the best solution by using a variety of detection methods such as electrophoresis and reporter gene.</p>
 +
 
 +
 
 
</div>
 
</div>
  
 
</div>
 
</div>
−
</body>
+
 +
 +
 +
 +
 
 +
<!---------------------banner_over---------------------------------------->
 +
 
 +
 
 +
 +
 
 +
 +
 
 +
 
 +
 +
 
 +
<div id="footer">
 +
  <div class="conent">
 +
    <!--<div id="im_logo_link">
 +
      <ul>
 +
        <li id="twitter"><a href=""></a></li>
 +
        <li id="youtube"><a href=""></a></li>
 +
        <li id="webchat"><a href=""></a></li>
 +
        <li id="qq"><a href=""></a></li>
 +
      </ul>
 +
    </div>
 +
    <div style="height:1px;">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 +
    </div>-->
 +
    <ul id="foot_list">
 +
      <li id="team">
 +
        <ul>
 +
          <li>TEAM</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Members">Members</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Instructors">Instructors</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Attributions">Attributions</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Acknowledgement">Acknowledgement</a></li>
 +
        </ul>
 +
      </li>
 +
      <li id="project">
 +
        <ul>
 +
          <li>PROJECT</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Pathway and Design">Pathway and Design</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Result">Result</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Future">Future Work</a></li>
 +
        </ul>
 +
      </li>
 +
      <li id="parts">
 +
        <ul>
 +
          <li>PARTS</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Biobrick">Biobrick</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Protools">Protools</a></li>
 +
        </ul>
 +
      </li>
 +
      <li id="human_p">
 +
        <ul>
 +
          <li>HUMAN <br>PRACTICES</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Society">Society</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#NewPower">New Power</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Questionnaire">Questionnaire</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#MOOC">MOOC</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Art">Art</a></li>
 +
        </ul>
 +
      </li>
 +
      <li id="safety">
 +
        <ul>
 +
          <li>SAFETY</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/Safety">Safety</a></li>
 +
        </ul>
 +
      </li>
 +
      <li id="notebook">
 +
        <ul>
 +
          <li>NOTEBOOK</li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Notebook">Notebook</a></li>
 +
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Lab Pictures">Lab Pictures</a></li>
 +
        </ul>
 +
      </li>
 +
    </ul>
 +
    <div id="foot_igem">
 +
      <a href="https://2016.igem.org/Main_Page"></a>
 +
    </div>
 +
    <div style="clear:both;">
 +
      <img src="./Team_AHUT China_team - 2015.igem.org_files/AHUT_CHINA_2015_index_foot_line_gray.jpg" width="960" height="3" alt="">
 +
    </div>
 +
    <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
 +
  </div>
 +
</div>
 +
 
 +
<p></p>
 +
</div> <div class="visualClear"></div>
 +
    </div>
 +
</div>
 +
    </div>
 +
 
 +
<!----------------------------------------------------------------------------------------------->
 +
</div>
 +
 
 +
 
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 10:14, 12 October 2016

Document