diff options
Diffstat (limited to 'library/font_awesome/src/_includes/jumbotron-carousel.html')
| -rw-r--r-- | library/font_awesome/src/_includes/jumbotron-carousel.html | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/library/font_awesome/src/_includes/jumbotron-carousel.html b/library/font_awesome/src/_includes/jumbotron-carousel.html new file mode 100644 index 000000000..1f2b211f0 --- /dev/null +++ b/library/font_awesome/src/_includes/jumbotron-carousel.html @@ -0,0 +1,57 @@ +<div class="jumbotron jumbotron-carousel hidden-print"> + <div class="container"> + <div class="row"> + <div class="col-md-8 col-sm-8 text-center"> + <h1>Font Awesome</h1> + <p>The iconic font and CSS toolkit</p> + <div class="actions"> + <a class="btn btn-default btn-lg" href="#modal-download" data-toggle="modal" + onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download Modal']);"> + <i class="fa fa-download fa-lg" aria-hidden="true"></i> + Download + </a> + </div> + <div class="shameless-self-promotion"> + Version {{ site.fontawesome.version }} · + <a href="{{ site.fontawesome.github.url }}" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> + GitHub Project</a> · + <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> · + Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a> + </div> + </div> + <div class="col-md-4 col-sm-4"> + <div id="icon-carousel" class="carousel slide"> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="active item"><div><i class="fa fa-flag" aria-hidden="true"></i><span class="sr-only">flag icon</span></div></div> + <div class="item"><div><i class="fa fa-universal-access" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span></div></div> + <div class="item"><div><i class="fa fa-fort-awesome" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span></div></div> + <div class="item"><div><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">commenting icon</span></div></div> + <div class="item"><div><i class="fa fa-map-signs" aria-hidden="true"></i><span class="sr-only">map signs icon</span></div></div> + <div class="item"><div><i class="fa fa-envelope" aria-hidden="true"></i><span class="sr-only">envelope icon</span></div></div> + <div class="item"><div><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">send icon</span></div></div> + <div class="item"><div><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">book icon</span></div></div> + <div class="item"><div><i class="fa fa-fighter-jet" aria-hidden="true"></i><span class="sr-only">fighter jet icon</span></div></div> + <div class="item"><div><i class="fa fa-beer" aria-hidden="true"></i><span class="sr-only">beer icon</span></div></div> + <div class="item"><div><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">heart icon</span></div></div> + <div class="item"><div><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">thumbs up icon</span></div></div> + <div class="item"><div><i class="fa fa-pied-piper-alt" aria-hidden="true"></i><span class="sr-only">pied piper icon</span></div></div> + </div> + <!-- Carousel nav --> + <a class="carousel-control left" href="#icon-carousel" data-slide="prev" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> + <i class="fa fa-arrow-circle-left" aria-hidden="true"></i> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control right" href="#icon-carousel" data-slide="next" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> + <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> + <span class="sr-only">Next</span> + </a> + </div> + </div> + </div> + + </div> +</div> |