git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/jumbotron-carousel.html

   1 <div class="jumbotron jumbotron-carousel hidden-print">
   2   <div class="container">
   3     <div class="row">
   4       <div class="col-md-8 col-sm-8 text-center">
   5         <h1>Font Awesome</h1>
   6         <p>The iconic font designed for Bootstrap</p>
   7         <div class="actions">
   8           <a class="btn btn-default btn-lg" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip"
   9              onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
  10             <i class="fa fa-download fa-lg"></i>&nbsp;&nbsp;
  11             Download
  12           </a>
  13         </div>
  14         <div class="shameless-self-promotion">
  15           Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  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           <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
  20           Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
  21         </div>
  22       </div>
  23       <div class="col-md-4 col-sm-4">
  24         <div id="icon-carousel" class="carousel slide">
  25           <!-- Carousel items -->
  26           <div class="carousel-inner">
  27             <div class="active item"><div><i class="fa fa-flag"></i></div></div>
  28             <div class="item"><div><i class="fa fa-compass"></i></div></div>
  29             <div class="item"><div><i class="fa fa-rocket"></i></div></div>
  30             <div class="item"><div><i class="fa fa-shield"></i></div></div>
  31             <div class="item"><div><i class="fa fa-star-half-empty"></i></div></div>
  32             <div class="item"><div><i class="fa fa-envelope-o"></i></div></div>
  33             <div class="item"><div><i class="fa fa-medkit"></i></div></div>
  34             <div class="item"><div><i class="fa fa-book"></i></div></div>
  35             <div class="item"><div><i class="fa fa-fighter-jet"></i></div></div>
  36             <div class="item"><div><i class="fa fa-beer"></i></div></div>
  37             <div class="item"><div><i class="fa fa-heart-o"></i></div></div>
  38             <div class="item"><div><i class="fa fa-thumbs-o-up"></i></div></div>
  39           </div>
  40           <!-- Carousel nav -->
  41           <a class="carousel-control left" href="#icon-carousel" data-slide="prev"
  42              onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
  43             <i class="fa fa-arrow-circle-left"></i></a>
  44           <a class="carousel-control right" href="#icon-carousel" data-slide="next"
  45              onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
  46             <i class="fa fa-arrow-circle-right"></i></a>
  47         </div>
  48       </div>
  49     </div>
  50
  51   </div>
  52 </div>