|
|
| Line 1: |
Line 1: |
| − | {{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;
| |
| − | position: absolute;
| |
| − | top: 135px;
| |
| − | }
| |
| − | #header{
| |
| − | position: absolute;
| |
| − | top:169px;
| |
| − | left:410px;
| |
| − | font-size:50px;
| |
| − | color:white;
| |
| − | }
| |
| − | #image-scjh{
| |
| − | position:absolute;
| |
| − | top:213px;
| |
| − | left:184px;
| |
| − | width:1016px;
| |
| − | }
| |
| − | #slideshow-wrapper{
| |
| − | position: absolute;
| |
| − | top:943px;
| |
| − | }
| |
| − | .item{
| |
| − | padding:0 0px 0 0px;
| |
| − | }
| |
| − | .item img{
| |
| − | width:1200px;
| |
| − | height:566px;
| |
| − | }
| |
| − | .question{
| |
| − | position: absolute;
| |
| − | top:1588px;
| |
| − | height: 267px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .footer{
| |
| − | position: absolute;
| |
| − | top:1859px;
| |
| − | }
| |
| − | .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 = "blackground-image" src = "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 = "img/素材合集空背景.png" width="845px" 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="img/中间背景.png" alt="First slide">
| |
| − | </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" 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="background-imge" src="img/底部.png" width="1200px" height="326px"/ >
| |
| − | <img class="img-logo" src="img/hzau logo.png" width="320px" />
| |
| − | <img class="footer-logo" src="img/3.png" width="250px" height="250px"/>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
