|
|
Line 1: |
Line 1: |
| + | {{XMU-China}} |
| <html> | | <html> |
| | | |
| <head> | | <head> |
| | | |
− | <meta charset="utf-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
− | <title>无标题文档</title>
| |
− | <title>Bootstrap 101 Template</title>
| |
− | <style type="text/css">/*get rid of the annoying iGEM style*/
| |
− | #content{padding:0;border:0;width:100%;}
| |
− | .firstHeading{visibility:hidden;}
| |
− | h2{border-bottom:none;padding-bottom:.5em;}
| |
− | .carousel-control.left, .carousel-control.right{background-image: none}
| |
− | /* to style the sidebar*/
| |
− | @media (min-width:1024px){
| |
− | #sidebar1{position:relative;top:120px;max-width:200px;}
| |
− | #sidebar2{display:none;}
| |
− | #nav-top{height:88px;}
| |
− | }
| |
− | @media (max-width: 1023px){
| |
− | #sidebar1{display:none;}
| |
− | #sidebar2{display:block;}
| |
− | }
| |
− | .back-to-top{z-index:9999;}
| |
− | ul.dropdown{margin-left: 0px; margin-top: 0px;}
| |
− | .classic-title span {
| |
− | position: absolute;
| |
− | margin-top: -30px;
| |
− | border-bottom-color: #00afd1;
| |
− | }
| |
− | .page-banner{
| |
− | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
| |
− | }
| |
− | #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}
| |
− | #top_menu_under{font-size: 12px;}
| |
− | #top_menu_14{font-size: 12px; height:18px}
| |
− | #top_menu_inside li{font-size: 12px;}
| |
− | #user_item{font-size: 12px;}
| |
− | </style>
| |
− |
| |
− | <style type="text/css">
| |
− | .carousel-inner{
| |
− | height:420px;
| |
− | background-color:#FFF;
| |
− | margin-bottom:10px;
| |
− | }
| |
− | .carousel-inner .item{
| |
− | height:420px;
| |
− | padding-bottom:10px;
| |
− | }
| |
− | .carousel-indicators{
| |
− | height:240px;
| |
− | }
| |
− | .carousel img{
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .row{
| |
− | background-color:#333;
| |
− | padding-left:10%;
| |
− | padding-right:10%;
| |
− | color:#FFF;
| |
− | height:237px;
| |
− | }
| |
− |
| |
− | #summary-container .col-md-2{
| |
− | text-align:center;
| |
− | padding:0;
| |
− |
| |
− | }
| |
− |
| |
− | hr.divider{
| |
− | margin:40px;
| |
− | }
| |
− | </style>
| |
− | <script type="text/javascript" src="jquery-3.1.0.min.js"></script>
| |
− | <link href="https://2016.igem.org/Template:XMU-China/css/BootstrapCss" type="text/css" rel="stylesheet" media="screen">
| |
− |
| |
− | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
| |
− | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| |
− |
| |
− | <script src="https://2016.igem.org/Template:XMU-China/css/BootstrapCss"></script>
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&ctype=text/css" type="text/css" media="screen">
| |
| </head> | | </head> |
| | | |
| <body> | | <body> |
− | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
| |
− | <ol class="carousel-indicators">
| |
− | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
| |
− | <li data-target="#carousel-example-generic" data-slide-to="1"></li>
| |
− | <li data-target="#carousel-example-generic" data-slide-to="2"></li>
| |
− | </ol>
| |
− |
| |
− | <div class="carousel-inner" role="listbox">
| |
− | <div class="item active">
| |
− | <img src="picture/138-141016161144.jpg" /><div class="carousel-caption"><h1>Hello iGEM 2016!</h1></div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="picture/240402-1304120R54811.jpg" /><div class="carousel-caption"><h1>Welcome to XMU-China</h1></div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="picture/Amoy-Home_Content_bg23.jpg" /><div class="carousel-caption"><h1>Let's begin</h1></div>
| |
− | </div>
| |
− |
| |
− | <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
| |
− | <span class="glyphicon glyphicon-chevron-left"></span>
| |
− | <span class="sr-only">Previous</span>
| |
− | </a>
| |
− | <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
| |
− | <span class="glyphicon glyphicon-chevron-right"></span>
| |
− | <span class="sr-only">Next</span>
| |
− | </a>
| |
− | </div>
| |
| | | |
− | <div class="container-fluid" id="summary-container">
| |
− | <div class="row">
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/7/77/T--XMU-China--icon1_and_.jpg" />
| |
− | <button class="btn btn-default btn-xs" type="button"><h4>Project</h4></button>
| |
− | </div>
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/e/ef/T--XMU-China--icon2_and_.jpg" />
| |
− | <a href="Interlab.html"><button class="btn btn-primary btn-xs" type="button"><h4>Interlab</h4></button></a>
| |
− | </div>
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/c/cb/T--XMU-China--icon3_and_.jpg" />
| |
− | <button class="btn btn-success btn-xs" type="button"><h4>Human Practice</h4></button>
| |
− | </div>
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/f/f2/T--XMU-China--icon4_and_.jpg" />
| |
− | <button class="btn btn-info btn-xs" type="button"><h4>Judging</h4></button>
| |
− | </div>
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/e/e9/T--XMU-China--icon5_and_.jpg" />
| |
− | <button class="btn btn-warning btn-xs" type="button"> <h4>Notebooks</h4></button>
| |
− | </div>
| |
− | <div class="col-md-2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/f/f3/T--XMU-China--icon6_and_.jpg" />
| |
− | <button class="btn btn-danger btn-xs" type="button"><h4>Team</h4></button>
| |
− | </div>
| |
− |
| |
− | <hr class="divider"/>
| |
− |
| |
− | </div>
| |
| </body> | | </body> |
| </html> | | </html> |