Zhaowenxue (Talk | contribs) |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <div | + | <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> | ||
− | <h2 class=" | + | <div class="carousel-inner"> |
+ | <div class="item active"> | ||
+ | <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/0/00/T--SKLMT-China--parts-banner.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Parts</h2> | ||
+ | </header> | ||
+ | <p>of SKLMT-China</p> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <section class="index-banner" style="background-image: url(background-image: url(https://static.igem.org/mediawiki/2018/1/12/T--SKLMT-China--part-banner-2.jpg))"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Basic Part</h2> | ||
+ | </header> | ||
+ | <p>How does HP map form?</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Basic_Part" 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/6e/T--SKLMT-China--parts-banner-2.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Composite Part</h2> | ||
+ | </header> | ||
+ | <p>What is four revolution?</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Composite_Part" 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/b/b7/T--SKLMT-China--banner1.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Part Collection</h2> | ||
+ | </header> | ||
+ | <p>How do we communicate with others?</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Part_Collection" 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/9/9e/T--SKLMT-China--hp-art-banner-4.jpg)"> | ||
+ | <div class="inner"> | ||
+ | <header> | ||
+ | <h2>Improved Part</h2> | ||
+ | </header> | ||
+ | <p>How do we communicate with others?</p> | ||
+ | <footer> | ||
+ | <ul class="buttons stacked"> | ||
+ | <li><a href="Improved_Part" class="actions">Learn More</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </div> | ||
+ | </section> | ||
+ | </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}} |
Revision as of 17:08, 17 October 2018