Difference between revisions of "Team:AHUT China"

Line 1: Line 1:
 
{{:Team:AHUT_China/CSS_reset}}
 
{{:Team:AHUT_China/CSS_reset}}
−
<html lang="en">
+
<html>
−
<head>
+
<title>Home page</title>
−
  <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;}
 
−
 
−
#nav{margin:0px auto;width:100%;}
 
  
−
/*---------------------------------daohang------------------------------*/
+
/*---------------------------------menu------------------------------*/
−
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
+
#nav{margin:0px auto;width:100%}
 +
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:15%}
  
 
.nav-menu {
 
.nav-menu {
Line 22: Line 12:
 
/* background: #74adaa;*/
 
/* background: #74adaa;*/
 
width:950px;
 
width:950px;
−
margin: 50px auto 100px;
+
margin: 50px auto 150px;
 
}
 
}
 
.nav-menu > li {
 
.nav-menu > li {
Line 45: Line 35:
 
overflow: visible;
 
overflow: visible;
 
line-height: 20px;
 
line-height: 20px;
−
font-size: 1 rem;
+
font-size: 15px;
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
}
 
}
Line 192: Line 182:
  
 
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 
#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:0;margin-top:30%; position:relative;z-index:-100;}
−
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
+
#name p{font-size:6em;font-family:Segoe UI;font-weight:lighter;position:relative;line-height:1;margin-left:20%}
−
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:6rem}
+
#name img{margin-left:30%;margin-top:-150px}
−
#uptop > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
+
#uptop a > img{margin-top:-30px;margin-left:72%;position:fixed;}
 +
#uptop{margin-top:-50px;margin-left:72%;position:fixed;}
  
  
Line 201: Line 192:
  
  
 +
#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 279: Line 284:
 
height:118px;
 
height:118px;
 
display:block;
 
display:block;
−
background-image:url(https://static.igem.org/mediawiki/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2015/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/2016/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
 
}
 
}
 
#foot_copyright {
 
#foot_copyright {
  
−
margin-left:14%;
+
margin-left:30%;
 
clear:both;
 
clear:both;
 
width:960px;
 
width:960px;
Line 296: Line 301:
 
font-family:Arial, Helvetica, sans-serif;
 
font-family:Arial, Helvetica, sans-serif;
 
}
 
}
−
 
−
 
−
 
−
 
  
 
</style>
 
</style>
−
</head>
+
<div id="top" </div>
−
<body>
+
−
 
+
−
 
+
 
<div id="nav">
 
<div id="nav">
 
<!---------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------->
Line 313: Line 311:
 
<div id="menu">
 
<div id="menu">
 
<ul class="nav-menu clearfix unstyled">
 
<ul class="nav-menu clearfix unstyled">
−
<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"> 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>
+
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d active">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/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#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>
Line 372: Line 370:
 
       </ul>
 
       </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="250" height="250" border="0" alt="">
+
<img src="https://static.igem.org/mediawiki/2016/a/a5/AHUT_CHINA_igem_2016_logo.png" width="300" height="300">
−
<p>Biocompass 2.0</p>
+
<p>Bio-compass 2.0</p>
−
 
+
 
</div>
 
</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>  
+
<a id="uptop" href="#top"><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 516: Line 486:
 
</div>
 
</div>
  
−
 
−
 
−
</body>
 
 
</html>
 
</html>

Revision as of 10:22, 12 October 2016

Home page