Font-Awesome/src/_includes/jumbotron-carousel.html

52 lines
2.7 KiB
HTML
Raw Normal View History

2013-10-05 19:40:57 +00:00
<div class="jumbotron jumbotron-carousel hidden-print">
<div class="container">
<div class="row">
2013-10-06 14:46:50 +00:00
<div class="col-md-8 col-sm-8 text-center">
2013-10-05 19:40:57 +00:00
<h1>Font Awesome</h1>
<p>The iconic font designed for Bootstrap</p>
<div class="actions">
<a class="btn btn-default btn-lg" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip"
2013-10-05 19:40:57 +00:00
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
<i class="fa fa-download fa-lg"></i>&nbsp;&nbsp;
2013-10-05 19:40:57 +00:00
Download
</a>
</div>
<div class="shameless-self-promotion">
<a href="{{ site.fontawesome.github.url }}"
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Created &amp; Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
</div>
</div>
2013-10-06 14:46:50 +00:00
<div class="col-md-4 col-sm-4">
2013-10-05 19:40:57 +00:00
<div id="icon-carousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><div><i class="fa fa-flag"></i></div></div>
<div class="item"><div><i class="fa fa-compass"></i></div></div>
<div class="item"><div><i class="fa fa-rocket"></i></div></div>
<div class="item"><div><i class="fa fa-shield"></i></div></div>
<div class="item"><div><i class="fa fa-star-half-empty"></i></div></div>
2013-10-20 23:42:48 +00:00
<div class="item"><div><i class="fa fa-envelope-o"></i></div></div>
<div class="item"><div><i class="fa fa-medkit"></i></div></div>
<div class="item"><div><i class="fa fa-book"></i></div></div>
<div class="item"><div><i class="fa fa-fighter-jet"></i></div></div>
<div class="item"><div><i class="fa fa-beer"></i></div></div>
2013-10-20 23:42:48 +00:00
<div class="item"><div><i class="fa fa-heart-o"></i></div></div>
<div class="item"><div><i class="fa fa-thumbs-o-up"></i></div></div>
</div>
<!-- Carousel nav -->
2013-10-05 19:40:57 +00:00
<a class="carousel-control left" href="#icon-carousel" data-slide="prev"
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
<i class="fa fa-arrow-circle-left"></i></a>
2013-10-05 19:40:57 +00:00
<a class="carousel-control right" href="#icon-carousel" data-slide="next"
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>