jumbotron-slider.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div class="jumbotron jumbotron-index hidden-print">
  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 Bootstrap</p>
  8. <div class="actions">
  9. <a class="btn btn-primary btn-large" href="{{ site.font_awesome.github.url }}/zipball/master"
  10. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
  11. <i class="icon-download-alt icon-large"></i>&nbsp;&nbsp;
  12. Download
  13. <!--Download Font Awesome-->
  14. </a>
  15. </div>
  16. <div class="shameless-self-promotion">
  17. <a href="{{ site.font_awesome.github.url }}" target="_blank"
  18. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
  19. GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  20. Version {{ site.font_awesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  21. Created &amp; Maintained by Dave Gandy
  22. </div>
  23. </div>
  24. </div>
  25. <div class="span4">
  26. <div id="iconCarousel" class="carousel slide">
  27. <!-- Carousel items -->
  28. <div class="carousel-inner">
  29. <div class="active item"><div><i class="icon-flag"></i></div></div>
  30. <div class="item"><div><i class="icon-rocket"></i></div></div>
  31. <div class="item"><div><i class="icon-crop"></i></div></div>
  32. <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div>
  33. <div class="item"><div><i class="icon-microphone"></i></div></div>
  34. <div class="item"><div><i class="icon-shield"></i></div></div>
  35. <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
  36. <div class="item"><div><i class="icon-envelope"></i></div></div>
  37. <div class="item"><div><i class="icon-coffee"></i></div></div>
  38. <div class="item"><div><i class="icon-medkit"></i></div></div>
  39. <div class="item"><div><i class="icon-book"></i></div></div>
  40. <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
  41. <div class="item"><div><i class="icon-search"></i></div></div>
  42. <div class="item"><div><i class="icon-beer"></i></div></div>
  43. <div class="item"><div><i class="icon-heart-empty"></i></div></div>
  44. <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
  45. </div>
  46. <!-- Carousel nav -->
  47. <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
  48. onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
  49. <i class="icon-circle-arrow-left"></i></a>
  50. <a class="carousel-control right" href="#iconCarousel" data-slide="next"
  51. onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
  52. <i class="icon-circle-arrow-right"></i></a>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>