|
|
| Line 1: |
Line 1: |
| − | | + | aaa |
| − | <html>
| + | |
| − | <head>
| + | |
| − | <meta charset="utf-8">
| + | |
| − | <meta name="viewpoint" content="width=device-width">
| + | |
| − | <title>iGEM_BIT/Wiki </title>
| + | |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:BIT/9.6test/CSS?action=raw&ctype=text/css">
| + | |
| − |
| + | |
| − | <style type="text/css">
| + | |
| − | #sideMenu, #top_title {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | #content {
| + | |
| − | width: 100%;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | background: #FFF;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | <header>
| + | |
| − | <div class="container">
| + | |
| − | <div id="branding">
| + | |
| − | <h1>iGEM_BIT</h1>
| + | |
| − | </div>
| + | |
| − | <nav>
| + | |
| − | <ul>
| + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker 2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker 2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker 2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker 2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="dropdown">
| + | |
| − | <a href="#" class="dropbtn">Project</a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <a href="#">Linker 1</a>
| + | |
| − | <a href="#">Linker 2</a>
| + | |
| − | <a href="#">Linker 3</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| − | <style type="text/css">
| + | |
| − | *{margin:0;padding:0;list-style-type:none;}
| + | |
| − | a,img{border:0;}
| + | |
| − | /* flexslider */
| + | |
| − | .flexslider{position:relative;height:850px;overflow:hidden;background:100% no-repeat;}
| + | |
| − | .slides{position:relative;z-index:1;}
| + | |
| − | .slides li{height:100%;}
| + | |
| − | .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
| + | |
| − | .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
| + | |
| − | .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(img/dot.png) right 0 no-repeat;cursor:pointer;}
| + | |
| − | .flex-control-nav .flex-active{background-position:0 0;}
| + | |
| − | | + | |
| − | .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
| + | |
| − | .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
| + | |
| − | .flex-direction-nav li a.flex-prev{left:40px;background:url(img/prev.png) center center no-repeat;}
| + | |
| − | .flex-direction-nav li a.flex-next{right:40px;background:url(img/next.png) center center no-repeat;}
| + | |
| − | </style>
| + | |
| − | <div class="flexslider">
| + | |
| − | <ul class="slides">
| + | |
| − | <li style="background:url(https://static.igem.org/mediawiki/2018/thumb/7/72/T--BIT--9.8img1.png/1200px-T--BIT--9.8img1.png.jpeg) 100% 100% no-repeat;"></li>
| + | |
| − | <li style="background:url(https://static.igem.org/mediawiki/2018/thumb/e/ea/T--BIT--9.8img2.png/1200px-T--BIT--9.8img2.png.jpeg) 100% 100% no-repeat;"></li>
| + | |
| − | <li style="background:url(https://static.igem.org/mediawiki/2018/thumb/8/88/T--BIT--9.8img3.png/1200px-T--BIT--9.8img3.png.jpeg) 100% 20% no-repeat;"></li>
| + | |
| − | <li style="background:url(https://static.igem.org/mediawiki/2018/thumb/e/ed/T--BIT--9.8img4.png/1200px-T--BIT--9.8img4.png.jpeg) 100% 20% no-repeat;"></li>
| + | |
| − | <li style="background:url(https://static.igem.org/mediawiki/2018/thumb/a/a2/T--BIT--9.8img5.png/1200px-T--BIT--9.8img5.png.jpeg) 100% 100% no-repeat;"></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <script src="https://2018.igem.org/Template:BIT/9.8jquery-1.11.0.min/Javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:BIT/9.8jquery.flexslider-min/Javascript?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type="text/javascript" >
| + | |
| − | $(document).ready(function(){
| + | |
| − | $('.flexslider').flexslider({
| + | |
| − | directionNav: true,
| + | |
| − | pauseOnAction: false
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | <!--qing huai-->
| + | |
| − | <section>
| + | |
| − | <div class="qinghuai" align="center">
| + | |
| − | | + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi</p>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!--showcase-->
| + | |
| − | <section id="showcase">
| + | |
| − | <div id="pzz">
| + | |
| − | <div id="pz">
| + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | | + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | | + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | | + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | | + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | | + | |
| − | <a class="card" href="#!">
| + | |
| − | <div class="front" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c2/T--BIT--9.6test.png);">
| + | |
| − | <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
| + | |
| − | </div>
| + | |
| − | <div class="back">
| + | |
| − | <div>
| + | |
| − | <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
| + | |
| − | <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
| + | |
| − | <button class="button">More</button>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | <!-- read more -->
| + | |
| − | | + | |
| − | </section>
| + | |
| − | | + | |
| − | <div class="readmore" align="center";>
| + | |
| − | <p>
| + | |
| − | Project Overview
| + | |
| − | </p>
| + | |
| − | <a href="#"><img src="https://static.igem.org/mediawiki/2018/b/bf/T--BIT--rm.png">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </body>
| + | |
| − | | + | |
| − | </html>
| + | |
