jumbotron-slider.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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="{{ page.relative_path }}assets/font-awesome.zip"
  10. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
  11. <i class="icon-download-alt icon-large"></i>&nbsp;&nbsp;
  12. Download
  13. </a>
  14. </div>
  15. <div class="shameless-self-promotion">
  16. <a href="{{ site.fontawesome.github.url }}"
  17. onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
  18. GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  19. Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  20. Created &amp; Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
  21. </div>
  22. </div>
  23. </div>
  24. <div class="span4">
  25. <div id="iconCarousel" class="carousel slide">
  26. <!-- Carousel items -->
  27. <div class="carousel-inner">
  28. <div class="active item"><div><i class="icon-flag"></i></div></div>
  29. <div class="item"><div><i class="icon-rocket"></i></div></div>
  30. <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div>
  31. <div class="item"><div><i class="icon-puzzle-piece"></i></div></div>
  32. <div class="item"><div><i class="icon-microphone"></i></div></div>
  33. <div class="item"><div><i class="icon-shield"></i></div></div>
  34. <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
  35. <div class="item"><div><i class="icon-envelope-alt"></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-coffee"></i></div></div>
  39. <div class="item"><div><i class="icon-fighter-jet"></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-circle-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-circle-arrow-right"></i></a>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>