Team:SCUT-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HTML>
  <HEAD>
  <HEAD>
-
  <script src="jQuery.js"></script>
+
  <TITLE> China-Home </TITLE>
 +
  <META name="Generator" content="EditPlus">
 +
  <META name="Author" content="">
 +
  <META name="Keywords" content="">
 +
  <META name="Description" content="">
 +
  <script src="jQuery.js"></script>
   <style type="text/css">
   <style type="text/css">
 +
/* hiding the top section*/
/* hiding the top section*/
body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background:transparent;}
body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background:transparent;}
Line 132: Line 139:
-
   #header{position:absolute;top:2px;left:0px;width:100%;height:68px;background-color:green;z-index:1000;border:1px solid black;}
+
   #header{position:absolute;top:0px;left:0px;width:100%;height:80px;z-index:1000;text-align:center;}
-
   .menubar{position:absolute;top:0px;left:10%;width:80%;height:68px;font-family:微软雅黑;text-align:center;z-index:1000;color:white;}
+
  #header img{width:100%;height:auto;}
 +
  #top{position:absolute;top:80px;left:0px;width:100%;height:48px;z-index:1000;}
 +
  #top img{position:absolute;left:-1px;width:100%;height:48px;}
 +
   .menubar{position:absolute;top:0px;width:100%;width:100%;height:48px;font-size:20px;font-family:Calibri;text-align:center;z-index:1000;color:white;}
   .menubar a{text-decoration:none;opacity:1;color:white;}
   .menubar a{text-decoration:none;opacity:1;color:white;}
   .menubar a:hover{text-decoration:underline;}
   .menubar a:hover{text-decoration:underline;}
-
   .menubar ul{list-style:none;margin-top:25px;margin-left:102px;}
+
   .menubar ul{list-style:none;margin-top:0px;}
-
   .menubar ul > li{float:left;width:120px;line-height:20px;cursor:pointer; }
+
   .menubar ul > li{float:left;width:150px;cursor:pointer;line-height:48px;height:48px;}
-
   .menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;margin-top:28px;}
+
   .menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;}
   .menubar ul > li:hover > ul{display:block;}
   .menubar ul > li:hover > ul{display:block;}
-
   .menubar ul > li > ul > li{margin-left:-70px;margin-top:2px;width:160px;line-height:40px;background-color:white;color:black;}
+
   .menubar ul > li > ul > li{margin-left:-50px;width:160px;line-height:40px;background-color:white;color:black;}
 +
  .menubar ul > li > ul > li:hover{opacity:0.8;}
    
    
-
   .slides{position:absolute;top:70px;left:0px;width:100%;height:auto;overflow:hidden;background-color:transparent;padding:0;margin:0;z-index:500;}
+
   .slides{position:absolute;top:2px;left:0px;width:100%;height:auto;overflow:hidden;background-color:transparent;padding:0;margin:0;z-index:500;}
   .slide-pic{margin-top:0px;width:100%;height:auto;overflow:hidden;padding:0;}
   .slide-pic{margin-top:0px;width:100%;height:auto;overflow:hidden;padding:0;}
   .slide-pic img{width:100%;height:auto;}
   .slide-pic img{width:100%;height:auto;}
Line 152: Line 163:
-
   #subject{position:absolute;top:615px;left:0px;width:100%;height:220px;overflow:hidden;}
+
   #subject{position:absolute;top:550px;left:0px;width:100%;height:220px;overflow:hidden;}
   .sub{width:333px;height:220px;float:left;margin-left:3px;}
   .sub{width:333px;height:220px;float:left;margin-left:3px;}
   .sub img{position:absolute;width:333px;height:auto;z-index:500;}
   .sub img{position:absolute;width:333px;height:auto;z-index:500;}
Line 161: Line 172:
   .co1{}
   .co1{}
-
   #footer{position:absolute;width:100%;height:100px;left:0px;top:837px;background-color:#00c67d;}
+
   #footer{position:absolute;width:100%;height:100px;left:0px;top:770px;}
 +
  #footer img{width:100%;height:auto;}
   </style>
   </style>
  </HEAD>
  </HEAD>
  <BODY>
  <BODY>
-
 
  <div id="header">
  <div id="header">
 +
<img src="home/header.png">
 +
</div>
 +
<div id="top">
 +
<img src="home/menubar.png">
<div class="menubar">
<div class="menubar">
<ul>
<ul>
-
<li style="width:100px;">Home</li>
+
<li style="margin-left:109px;">Home</li>
-
<li style="width:100px;">Team
+
<li>Team
<ul style="height:120px;">
<ul style="height:120px;">
<li>Members</li>
<li>Members</li>
Line 178: Line 193:
</ul>
</ul>
</li>
</li>
-
<li style="width:110px;">Project
+
<li>Project
<ul >
<ul >
<li>Overview</li>
<li>Overview</li>
Line 187: Line 202:
</ul>
</ul>
</li>
</li>
-
<li style="width:110px;">Model
+
<li>Model
<ul style="height:80px;">
<ul style="height:80px;">
<li>Parts</li>
<li>Parts</li>
Line 199: Line 214:
</ul>
</ul>
</li>
</li>
-
<li style="width:150px;text-align:center;margin-left:15px;">Human practice
+
<li>Human practice
-
<ul style="height:160px;margin-left:-10px;">
+
<ul>
<li >Survey</li>
<li >Survey</li>
<li>Visit and interview</li>
<li>Visit and interview</li>
Line 207: Line 222:
</ul>
</ul>
</li>
</li>
-
<li style="text-align:;width:110px;">Safety</li>
+
<li>Safety</li>
</ul>
</ul>
</div>
</div>
Line 214: Line 229:
<div class="slides">
<div class="slides">
<ul class="slide-pic">
<ul class="slide-pic">
-
<li class="cur"><img alt="" src="https://static.igem.org/mediawiki/2014/b/b0/Shome9.jpg" /></li>
+
<li class="cur"><img alt="" src="home/show1.jpg" /></li>
-
<li><img alt="" src="https://static.igem.org/mediawiki/2014/6/6e/Shome8.jpg" /></li>               
+
<li><img alt="" src="home/show2.jpg" /></li>               
-
<li><img alt="" src="https://static.igem.org/mediawiki/2014/c/ce/Shome7.jpg" /></li>                   
+
<li><img alt="" src="home/show3.jpg" /></li>                   
-
<li><img alt="" src="https://static.igem.org/mediawiki/2014/3/38/Shome6.jpg" /></li>  
+
<li><img alt="" src="home/show4.jPG" /></li>   
 +
<li><img alt="" src="home/show5.jPG" /></li>  
</ul>
</ul>
<ul class="slide-li">
<ul class="slide-li">
 +
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
Line 268: Line 285:
<div id="subject">
<div id="subject">
-
<div class="sub sub1">
+
<div class="sub sub1" style="margin-left:0px;">
-
<img src="hp/sub1.jpg">
+
<img src="home/sub1.jpg">
<div class="cover co1">
<div class="cover co1">
</div>
</div>
</div>
</div>
<div class="sub sub2">
<div class="sub sub2">
-
<img src="hp/sub1.jpg">
+
<img src="home/sub1.jpg">
<div class="cover co2">
<div class="cover co2">
</div>
</div>
</div>
</div>
<div class="sub sub3">
<div class="sub sub3">
-
<img src="hp/sub1.jpg">
+
<img src="home/sub1.jpg">
<div class="cover co3">
<div class="cover co3">
</div>
</div>
</div>
</div>
<div class="sub sub4">
<div class="sub sub4">
-
<img src="hp/sub1.jpg">
+
<img src="home/sub1.jpg">
<div class="cover co4">
<div class="cover co4">
</div>
</div>
Line 303: Line 320:
<div id="footer">
<div id="footer">
 +
<img src="home/bottom.jpg">
</div>
</div>
    
    
  </BODY>
  </BODY>
</HTML>
</HTML>

Revision as of 08:39, 6 October 2014

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> China-Home

  • Home
  • Team
    • Members
    • Notebook
    • Attributions
  • Project
    • Overview
    • Background
    • Design
    • Results
    • Future work
  • Model
    • Parts
    • Juding
  • Data Page
    • Overview
    • Biology
  • Human practice
    • Survey
    • Visit and interview
    • Practical analysis
    • Team communication
  • Safety

Retrieved from "http://2014.igem.org/Team:SCUT-China"