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:03, 2 October 2016

<!DOCTYPE html> 2016HZAU-China

2016 iGEM-China

ARE YOU INTERESTED IN OUR PROJECT AND HURRYING TO SEE OUR ACHIEVEMENTS?

We apply for gold medal,Best Information Processing Project,Best.....