Difference between revisions of "Team:HZAU-China"

 
(55 intermediate revisions by one other user not shown)
Line 4: Line 4:
 
<html>
 
<html>
 
<head>
 
<head>
−
 
+
<meta charset="UTF-8">
 
<style>
 
<style>
 
body{
 
body{
Line 17: Line 17:
 
position: absolute;
 
position: absolute;
 
top:50px; left:0; right: 0;
 
top:50px; left:0; right: 0;
 +
width:1366px;
 
}
 
}
 
.head{
 
.head{
Line 29: Line 30:
 
position: absolute;
 
position: absolute;
 
top: 500px;
 
top: 500px;
−
left:100px;
+
left:150px;
−
}
+
−
#box1{
+
−
position: absolute;
+
−
top: 620px;
+
−
left: 300px;
+
 
}
 
}
 +
 
#picture2{
 
#picture2{
 
position: absolute;
 
position: absolute;
−
top: 730px;
+
top: 850px;
−
right:90px;
+
right:160px;
−
}
+
−
#box2{
+
−
position: absolute;
+
−
top: 810px;
+
−
right: 430px;
+
 
}
 
}
 +
 
#picture3{
 
#picture3{
 
position: absolute;
 
position: absolute;
−
top: 1030px;
+
top: 1200px;
−
left:250px;
+
left:300px;
−
}
+
−
#box3{
+
−
position: absolute;
+
−
top: 1030px;
+
−
left: 580px;
+
−
   
+
 
}
 
}
 +
 
#video{
 
#video{
 
position: absolute;
 
position: absolute;
−
top:1210px;
+
top:1420px;
 
z-index: -1;
 
z-index: -1;
−
left: 110px;
+
left: 58px;
 
}
 
}
 
.biopafiar_video{
 
.biopafiar_video{
 
position:absolute;
 
position:absolute;
−
top:1460px;
+
top:1690px;
−
left: 220px;
+
left: 125px;
 
}
 
}
 
.lines{
 
.lines{
 
position:absolute;
 
position:absolute;
−
top:2000px;
+
top:2230px;
 
width: 1366px;
 
width: 1366px;
 
}
 
}
−
 
+
#uplines{
 +
position: absolute;
 +
top:70px;
 +
left: 920px;
 +
}
 +
.uplines{
 +
    width: 60px;
 +
        display: block;
 +
        transition: 0.4s ;
 +
}
 +
.uplines:hover{
 +
transform: scale(1.1);
 +
}
 +
.sublines{
 +
width: 150px;
 +
        display: block;
 +
        transition: 0.4s ;
 +
}
 +
.sublines:hover{
 +
transform: scale(1.1);
 +
}
 
#wetlab{
 
#wetlab{
 
position:absolute;
 
position:absolute;
−
top:150px;
+
top:200px;
 
left: 300px;
 
left: 300px;
 
}
 
}
 
#drylab{
 
#drylab{
 
position:absolute;
 
position:absolute;
−
top:150px;
+
top:200px;
 
left: 600px;
 
left: 600px;
 
}
 
}
 
#hp{
 
#hp{
 
position:absolute;
 
position:absolute;
−
top:150px;
+
top:200px;
 
left:900px;
 
left:900px;
−
}
 
−
.footer{
 
−
position: absolute;
 
−
top:2500px;
 
−
}
 
−
#logo-tune{
 
−
position: absolute;
 
−
top:2430px;
 
−
z-index: -1;
 
−
}
 
−
#logo-HZAU{
 
−
position: absolute;
 
−
top:230px;
 
−
left: 600px;
 
−
}
 
−
#logo-xx{
 
−
position: absolute;
 
−
top:235px;
 
−
left: 950px;
 
−
}
 
−
#logo-bio{
 
−
position: absolute;
 
−
top:330px;
 
−
left: 750px;
 
−
}
 
−
#logo-ny{
 
−
position: absolute;
 
−
top:400px;
 
−
left: 600px;
 
−
}
 
−
#logo-yl{
 
−
position: absolute;
 
−
top:400px;
 
−
left: 950px;
 
 
}
 
}
  
−
#logo-gx{
 
−
position: absolute;
 
−
top:465px;
 
−
left: 750px;
 
−
}
 
−
#logo-f{
 
−
position: absolute;
 
−
top:480px;
 
−
left:300px ;
 
−
width: 30px;
 
−
}
 
−
#logo-t{
 
−
position: absolute;
 
−
top:480px;
 
−
left:350px ;
 
−
width: 30px;
 
−
}
 
  
−
#logo-hzaulogo{
+
 
−
position: absolute;
+
 
−
top:480px;
+
−
left: 25px;
+
−
height: 40px;
+
−
}
+
 
.carousel-control img{
 
.carousel-control img{
 
padding:210px 0 0 0;
 
padding:210px 0 0 0;
Line 157: Line 110:
 
     font-size: 1em;
 
     font-size: 1em;
 
     position: absolute;
 
     position: absolute;
−
top:2500px;
+
top:2750px;
−
}
+
font: times;
−
.left_related{
+
        z-index:-1;
−
    position:absolute;
+
     
−
    top: 520px;
+
−
    left:10px;
+
−
    width: 600px;
+
−
    font-size: 0.5em;
+
−
    color:#747373
+
−
}
+
−
.contacts_left {
+
−
    position:absolute;
+
−
    width: 100px;
+
−
    left:430px;
+
−
    top:180px;
+
−
    font-size: 0.75em;
+
−
}
+
−
.contacts_right {
+
−
    position:absolute;
+
−
    left: 40px;
+
−
    top: 170px;
+
−
    width:300px;
+
−
    font-size: 1.5em;
+
−
}
+
−
.contacts_head{
+
−
    position:absolute;
+
−
    top:100px;
+
−
    left:20px;
+
−
    font-size: 2em;
+
−
    color:white;
+
 
}
 
}
  
  
 +
ul
 +
  {
 +
  list-style:none;
 +
  }
 
</style>
 
</style>
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
Line 207: Line 138:
  
 
<div class="wow fadeInLeft" id="picture1">
 
<div class="wow fadeInLeft" id="picture1">
−
<img src="https://static.igem.org/mediawiki/2016/9/94/T--HZAU-China--pic1.png" />
+
<img src="https://static.igem.org/mediawiki/2016/8/8e/T--HZAU-China--1.png" />
−
</div>
+
−
<div class="wow fadeInRight" id="box1">
+
−
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--HZAU-China--box1.png" />
+
 
</div>
 
</div>
 +
 
<div class="wow fadeIn" id="picture2">
 
<div class="wow fadeIn" id="picture2">
−
<img src="https://static.igem.org/mediawiki/2016/b/b5/T--HZAU-China--pic2.png" />
+
<img src="https://static.igem.org/mediawiki/2016/a/a4/T--HZAU-China--ppic2.png" />
−
</div>
+
−
<div class="wow fadeInRight" id="box2">
+
−
<img src="https://static.igem.org/mediawiki/2016/b/bf/T--HZAU-China--box2.png" />
+
 
</div>
 
</div>
 +
 
<div class="wow fadeInRight" id="picture3">
 
<div class="wow fadeInRight" id="picture3">
−
<img src="https://static.igem.org/mediawiki/2016/e/ec/T--HZAU-China--pic3.png" />
+
<img src="https://static.igem.org/mediawiki/2016/a/af/T--HZAU-China--3.png" />
 
</div>
 
</div>
−
<div class="wow fadeInRight" id="box3">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--HZAU-China--box3.png" />
+
−
</div>
+
−
 
+
 
<div id="video">
 
<div id="video">
−
<img src="https://static.igem.org/mediawiki/2016/9/96/T--HZAU-China--vbox3.png" />
+
<img src="https://static.igem.org/mediawiki/2016/d/d1/T--HZAU-China--vbox5.png" />
 
</div>
 
</div>
 
<div class="biopafiar_video">
 
<div class="biopafiar_video">
−
<video src="https://static.igem.org/mediawiki/2016/d/db/T--HZAU-China--biopafiar_video.mp4" width="800px" controls="controls"/>
+
<video src="https://static.igem.org/mediawiki/2016/d/db/T--HZAU-China--biopafiar_video.mp4" width="750px" controls="controls"/>
 
     </div>
 
     </div>
 
<div class="lines">
 
<div class="lines">
−
<a href="https://2016.igem.org/Team:HZAU-China/Description"><img src="https://static.igem.org/mediawiki/2016/8/80/T--HZAU-China--view.png" /></a>
+
<a href="https://2016.igem.org/Team:HZAU-China/Description"><img src="https://static.igem.org/mediawiki/2016/8/80/T--HZAU-China--view.png" /></a>
−
<a href="https://2016.igem.org/Team:HZAU-China/Description"><img src="https://static.igem.org/mediawiki/2016/8/89/T--HZAU-China--go.png" id="lines-go"/></a>
+
<a href="https://2016.igem.org/Team:HZAU-China/Description"><img class="uplines" id="uplines" src="https://static.igem.org/mediawiki/2016/8/89/T--HZAU-China--go.png" id="lines-go"/></a>
−
<a href="https://2016.igem.org/Team:HZAU-China/Measurement"><img src="https://static.igem.org/mediawiki/igem.org/5/5f/T--HZAU-wetlab.gif" id="wetlab"></a>
+
<a href="https://2016.igem.org/Team:HZAU-China/Measurement"><img class="sublines" src="https://static.igem.org/mediawiki/2016/7/71/T--HZAU-China--button_1.png" id="wetlab"></a>
−
<a href="https://2016.igem.org/Team:HZAU-China/Model"><img src="https://static.igem.org/mediawiki/igem.org/f/f7/T--HZAU-China--drylab.gif" id="drylab"></a>
+
<a href="https://2016.igem.org/Team:HZAU-China/Model"><img class="sublines" src="https://static.igem.org/mediawiki/2016/3/30/T--HZAU-China--button_2.png" id="drylab"></a>
−
<a href="https://2016.igem.org/Team:HZAU-China/Collaborations"><img src="https://static.igem.org/mediawiki/igem.org/2/28/T--HZAU-China--hp.gif" id="hp"></a>
+
<a href="https://2016.igem.org/Team:HZAU-China/Collaborations"><img class="sublines" src="https://static.igem.org/mediawiki/2016/d/d7/T--HZAU-China--button_3.png" id="hp"></a>
 
</div>
 
</div>
  
−
<div class="footer">
+
 
−
<img src="https://static.igem.org/mediawiki/2016/9/92/T--HZAU-China--tune.png" / >
+
−
<img src="https://static.igem.org/mediawiki/2016/8/80/T--HZAU-China--hzau.png" id="logo-HZAU"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/f/fc/T--HZAU-China--bio.png" id="logo-bio"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/c/cf/T--HZAU-China--ny.png" id="logo-ny"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/2/25/T--HZAU-China--yl.png" id="logo-yl"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/3/34/T--HZAU-China--xx.png" id="logo-xx"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/d/d9/T--HZAU-China--gx.png" id="logo-gx"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/8/85/T--HZAU-China--hzaulogo.png" id="logo-hzaulogo"/>
+
−
<a href="https://twitter.com/hzau_igem"><img src="https://static.igem.org/mediawiki/2016/2/26/T--HZAU-China--t.png" id="logo-t"/></a>
+
−
        <a href=""><img src="https://static.igem.org/mediawiki/2016/9/9e/T--HZAU-China--f.png" id="logo-f"/></a>   
+
−
       
+
−
      </div>
+
 
 
 
<div class="related">   
 
<div class="related">   
−
<div class="left_related">
+
−
              <p></br>&#169; 2015 Huazhong Agricultural University iGEM Team.All rights reserved.</p>
+
 
−
              </div>
+
                      <img src="https://static.igem.org/mediawiki/2016/b/bf/T--HZAU-China--eeee.png" />
−
    <h1 class="contacts_head">Contacts</h1>    
+
                   
−
     <div class="contacts_right">
+
                   
−
                  <ul>
+
     </div>
−
             
+
               
−
                      <li class="wechat-inf">Wechat : hzauigem</li>
+
   
−
                      <li class="qq-inf">QQ Group : 313297095</li>
+
         
−
                      <li class="email_inf">Email: hzauigem@gmail.com</li>
+
       
−
                </ul>
+
 
      
 
      
−
</div>
 
−
</div>
 
−
           
 
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:23, 19 October 2016