jumbotron-slider.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <div class="jumbotron">
  2. <div class="container">
  3. <div class="row">
  4. <div class="span8">
  5. <div class="hero-content">
  6. <h1>Font Awesome</h1>
  7. <p>The iconic font designed for<br>use with Twitter Bootstrap</p>
  8. <div class="actions">
  9. <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master"
  10. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
  11. <i class="icon-download icon-2x pull-left"></i>
  12. Download Font<br>Awesome {{ site.font-awesome.version }}</a>
  13. <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"
  14. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
  15. <i class="icon-github icon-2x pull-left"></i>
  16. View Project<br>on GitHub</a>
  17. </div>
  18. <div class="shameless-self-promotion">
  19. Version {{ site.font-awesome.version }} • Created & Maintained by Dave Gandy
  20. </div>
  21. </div>
  22. </div>
  23. <div class="span4">
  24. <div id="iconCarousel" class="carousel slide">
  25. <!-- Carousel items -->
  26. <div class="carousel-inner">
  27. <div class="active item"><div><i class="icon-flag"></i></div></div>
  28. <div class="item"><div><i class="icon-rocket"></i></div></div>
  29. <div class="item"><div><i class="icon-crop"></i></div></div>
  30. <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div>
  31. <div class="item"><div><i class="icon-microphone"></i></div></div>
  32. <div class="item"><div><i class="icon-shield"></i></div></div>
  33. <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
  34. <div class="item"><div><i class="icon-envelope"></i></div></div>
  35. <div class="item"><div><i class="icon-coffee"></i></div></div>
  36. <div class="item"><div><i class="icon-medkit"></i></div></div>
  37. <div class="item"><div><i class="icon-book"></i></div></div>
  38. <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
  39. <div class="item"><div><i class="icon-search"></i></div></div>
  40. <div class="item"><div><i class="icon-beer"></i></div></div>
  41. <div class="item"><div><i class="icon-heart-empty"></i></div></div>
  42. <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
  43. </div>
  44. <!-- Carousel nav -->
  45. <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
  46. onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
  47. <i class="icon-arrow-left"></i></a>
  48. <a class="carousel-control right" href="#iconCarousel" data-slide="next"
  49. onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
  50. <i class="icon-arrow-right"></i></a>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>