Difference between revisions of "Team:AHUT China"

Line 1: Line 1:
 
{{:Team:AHUT_China/CSS_reset}}
 
{{:Team:AHUT_China/CSS_reset}}
−
<html>
+
<!doctype html>
−
<title>Home page</title>
+
<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>
 +
 
 
<style type="text/css">
 
<style type="text/css">
 +
*{margin：0px;padding:0px}
 +
body{margin:0px;}
 +
body{color:#000000;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
 +
#nav{margin:0px auto;width:100%;}
  
−
/*---------------------------------menu------------------------------*/
+
/*---------------------------------daohang------------------------------*/
−
#nav{margin:0px auto;width:100%}
+
#menu{height:80px;width:100%;background-color:#0066ff;z-index:11;position:absolute;margin:0px}
−
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:15%}
+
  
 
.nav-menu {
 
.nav-menu {
Line 35: Line 46:
 
overflow: visible;
 
overflow: visible;
 
line-height: 20px;
 
line-height: 20px;
−
font-size: 15px;
+
font-size: 4 rem;
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
}
 
}
Line 182: Line 193:
  
 
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
−
#name{color:#ffffff;margin-left:0;margin-top:30%; position:relative;z-index:-100;}
+
#name img{margin-left:18%;margin-top:-300px;position:absolute}
−
#name p{font-size:6em;font-family:Segoe UI;font-weight:lighter;position:relative;line-height:1;margin-left:20%}
+
#name{color:#ffffff;margin-left:30%;margin-top:40%; position:relative;z-index:-100;}
−
#name img{margin-left:30%;margin-top:-150px}
+
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%}
−
#uptop a > img{margin-top:-30px;margin-left:72%;position:fixed;}
+
#uptop > img{margin-top:-30px;margin-left:90%;position:fixed;}
−
#uptop{margin-top:-50px;margin-left:72%;position:fixed;}
+
  
  
Line 192: Line 202:
  
  
−
#abstract{background-color:rgba(0,0,0,0.6);width:100%;height:100px;padding:0px;margin-top:0px;margin:0px}
 
−
#abs_inner p{margin:0px;;padding-left:38%;font-size:5em;font-family:Segoe UI;font-weight:400;color:#ffffff;letter-spacing:0.1em}
 
−
#abstract {
 
−
margin-top: 1px;
 
−
border-top-style: dashed;
 
−
border-top-color: #CCCCCC;
 
−
margin-bottom: 1px;
 
−
border-bottom-style: dashed;
 
−
border-bottom-color: #CCCCCC;
 
−
 
−
 
−
 
−
}
 
−
 
−
 
−
#content{background-color:#0066ff;width:100%;height:600px;}
 
  
 +
#content{background-image:url("images/main/compass (3).png" );width:100%;height:600px;position:relative;}
 +
#con_inner{padding:10px}
  
  
Line 284: Line 280:
 
height:118px;
 
height:118px;
 
display:block;
 
display:block;
−
background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
 
}
 
}
 
#foot_igem > a:hover {
 
#foot_igem > a:hover {
−
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
 
}
 
}
 
#foot_copyright {
 
#foot_copyright {
  
−
margin-left:30%;
+
margin-left:14%;
 
clear:both;
 
clear:both;
 
width:960px;
 
width:960px;
Line 301: Line 297:
 
font-family:Arial, Helvetica, sans-serif;
 
font-family:Arial, Helvetica, sans-serif;
 
}
 
}
 +
 +
 +
 +
  
 
</style>
 
</style>
−
<div id="top" </div>
+
</head>
 +
<body>
 +
 
 +
 
 
<div id="nav">
 
<div id="nav">
 
<!---------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------->
Line 313: Line 316:
 
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d active"> 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" class="three-d active"> 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/Team" class="three-d">Team  <span class="three-d-box"><span class="front"> Team</span><span class="back"> Team</span></span> </a>
+
<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">
 
    <ul class="clearfix unstyled drop-menu">
−
        <li><a href="https://2016.igem.org/Team:AHUT_China/Team#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#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/Team#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/Team#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></l
+
         <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/Team#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>
+
         <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>
 
    </ul>
  
Line 325: Line 329:
 
         <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#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#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>
 
         <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>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Parts" class="three-d"> Parts <span class="three-d-box"><span class="front"> Parts</span><span class="back"> Parts</span></span> </a>
+
−
<ul class="clearfix unstyled drop-menu">
+
−
        <li><a href="https://2016.igem.org/Team:AHUT_China#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/Parts#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>
+
−
    </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>
 
<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>
Line 346: Line 349:
 
    </ul>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Safety" class="three-d"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span></a>
+
<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">
 
       <ul class="clearfix unstyled drop-menu">
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/Safety#Safety" class="three-d";href="#Safety"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span> </a></li>
+
         <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>
 
       </ul>
 
    
 
    
−
<li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook " class="three-d">NoteBook <span class="three-d-box"><span class="front">NoteBook</span><span class="back">NoteBook</span></span> </a>
+
<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>
−
<ul class="clearfix unstyled drop-menu">
+
      <ul class="clearfix unstyled drop-menu">
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#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/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#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>
+
     
−
    </ul>
+
      </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>
 
   </ul>
 +
  
  
 
<div id="name">
 
<div id="name">
−
<img src="https://static.igem.org/mediawiki/2016/a/a5/AHUT_CHINA_igem_2016_logo.png" width="300" height="300">
+
<img src="https://static.igem.org/mediawiki/2016/a/a5/AHUT_CHINA_igem_2016_logo.png" width="250" height="250" border="0" alt="">
−
<p>Bio-compass 2.0</p>
+
<p>Biocompass 2.0</p>
 +
 
 
</div>
 
</div>
−
<a id="uptop" href="#top"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
+
<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>
 
</div>
−
<div id="abstract">
+
 
−
<div id="abs_inner">
+
 
−
<p id="title">ABSTRACT</p>
+
−
</div>
+
−
</div>
+
 
<div id="content">
 
<div id="content">
−
<div id ="con_inner ">
+
<div id ="con_inner">
 +
 
 +
<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>
 +
 +
 +
 +
  
 
<!---------------------banner_over---------------------------------------->
 
<!---------------------banner_over---------------------------------------->
Line 474: Line 515:
 
</div>
 
</div>
  
 +
 +
 +
</body>
 
</html>
 
</html>

Revision as of 09:41, 12 October 2016

<!doctype html> Document