doc/_themes/odoodoc/static/bootstrap/js/tests/visual/carousel.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Carousel</title>
   5   <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css">
   6 </head>
   7 <body>
   8
   9 <div class="container">
  10
  11   <div class="page-header">
  12     <h1>Carousel <small>Bootstrap Visual Test</small></h1>
  13   </div>
  14
  15   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  16     <ol class="carousel-indicators">
  17       <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  18       <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
  19       <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
  20     </ol>
  21     <div class="carousel-inner">
  22       <div class="item active">
  23         <img alt="First slide" src="http://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg">
  24       </div>
  25       <div class="item">
  26         <img alt="Second slide" src="http://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg">
  27       </div>
  28       <div class="item">
  29         <img alt="Third slide" src="http://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg">
  30       </div>
  31     </div>
  32     <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  33       <span class="glyphicon glyphicon-chevron-left"></span>
  34     </a>
  35     <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  36       <span class="glyphicon glyphicon-chevron-right"></span>
  37     </a>
  38   </div>
  39
  40 </div>
  41
  42 <!-- JavaScript Includes -->
  43 <script src="../vendor/jquery.min.js"></script>
  44 <script src="../../transition.js"></script>
  45 <script src="../../carousel.js"></script>
  46
  47 </body>
  48 </html>