Team:Tsinghua-A
From 2014.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<body> | <body> | ||
- | + | <!-- Carousel --> | |
+ | <div id="header" class="carousel slide animated fadeIn"> | ||
+ | <div class="carousel-inner"> | ||
+ | |||
+ | <!--Item One--> | ||
+ | <div class="item one active"> | ||
+ | <div class="container animated fadeInUp"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1><i>Welcome To Breakroom</i></h1> | ||
+ | <h2><i>A multipurpose Bootstrap Theme</i></h2> | ||
+ | <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Item Two--> | ||
+ | <div class="item two"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1><i>Built With Bootstrap</i></h1> | ||
+ | <h2><i>And 100% Responsive</i></h2> | ||
+ | <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Item Three--> | ||
+ | <div class="item three"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1><i>Lorem ipsum dolor sit</i></h1> | ||
+ | <h2><i>Curabitur viverra nulla non tel</i></h2> | ||
+ | <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <a class="left carousel-control hidden-phone" href="#header" data-slide="prev"><i class="icon-angle-left"></i></a> | ||
+ | <a class="right carousel-control hidden-phone" href="#header" data-slide="next"><i class="icon-angle-right"></i></a> | ||
+ | </div><!-- /.carousel --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> |
Revision as of 19:58, 17 October 2014