Difference between revisions of "Team:HZAU-China"

(Replaced content with "{{HZAU-China}}")
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
<!DOCTYPE html>
 
<html>
 
<head>
 
<meta charset="UTF-8">
 
<meta name="X-UA-Compatible" content="IE=edge"/>
 
<meta name="viewport" content="width=device-width,initial-scale=1"/>
 
<title>2016HZAU-China</title>
 
<style>
 
 
div{
 
width:1200px;
 
margin:auto;
 
position: absolute;
 
top:0; left:0; right: 0;
 
}
 
.blackground-image{
 
width=1200px;height: 638px;
 
}
 
#header{
 
position: absolute;
 
top:34px;
 
left:410px;
 
font-size:50px;
 
color:white;
 
}
 
#image-scjh{
 
position:absolute;
 
top:78px;
 
left:184px;
 
width:1016px;
 
}
 
#slideshow-wrapper{
 
position: absolute;
 
top:808px;
 
}
 
.item{
 
padding:0 0px 0 0px;
 
}
 
.item img{
 
width:1200px;
 
height:566px;
 
}
 
.question{
 
position: absolute;
 
top:1453px;
 
height: 267px;
 
 
}
 
 
.footer{
 
position: absolute;
 
top:1724px;
 
}
 
.carousel-control img{
 
padding:210px 0 0 0;
 
}
 
.footer-logo{
 
position: absolute;
 
top:70px;
 
right:40px;
 
}
 
.img-logo{
 
position: absolute;
 
top: 45px;
 
left: 70px;
 
}
 
 
 
 
</style>
 
 
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
 
<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="UTF-8"></script>
 
<script src="bootstrap/js/bootstrap.mini.js" type="text/javascript" charset="UTF-8"></script>
 
<!--引用-->
 
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
 
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
</head>
 
 
 
 
<body>
 
<div class = "head">
 
<img class = "https://static.igem.org/mediawiki/2016/7/73/T--HZAU-China--background_webbackground.png" width="1200px" height="450px"/>
 
<h1 id = "header">2016 iGEM-China</h1>
 
<div id = "image-scjh">
 
<img src = "https://static.igem.org/mediawiki/2016/0/01/T--HZAU-China--inter_background.png" height="749px"/>
 
</div>
 
</div>
 
 
<div id="slideshow-wrapper">
 
<div id="myCarousel" class="carousel slide">
 
<!-- 轮播(Carousel)指标 -->
 
<ol class="carousel-indicators">
 
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
<li data-target="#myCarousel" data-slide-to="1"></li>
 
<li data-target="#myCarousel" data-slide-to="2"></li>
 
</ol> 
 
<!-- 轮播(Carousel)项目 -->
 
<div class="carousel-inner" height="645px">
 
<div class="item active" height="200px">
 
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--HZAU-China--background_element_middle_background.png" alt="First slide">
 
</div>
 
<div class="item">
 
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--HZAU-China--background_element_middle_background.png.png">
 
</div>
 
<div class="item">
 
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--HZAU-China--background_element_middle_background.png" alt="Third slide">
 
</div>
 
</div>
 
<!-- 轮播(Carousel)导航 -->
 
<a class="carousel-control left" href="#myCarousel"  data-slide="prev"><img src = "img/小箭头(左).png" width="200px" /></a>
 
<a class="carousel-control right" href="#myCarousel"  data-slide="next"><img src = "img/小箭头(右).png" width="200px"/></a>
 
</div>
 
</div>
 
 
<div class="question">
 
<h1>ARE YOU INTERESTED IN OUR PROJECT AND HURRYING TO SEE OUR ACHIEVEMENTS?</h1>
 
<h3>We apply for gold medal,Best Information Processing Project,Best.....</h3>
 
</div>
 
 
<div class="footer">
 
<img class="https://static.igem.org/mediawiki/2016/a/a2/T--HZAU-China--background_bottom.png" width="1200px" height="326px"/ >
 
<img class="img-logo" src="img/hzau logo.png" width="320px" />
 
<img class="https://static.igem.org/mediawiki/2016/5/53/T--HZAU-China--background_element3.png" src="img/3.png" width="250px" height="250px"/>
 
</div>
 
 
 
 
</body>
 
</html>
 

Revision as of 15:05, 2 October 2016