Difference between revisions of "Team:HZAU-China"

(Blanked the page)
Line 1: Line 1:
 +
<head>
 +
<style>
 +
div{
 +
width:1920px;
 +
margin:auto;
 +
position: absolute;
 +
top:0; left:0; right: 0;
 +
}
 +
.head{
 +
position: absolute;
 +
top:53px;
 +
}
 +
#header{
 +
position: absolute;
 +
top:50px;
 +
left:700px;
 +
font-size:50px;
 +
color:white;
 +
}
 +
#image-scjh{
 +
position:absolute;
 +
top:100px;
 +
left:450px;
 +
}
 +
#slideshow-wrapper{
 +
position: absolute;
 +
top:570px;
 +
}
 +
.item{
 +
padding:0 448px 0 448px;
 +
}
 +
.question{
 +
position: absolute;
 +
top:1122px;
  
 +
}
 +
 +
.footer{
 +
position: absolute;
 +
top:1000px;
 +
}
 +
.carousel-control img{
 +
padding:99px 0 0 0;
 +
}
 +
.footer-logo{
 +
position: absolute;
 +
top:600px;
 +
right: 100px;
 +
}
 +
</style>
 +
<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>
 +
 +
 +
<div class = "head">
 +
<img class = "blackground-image" src = "img/blackground-image.png" width="1920px" height="450px"/>
 +
<h1 id = "header">2016 iGEM-Chine</h1>
 +
<div id = "image-scjh">
 +
<img src = "img/scjh.png" width="1000px" height="550px"/>
 +
</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="200px">
 +
<div class="item active" height="200px">
 +
<img src="img/中间背景.png" alt="First slide" height="200px">
 +
</div>
 +
<div class="item">
 +
<img src="img/中间背景.png">
 +
</div>
 +
<div class="item">
 +
<img src="img/中间背景.png" alt="Third slide">
 +
</div>
 +
</div>
 +
<!-- 轮播（Carousel）导航 -->
 +
<a class="carousel-control left" href="#myCarousel"  data-slide="prev"><img src = "img/小箭头（左）.png"/>&lsaquo;</a>
 +
<a class="carousel-control right" href="#myCarousel"  data-slide="next"><img src = "img/小箭头（右）.png"/>&rsaquo;</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="background-imge" src="img/底部.png" width="1920px"/ >
 +
<img class="footer-logo" src="img/3.png" />
 +
</div>

Revision as of 05:40, 3 October 2016

<head> <style> div{ width:1920px; margin:auto; position: absolute; top:0; left:0; right: 0; } .head{ position: absolute; top:53px; }

  1. header{

position: absolute; top:50px; left:700px; font-size:50px; color:white; }

  1. image-scjh{

position:absolute; top:100px; left:450px; }

  1. slideshow-wrapper{

position: absolute; top:570px; } .item{ padding:0 448px 0 448px; } .question{ position: absolute; top:1122px;

}

.footer{ position: absolute; top:1000px; } .carousel-control img{ padding:99px 0 0 0; } .footer-logo{ position: absolute; top:600px; right: 100px; } </style> <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>


<img class = "blackground-image" src = "img/blackground-image.png" width="1920px" height="450px"/>

2016 iGEM-Chine

<img src = "img/scjh.png" width="1000px" height="550px"/>

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

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

<img class="background-imge" src="img/底部.png" width="1920px"/ > <img class="footer-logo" src="img/3.png" />