Team:TU-Eindhoven/Template:Carousel

From 2013.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
               <div id="myCarousel" class="carousel slide">
+
               <div id="myCarousel" class="carousel slide" data-interval="false">
                 <ol class="carousel-indicators">
                 <ol class="carousel-indicators">
                   <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                   <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
Line 10: Line 10:
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <div class="carousel-caption">
                     <div class="carousel-caption">
-
                       <h4>First Thumbnail label</h4>
+
                       <h4>Goal</h4>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                     </div>
                     </div>
Line 17: Line 17:
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <div class="carousel-caption">
                     <div class="carousel-caption">
-
                       <h4>Second Thumbnail label</h4>
+
                       <h4>CEST MRI Contrast</h4>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                     </div>
                     </div>
Line 24: Line 24:
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <img src="http://syntheticfacts.tue.nl/images/badkitty.jpg" alt="">
                     <div class="carousel-caption">
                     <div class="carousel-caption">
-
                       <h4>Third Thumbnail label</h4>
+
                       <h4>Oxygen Sensing</h4>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                       <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                     </div>
                     </div>
Line 32: Line 32:
                 <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                 <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
               </div>
               </div>
-
<script>
 
-
$('.carousel').carousel({
 
-
  interval: 2000
 
-
})
 
-
</script>
 
</html>
</html>

Latest revision as of 11:48, 21 September 2013