Guest User

asdfasdf

a guest
Jun 30th, 2013
513
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.23 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
  6. <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js">
  7.  
  8. $(document).ready(function() {
  9. $('#myCarousel').carousel({
  10. //options here
  11. });
  12. });
  13. </script>
  14. </head>
  15.  
  16. <body>
  17.  
  18. <div id="myCarousel" class="carousel slide">
  19. <div class="carousel-inner">
  20. <div class="item active">
  21. <img src="http://placehold.it/960x450" alt="">
  22. <div class="container">
  23. <div class="carousel-caption">
  24. <h1>Example headline.</h1>
  25. <p class="lead">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>
  26. <a class="btn btn-large btn-primary" href="#">Sign up today</a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="item">
  31. <img src="http://placehold.it/960x450" alt="">
  32. <div class="container">
  33. <div class="carousel-caption">
  34. <h1>Another example headline.</h1>
  35. <p class="lead">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>
  36. <a class="btn btn-large btn-primary" href="#">Learn more</a>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="item">
  41. <img src="http://placehold.it/960x450" alt="">
  42. <div class="container">
  43. <div class="carousel-caption">
  44. <h1>One more for good measure.</h1>
  45. <p class="lead">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>
  46. <a class="btn btn-large btn-primary" href="#">Browse gallery</a>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
  52. <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
  53. </div><!-- /.carousel -->
  54.  
  55.  
  56. </body>
  57. </html>
Advertisement
Add Comment
Please, Sign In to add comment