(7 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <div id="index-carousel" class="carousel slide"> | ||
− | + | <ol class="carousel-indicators"> | |
− | + | <li data-target="#slide1" data-slide-to="0" class="active"></li> | |
− | < | + | <li data-target="#slide2" data-slide-to="1"></li> |
− | + | <li data-target="#slide3" data-slide-to="2"></li> | |
− | < | + | <li data-target="#slide4" data-slide-to="3"></li> |
− | < | + | <li data-target="#slide5" data-slide-to="4"></li> |
− | < | + | <li data-target="#slide6" data-slide-to="5"></li> |
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--SKLMT-China--prj-banner-1.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Project</h2> | ||
+ | </header> | ||
+ | <p>of SKLMT-China</p> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/3/30/T--SKLMT-China--prj-banner-2.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Overview</h2> | ||
+ | </header> | ||
+ | <p>The beginning of our project</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Project_Overview" class="actions">Learn More</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--SKLMT-China--prj-banner-3.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Design</h2> | ||
+ | </header> | ||
+ | <p>How do we make it possible?</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Design" class="actions">learn more</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/3/36/T--SKLMT-China--prj-banner-4.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Red/ET</h2> | ||
+ | </header> | ||
+ | <p>Introdution to our</br>recombination technology</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Red_ET" class="actions">Learn More</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--SKLMT-China--prj-banner-5.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Demonstrate</h2> | ||
+ | </header> | ||
+ | <p>The proof to our experiments</p> | ||
+ | <!--<p>For Judging</p>--> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Demonstrate" class="actions">Learn More</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--SKLMT-China--prj-banner-6.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Safety</h2> | ||
+ | </header> | ||
+ | <p>The prerequisites of our experiments</p> | ||
+ | <!--<p>For Judging</p>--> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Safety" class="actions">Learn More</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <a class="left carousel-control" href="#index-carousel" role="button" data-slide="prev"> | |
− | < | + | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> |
− | + | <span class="sr-only">Previous</span> | |
− | + | </a> | |
− | + | <a class="right carousel-control" href="#index-carousel" role="button" data-slide="next"> | |
− | + | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | |
− | + | <span class="sr-only">Next</span> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
</div> | </div> | ||
− | + | ||
</html> | </html> | ||
− | {{SKLMT-China/footer}} | + | {{SKLMT-China/none-footer}} |
Latest revision as of 02:27, 18 October 2018