Difference between revisions of "Team:HZAU-China"

 
(59 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;
−
left: 10px;
+
 
z-index: -1;
 
z-index: -1;
 +
left: 58px;
 
}
 
}
 
.biopafiar_video{
 
.biopafiar_video{
 
position:absolute;
 
position:absolute;
−
top:1480px;
+
top:1690px;
−
left: 40px;
+
left: 125px;
 
}
 
}
 
.lines{
 
.lines{
 
position:absolute;
 
position:absolute;
−
top:1970px;
+
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:100px;
+
top:200px;
−
left: 660px;
+
left: 300px;
 
}
 
}
 
#drylab{
 
#drylab{
 
position:absolute;
 
position:absolute;
−
top:150px;
+
top:200px;
−
right: 260px;
+
left: 600px;
 
}
 
}
 
#hp{
 
#hp{
 
position:absolute;
 
position:absolute;
−
top:50px;
+
top:200px;
−
right:70px;
+
left:900px;
−
}
+
−
.footer{
+
−
position: absolute;
+
−
top:2430px;
+
 
}
 
}
 +
 +
 +
 +
 
.carousel-control img{
 
.carousel-control img{
 
padding:210px 0 0 0;
 
padding:210px 0 0 0;
Line 98: Line 107:
  
 
.related{
 
.related{
−
color: #fff;
+
    color: #fff;
−
font-size: 1em;
+
    font-size: 1em;
−
}
+
     position: absolute;
−
.left_related{
+
top:2750px;
−
     position:absolute;
+
font: times;
−
    top: 150px;
+
        z-index:-1;
−
    left:100px;
+
     
−
}
+
−
.contacts_left {
+
−
    position:absolute;
+
−
    width: 100px;
+
−
    left:430px;
+
−
    top:180px;
+
−
    font-size: 0.75em;
+
−
}
+
−
.contacts_right {
+
−
    position:absolute;
+
−
    right: 200px;
+
−
    top: 180px;
+
−
    width:300px;
+
−
    font-size: 0.75em;
+
−
}
+
−
.contacts_head{
+
−
    position:absolute;
+
−
    top:100px;
+
−
    left:550px;
+
−
    font-size: 1.2em;
+
 
}
 
}
  
  
 +
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 145: 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/f/f6/T--HZAU-China--vbox.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" height="380px" 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">
−
<img src="https://static.igem.org/mediawiki/2016/8/80/T--HZAU-China--lines.png" />
+
<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/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/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/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/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/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/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 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"/ >
+
−
+
<div class="related">  
−
               
+
−
           
+
 
−
</div>
+
                      <img src="https://static.igem.org/mediawiki/2016/b/bf/T--HZAU-China--eeee.png" />
 +
                   
 +
                   
 +
    </div>
 +
               
 +
   
 +
         
 +
       
 +
   
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:23, 19 October 2016