diff options
author | davegandy <dave@davegandy.com> | 2013-05-10 20:00:01 +0400 |
---|---|---|
committer | davegandy <dave@davegandy.com> | 2013-05-10 20:00:01 +0400 |
commit | 27b799a93aa8b1180f0db1dab0f09d376e623e3e (patch) | |
tree | b5a948293996005e3b417f1a41131ff23071879b | |
parent | 38faed90a292673c29f7e5a40beb2910748d50e3 (diff) |
pushing 3.1.0 to docs
411 files changed, 65687 insertions, 3141 deletions
diff --git a/assets/css/font-awesome-ie7.min.css b/assets/css/font-awesome-ie7.min.css deleted file mode 100644 index ae301609e..000000000 --- a/assets/css/font-awesome-ie7.min.css +++ /dev/null @@ -1,22 +0,0 @@ -/*! - * Font Awesome 3.0.2 - * the iconic font designed for use with Twitter Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fortawesome.github.com/Font-Awesome/ - * - * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - - * http://opensource.org/licenses/mit-license.html - * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" - - * Contact - * ------------------------------------------------------- - * Email: dave@davegandy.com - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com - */.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle}.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%}.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px}.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit}.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em}a [class^="icon-"],a [class*=" icon-"]{cursor:pointer}ul.icons{text-indent:-1.5em;margin-left:3em}.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
\ No newline at end of file diff --git a/assets/css/font-awesome.css b/assets/css/font-awesome.css deleted file mode 100644 index 887509896..000000000 --- a/assets/css/font-awesome.css +++ /dev/null @@ -1,540 +0,0 @@ -/*! - * Font Awesome 3.0.2 - * the iconic font designed for use with Twitter Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fortawesome.github.com/Font-Awesome/ - * - * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - - * http://opensource.org/licenses/mit-license.html - * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" - - * Contact - * ------------------------------------------------------- - * Email: dave@davegandy.com - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com - */ -@font-face { - font-family: 'FontAwesome'; - src: url('../font/fontawesome-webfont.eot?v=3.0.1'); - src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), - url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), - url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); - font-weight: normal; - font-style: normal; -} -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - - /* sprites.less reset */ - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} -/* more sprites.less reset */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { - background-image: none; -} -[class^="icon-"]:before, -[class*=" icon-"]:before { - text-decoration: inherit; - display: inline-block; - speak: none; -} -/* makes sure icons active on rollover in links */ -a [class^="icon-"], -a [class*=" icon-"] { - display: inline-block; -} -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: -10%; - font-size: 1.3333333333333333em; -} -.btn [class^="icon-"], -.nav [class^="icon-"], -.btn [class*=" icon-"], -.nav [class*=" icon-"] { - display: inline; - /* keeps button heights with and without icons the same */ - -} -.btn [class^="icon-"].icon-large, -.nav [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: .9em; -} -.btn [class^="icon-"].icon-spin, -.nav [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; -} -.nav-tabs [class^="icon-"], -.nav-pills [class^="icon-"], -.nav-tabs [class*=" icon-"], -.nav-pills [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - -} -.nav-tabs [class^="icon-"], -.nav-pills [class^="icon-"], -.nav-tabs [class*=" icon-"], -.nav-pills [class*=" icon-"], -.nav-tabs [class^="icon-"].icon-large, -.nav-pills [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"].icon-large, -.nav-pills [class*=" icon-"].icon-large { - line-height: .9em; -} -li [class^="icon-"], -.nav li [class^="icon-"], -li [class*=" icon-"], -.nav li [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; -} -li [class^="icon-"].icon-large, -.nav li [class^="icon-"].icon-large, -li [class*=" icon-"].icon-large, -.nav li [class*=" icon-"].icon-large { - /* increased font size for icon-large */ - - width: 1.5625em; -} -ul.icons { - list-style-type: none; - text-indent: -0.75em; -} -ul.icons li [class^="icon-"], -ul.icons li [class*=" icon-"] { - width: .75em; -} -.icon-muted { - color: #eeeeee; -} -.icon-border { - border: solid 1px #eeeeee; - padding: .2em .25em .15em; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.icon-2x { - font-size: 2em; -} -.icon-2x.icon-border { - border-width: 2px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.icon-3x { - font-size: 3em; -} -.icon-3x.icon-border { - border-width: 3px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.icon-4x { - font-size: 4em; -} -.icon-4x.icon-border { - border-width: 4px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -[class^="icon-"].pull-left, -[class*=" icon-"].pull-left { - margin-right: .3em; -} -[class^="icon-"].pull-right, -[class*=" icon-"].pull-right { - margin-left: .3em; -} -.btn [class^="icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: .18em; -} -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: .8em; -} -.btn.btn-small [class^="icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: .25em; -} -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x, -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: .05em; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: .2em; -} -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: .2em; -} -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} -@-moz-keyframes spin { - 0% { -moz-transform: rotate(0deg); } - 100% { -moz-transform: rotate(359deg); } -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} -@-o-keyframes spin { - 0% { -o-transform: rotate(0deg); } - 100% { -o-transform: rotate(359deg); } -} -@-ms-keyframes spin { - 0% { -ms-transform: rotate(0deg); } - 100% { -ms-transform: rotate(359deg); } -} -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(359deg); } -} -@-moz-document url-prefix() { - .icon-spin { - height: .9em; - } - .btn .icon-spin { - height: auto; - } - .icon-spin.icon-large { - height: 1.25em; - } - .btn .icon-spin.icon-large { - height: .75em; - } -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { content: "\f000"; } -.icon-music:before { content: "\f001"; } -.icon-search:before { content: "\f002"; } -.icon-envelope:before { content: "\f003"; } -.icon-heart:before { content: "\f004"; } -.icon-star:before { content: "\f005"; } -.icon-star-empty:before { content: "\f006"; } -.icon-user:before { content: "\f007"; } -.icon-film:before { content: "\f008"; } -.icon-th-large:before { content: "\f009"; } -.icon-th:before { content: "\f00a"; } -.icon-th-list:before { content: "\f00b"; } -.icon-ok:before { content: "\f00c"; } -.icon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { content: "\f00e"; } - -.icon-zoom-out:before { content: "\f010"; } -.icon-off:before { content: "\f011"; } -.icon-signal:before { content: "\f012"; } -.icon-cog:before { content: "\f013"; } -.icon-trash:before { content: "\f014"; } -.icon-home:before { content: "\f015"; } -.icon-file:before { content: "\f016"; } -.icon-time:before { content: "\f017"; } -.icon-road:before { content: "\f018"; } -.icon-download-alt:before { content: "\f019"; } -.icon-download:before { content: "\f01a"; } -.icon-upload:before { content: "\f01b"; } -.icon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } - -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { content: "\f021"; } -.icon-list-alt:before { content: "\f022"; } -.icon-lock:before { content: "\f023"; } -.icon-flag:before { content: "\f024"; } -.icon-headphones:before { content: "\f025"; } -.icon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { content: "\f029"; } -.icon-barcode:before { content: "\f02a"; } -.icon-tag:before { content: "\f02b"; } -.icon-tags:before { content: "\f02c"; } -.icon-book:before { content: "\f02d"; } -.icon-bookmark:before { content: "\f02e"; } -.icon-print:before { content: "\f02f"; } - -.icon-camera:before { content: "\f030"; } -.icon-font:before { content: "\f031"; } -.icon-bold:before { content: "\f032"; } -.icon-italic:before { content: "\f033"; } -.icon-text-height:before { content: "\f034"; } -.icon-text-width:before { content: "\f035"; } -.icon-align-left:before { content: "\f036"; } -.icon-align-center:before { content: "\f037"; } -.icon-align-right:before { content: "\f038"; } -.icon-align-justify:before { content: "\f039"; } -.icon-list:before { content: "\f03a"; } -.icon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { content: "\f03e"; } - -.icon-pencil:before { content: "\f040"; } -.icon-map-marker:before { content: "\f041"; } -.icon-adjust:before { content: "\f042"; } -.icon-tint:before { content: "\f043"; } -.icon-edit:before { content: "\f044"; } -.icon-share:before { content: "\f045"; } -.icon-check:before { content: "\f046"; } -.icon-move:before { content: "\f047"; } -.icon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { content: "\f049"; } -.icon-backward:before { content: "\f04a"; } -.icon-play:before { content: "\f04b"; } -.icon-pause:before { content: "\f04c"; } -.icon-stop:before { content: "\f04d"; } -.icon-forward:before { content: "\f04e"; } - -.icon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { content: "\f051"; } -.icon-eject:before { content: "\f052"; } -.icon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { content: "\f05e"; } - -.icon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { content: "\f066"; } -.icon-plus:before { content: "\f067"; } -.icon-minus:before { content: "\f068"; } -.icon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { content: "\f06b"; } -.icon-leaf:before { content: "\f06c"; } -.icon-fire:before { content: "\f06d"; } -.icon-eye-open:before { content: "\f06e"; } - -.icon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { content: "\f071"; } -.icon-plane:before { content: "\f072"; } -.icon-calendar:before { content: "\f073"; } -.icon-random:before { content: "\f074"; } -.icon-comment:before { content: "\f075"; } -.icon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { content: "\f07e"; } - -.icon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { content: "\f083"; } -.icon-key:before { content: "\f084"; } -.icon-cogs:before { content: "\f085"; } -.icon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { content: "\f08e"; } - -.icon-signin:before { content: "\f090"; } -.icon-trophy:before { content: "\f091"; } -.icon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { content: "\f094"; } -.icon-phone:before { content: "\f095"; } -.icon-check-empty:before { content: "\f096"; } -.icon-bookmark-empty:before { content: "\f097"; } -.icon-phone-sign:before { content: "\f098"; } -.icon-twitter:before { content: "\f099"; } -.icon-facebook:before { content: "\f09a"; } -.icon-github:before { content: "\f09b"; } -.icon-unlock:before { content: "\f09c"; } -.icon-credit-card:before { content: "\f09d"; } -.icon-rss:before { content: "\f09e"; } - -.icon-hdd:before { content: "\f0a0"; } -.icon-bullhorn:before { content: "\f0a1"; } -.icon-bell:before { content: "\f0a2"; } -.icon-certificate:before { content: "\f0a3"; } -.icon-hand-right:before { content: "\f0a4"; } -.icon-hand-left:before { content: "\f0a5"; } -.icon-hand-up:before { content: "\f0a6"; } -.icon-hand-down:before { content: "\f0a7"; } -.icon-circle-arrow-left:before { content: "\f0a8"; } -.icon-circle-arrow-right:before { content: "\f0a9"; } -.icon-circle-arrow-up:before { content: "\f0aa"; } -.icon-circle-arrow-down:before { content: "\f0ab"; } -.icon-globe:before { content: "\f0ac"; } -.icon-wrench:before { content: "\f0ad"; } -.icon-tasks:before { content: "\f0ae"; } - -.icon-filter:before { content: "\f0b0"; } -.icon-briefcase:before { content: "\f0b1"; } -.icon-fullscreen:before { content: "\f0b2"; } - -.icon-group:before { content: "\f0c0"; } -.icon-link:before { content: "\f0c1"; } -.icon-cloud:before { content: "\f0c2"; } -.icon-beaker:before { content: "\f0c3"; } -.icon-cut:before { content: "\f0c4"; } -.icon-copy:before { content: "\f0c5"; } -.icon-paper-clip:before { content: "\f0c6"; } -.icon-save:before { content: "\f0c7"; } -.icon-sign-blank:before { content: "\f0c8"; } -.icon-reorder:before { content: "\f0c9"; } -.icon-list-ul:before { content: "\f0ca"; } -.icon-list-ol:before { content: "\f0cb"; } -.icon-strikethrough:before { content: "\f0cc"; } -.icon-underline:before { content: "\f0cd"; } -.icon-table:before { content: "\f0ce"; } - -.icon-magic:before { content: "\f0d0"; } -.icon-truck:before { content: "\f0d1"; } -.icon-pinterest:before { content: "\f0d2"; } -.icon-pinterest-sign:before { content: "\f0d3"; } -.icon-google-plus-sign:before { content: "\f0d4"; } -.icon-google-plus:before { content: "\f0d5"; } -.icon-money:before { content: "\f0d6"; } -.icon-caret-down:before { content: "\f0d7"; } -.icon-caret-up:before { content: "\f0d8"; } -.icon-caret-left:before { content: "\f0d9"; } -.icon-caret-right:before { content: "\f0da"; } -.icon-columns:before { content: "\f0db"; } -.icon-sort:before { content: "\f0dc"; } -.icon-sort-down:before { content: "\f0dd"; } -.icon-sort-up:before { content: "\f0de"; } - -.icon-envelope-alt:before { content: "\f0e0"; } -.icon-linkedin:before { content: "\f0e1"; } -.icon-undo:before { content: "\f0e2"; } -.icon-legal:before { content: "\f0e3"; } -.icon-dashboard:before { content: "\f0e4"; } -.icon-comment-alt:before { content: "\f0e5"; } -.icon-comments-alt:before { content: "\f0e6"; } -.icon-bolt:before { content: "\f0e7"; } -.icon-sitemap:before { content: "\f0e8"; } -.icon-umbrella:before { content: "\f0e9"; } -.icon-paste:before { content: "\f0ea"; } -.icon-lightbulb:before { content: "\f0eb"; } -.icon-exchange:before { content: "\f0ec"; } -.icon-cloud-download:before { content: "\f0ed"; } -.icon-cloud-upload:before { content: "\f0ee"; } - -.icon-user-md:before { content: "\f0f0"; } -.icon-stethoscope:before { content: "\f0f1"; } -.icon-suitcase:before { content: "\f0f2"; } -.icon-bell-alt:before { content: "\f0f3"; } -.icon-coffee:before { content: "\f0f4"; } -.icon-food:before { content: "\f0f5"; } -.icon-file-alt:before { content: "\f0f6"; } -.icon-building:before { content: "\f0f7"; } -.icon-hospital:before { content: "\f0f8"; } -.icon-ambulance:before { content: "\f0f9"; } -.icon-medkit:before { content: "\f0fa"; } -.icon-fighter-jet:before { content: "\f0fb"; } -.icon-beer:before { content: "\f0fc"; } -.icon-h-sign:before { content: "\f0fd"; } -.icon-plus-sign-alt:before { content: "\f0fe"; } - -.icon-double-angle-left:before { content: "\f100"; } -.icon-double-angle-right:before { content: "\f101"; } -.icon-double-angle-up:before { content: "\f102"; } -.icon-double-angle-down:before { content: "\f103"; } -.icon-angle-left:before { content: "\f104"; } -.icon-angle-right:before { content: "\f105"; } -.icon-angle-up:before { content: "\f106"; } -.icon-angle-down:before { content: "\f107"; } -.icon-desktop:before { content: "\f108"; } -.icon-laptop:before { content: "\f109"; } -.icon-tablet:before { content: "\f10a"; } -.icon-mobile-phone:before { content: "\f10b"; } -.icon-circle-blank:before { content: "\f10c"; } -.icon-quote-left:before { content: "\f10d"; } -.icon-quote-right:before { content: "\f10e"; } - -.icon-spinner:before { content: "\f110"; } -.icon-circle:before { content: "\f111"; } -.icon-reply:before { content: "\f112"; } -.icon-github-alt:before { content: "\f113"; } -.icon-folder-close-alt:before { content: "\f114"; } -.icon-folder-open-alt:before { content: "\f115"; } diff --git a/assets/css/font-awesome.min.css b/assets/css/font-awesome.min.css deleted file mode 100644 index d4e45b3c9..000000000 --- a/assets/css/font-awesome.min.css +++ /dev/null @@ -1,33 +0,0 @@ -/*! - * Font Awesome 3.0.2 - * the iconic font designed for use with Twitter Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fortawesome.github.com/Font-Awesome/ - * - * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - - * http://opensource.org/licenses/mit-license.html - * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" - - * Contact - * ------------------------------------------------------- - * Email: dave@davegandy.com - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com - */ - -@font-face{ - font-family:'FontAwesome'; - src:url('../font/fontawesome-webfont.eot?v=3.0.1'); - src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), - url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), - url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); - font-weight:normal; - font-style:normal } - -[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}
\ No newline at end of file diff --git a/assets/css/pygments.css b/assets/css/pygments.css new file mode 100644 index 000000000..5af20ee5e --- /dev/null +++ b/assets/css/pygments.css @@ -0,0 +1,71 @@ +.hll { background-color: #ffffcc } +/*{ background: #f0f3f3; }*/ +.c { color: #999; } /* Comment */ +.err { color: #AA0000; background-color: #FFAAAA } /* Error */ +.k { color: #006699; } /* Keyword */ +.o { color: #555555 } /* Operator */ +.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ +.cp { color: #009999 } /* Comment.Preproc */ +.c1 { color: #999; } /* Comment.Single */ +.cs { color: #999; } /* Comment.Special */ +.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #FF0000 } /* Generic.Error */ +.gh { color: #003300; } /* Generic.Heading */ +.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ +.go { color: #AAAAAA } /* Generic.Output */ +.gp { color: #000099; } /* Generic.Prompt */ +.gs { } /* Generic.Strong */ +.gu { color: #003300; } /* Generic.Subheading */ +.gt { color: #99CC66 } /* Generic.Traceback */ +.kc { color: #006699; } /* Keyword.Constant */ +.kd { color: #006699; } /* Keyword.Declaration */ +.kn { color: #006699; } /* Keyword.Namespace */ +.kp { color: #006699 } /* Keyword.Pseudo */ +.kr { color: #006699; } /* Keyword.Reserved */ +.kt { color: #007788; } /* Keyword.Type */ +.m { color: #FF6600 } /* Literal.Number */ +.s { color: #d44950 } /* Literal.String */ +.na { color: #4f9fcf } /* Name.Attribute */ +.nb { color: #336666 } /* Name.Builtin */ +.nc { color: #00AA88; } /* Name.Class */ +.no { color: #336600 } /* Name.Constant */ +.nd { color: #9999FF } /* Name.Decorator */ +.ni { color: #999999; } /* Name.Entity */ +.ne { color: #CC0000; } /* Name.Exception */ +.nf { color: #CC00FF } /* Name.Function */ +.nl { color: #9999FF } /* Name.Label */ +.nn { color: #00CCFF; } /* Name.Namespace */ +.nt { color: #2f6f9f; } /* Name.Tag */ +.nv { color: #003333 } /* Name.Variable */ +.ow { color: #000000; } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #FF6600 } /* Literal.Number.Float */ +.mh { color: #FF6600 } /* Literal.Number.Hex */ +.mi { color: #FF6600 } /* Literal.Number.Integer */ +.mo { color: #FF6600 } /* Literal.Number.Oct */ +.sb { color: #CC3300 } /* Literal.String.Backtick */ +.sc { color: #CC3300 } /* Literal.String.Char */ +.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ +.s2 { color: #CC3300 } /* Literal.String.Double */ +.se { color: #CC3300; } /* Literal.String.Escape */ +.sh { color: #CC3300 } /* Literal.String.Heredoc */ +.si { color: #AA0000 } /* Literal.String.Interpol */ +.sx { color: #CC3300 } /* Literal.String.Other */ +.sr { color: #33AAAA } /* Literal.String.Regex */ +.s1 { color: #CC3300 } /* Literal.String.Single */ +.ss { color: #FFCC33 } /* Literal.String.Symbol */ +.bp { color: #336666 } /* Name.Builtin.Pseudo */ +.vc { color: #003333 } /* Name.Variable.Class */ +.vg { color: #003333 } /* Name.Variable.Global */ +.vi { color: #003333 } /* Name.Variable.Instance */ +.il { color: #FF6600 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } + +pre { + background-color: #fafafa; + padding: 8px 15px; +} diff --git a/assets/css/site.css b/assets/css/site.css index 954e0d8c1..417667219 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -1,9 +1,9 @@ /*! - * Bootstrap v2.2.2 + * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff}a{color:#c83025;text-decoration:none}a:hover{color:#9d261d;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}.container-fluid:after{clear:both}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:bold}em{font-style:italic}cite{font-style:normal}.muted{color:#999}a.muted:hover{color:#808080}.text-warning{color:#c09853}a.text-warning:hover{color:#a47e3c}.text-error{color:#b94a48}a.text-error:hover{color:#953b39}.text-info{color:#3a87ad}a.text-info:hover{color:#2d6987}.text-success{color:#468847}a.text-success:hover{color:#356635}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:bold}dd{margin-left:10px}.dl-horizontal{*zoom:1}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:25px}blockquote small{display:block;line-height:20px;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}form{margin:0 0 20px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#999}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;border:1px solid #ccc;background-color:#fff}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48}.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0}.form-actions:after{clear:both}.help-block,.help-inline{color:#595959}.help-block{display:block;margin-bottom:10px}.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px}.input-append,.input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu{font-size:14px}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .btn-group:first-child{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:20px;*zoom:1}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}.form-horizontal .controls:first-child{*padding-left:180px}.form-horizontal .help-block{margin-bottom:0}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.table-bordered th,.table-bordered td{border-left:1px solid #ddd}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#f5f5f5}table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}.table td.span1,.table th.span1{float:none;width:44px;margin-left:0}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0}.table td.span3,.table th.span3{float:none;width:204px;margin-left:0}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0}.table td.span5,.table th.span5{float:none;width:364px;margin-left:0}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0}.table td.span7,.table th.span7{float:none;width:524px;margin-left:0}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0}.table td.span9,.table th.span9{float:none;width:684px;margin-left:0}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0}.table td.span11,.table th.span11{float:none;width:844px;margin-left:0}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0}.table tbody tr.success td{background-color:#dff0d8}.table tbody tr.error td{background-color:#f2dede}.table tbody tr.warning td{background-color:#fcf8e3}.table tbody tr.info td{background-color:#d9edf7}.table-hover tbody tr.success:hover td{background-color:#d0e9c6}.table-hover tbody tr.error:hover td{background-color:#ebcccc}.table-hover tbody tr.warning:hover td{background-color:#faf2cc}.table-hover tbody tr.info:hover td{background-color:#c4e3f3}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:url("../img/glyphicons-halflings-white.png")}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{background-position:-216px -120px;width:16px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{background-position:-408px -120px;width:16px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}.dropup,.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;content:""}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown-menu li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333;white-space:nowrap}.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{text-decoration:none;color:#fff;background-color:#bf2e23;background-image:-moz-linear-gradient(top,#c83025,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c83025),to(#b32b21));background-image:-webkit-linear-gradient(top,#c83025,#b32b21);background-image:-o-linear-gradient(top,#c83025,#b32b21);background-image:linear-gradient(to bottom,#c83025,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025',endColorstr='#ffb32b21',GradientType=0)}.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#bf2e23;background-image:-moz-linear-gradient(top,#c83025,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c83025),to(#b32b21));background-image:-webkit-linear-gradient(top,#c83025,#b32b21);background-image:-o-linear-gradient(top,#c83025,#b32b21);background-image:linear-gradient(to bottom,#c83025,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025',endColorstr='#ffb32b21',GradientType=0)}.dropdown-menu .disabled>a,.dropdown-menu .disabled>a:hover{color:#999}.dropdown-menu .disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default}.open{*z-index:1000}.open>.dropdown-menu{display:block}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px}.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.btn:active,.btn.active{background-color:#ccc \9}.btn:first-child{*margin-left:0}.btn:hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}.btn{border-color:#c5c5c5;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#e7d785;background-image:-moz-linear-gradient(top,#fffeb8,#c49c38);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fffeb8),to(#c49c38));background-image:-webkit-linear-gradient(top,#fffeb8,#c49c38);background-image:-o-linear-gradient(top,#fffeb8,#c49c38);background-image:linear-gradient(to bottom,#fffeb8,#c49c38);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffeb8',endColorstr='#ffc49c38',GradientType=0);border-color:#c49c38 #c49c38 #896d27;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#c49c38;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#c49c38;*background-color:#b08c32}.btn-primary:active,.btn-primary.active{background-color:#9c7c2d \9}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f89406;*background-color:#df8505}.btn-warning:active,.btn-warning.active{background-color:#c67605 \9}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#cc4036;background-image:-moz-linear-gradient(top,#dc4e44,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dc4e44),to(#b32b21));background-image:-webkit-linear-gradient(top,#dc4e44,#b32b21);background-image:-o-linear-gradient(top,#dc4e44,#b32b21);background-image:linear-gradient(to bottom,#dc4e44,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc4e44',endColorstr='#ffb32b21',GradientType=0);border-color:#b32b21 #b32b21 #721c15;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#b32b21;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#b32b21;*background-color:#9d261d}.btn-danger:active,.btn-danger.active{background-color:#872119 \9}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#51a351;*background-color:#499249}.btn-success:active,.btn-success.active{background-color:#408140 \9}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#2f96b4;*background-color:#2a85a0}.btn-info:active,.btn-info.active{background-color:#24748c \9}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#363636;background-image:-moz-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(to bottom,#444,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);border-color:#222 #222 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#222;*background-color:#151515}.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-link{border-color:transparent;cursor:pointer;color:#c83025;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-link:hover{color:#9d261d;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover{color:#333;text-decoration:none}.btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em}.btn-group:first-child{*margin-left:0}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px}.btn-group>.btn-mini{font-size:10.5px}.btn-group>.btn-small{font-size:11.9px}.btn-group>.btn-large{font-size:17.5px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px}.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);*padding-top:5px;*padding-bottom:5px}.btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:2px;*padding-bottom:2px}.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px}.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6}.btn-group.open .btn-primary.dropdown-toggle{background-color:#c49c38}.btn-group.open .btn-warning.dropdown-toggle{background-color:#f89406}.btn-group.open .btn-danger.dropdown-toggle{background-color:#b32b21}.btn-group.open .btn-success.dropdown-toggle{background-color:#51a351}.btn-group.open .btn-info.dropdown-toggle{background-color:#2f96b4}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#222}.btn .caret{margin-top:8px;margin-left:0}.btn-mini .caret,.btn-small .caret,.btn-large .caret{margin-top:6px}.btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px}.dropup .btn-large .caret{border-bottom-width:5px}.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#fff;border-bottom-color:#fff}.btn-group-vertical{display:inline-block;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px}.btn-group-vertical>.btn:first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.btn-group-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}.alert-success h4{color:#468847}.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad}.alert-info h4{color:#3a87ad}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.nav{margin-left:0;margin-bottom:20px;list-style:none}.nav>li>a{display:block}.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#c83025}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#fff;background-color:#c83025}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nav .dropdown-toggle .caret{border-top-color:#c83025;border-bottom-color:#c83025;margin-top:6px}.nav .dropdown-toggle:hover .caret{border-top-color:#9d261d;border-bottom-color:#9d261d}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.nav>.dropdown.active>a:hover{cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#fff;background-color:#999;border-color:#999}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover{border-color:#999}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}.nav>.disabled>a{color:#999}.nav>.disabled>a:hover{text-decoration:none;background-color:transparent;cursor:default}.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2}.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;background-image:-moz-linear-gradient(top,#fff,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);background-image:-o-linear-gradient(top,#fff,#f2f2f2);background-image:linear-gradient(to bottom,#fff,#f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);*zoom:1}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff}.navbar .brand:hover{text-decoration:none}.navbar-text{margin-bottom:0;line-height:40px;color:#777}.navbar-link{color:#777}.navbar-link:hover{color:#333}.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #fff}.navbar .btn,.navbar .btn-group{margin-top:5px}.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn{margin-top:0}.navbar-form{margin-bottom:0;*zoom:1}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0}.navbar-form:after{clear:both}.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px}.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0}.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px}.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0}.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar-static-top{position:static;margin-bottom:0}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px}.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.navbar-fixed-top{top:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}.navbar-fixed-bottom{bottom:0}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1)}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{float:left}.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;text-shadow:0 1px 0 #fff}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333;text-decoration:none}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#ededed;background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e5e5e5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#e5e5e5;*background-color:#d9d9d9}.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ccc \9}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:9px}.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0;bottom:-7px;top:auto}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #fff;border-bottom:0;bottom:-6px;top:auto}.navbar .nav li.dropdown>a:hover .caret{border-top-color:#555;border-bottom-color:#555}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e5e5e5;color:#555}.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777;border-bottom-color:#777}.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px}.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px}.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top,#222,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));background-image:-webkit-linear-gradient(top,#222,#111);background-image:-o-linear-gradient(top,#222,#111);background-image:linear-gradient(to bottom,#222,#111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);border-color:#252525}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{color:#fff}.navbar-inverse .brand{color:#999}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:transparent;color:#fff}.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:#111}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .divider-vertical{border-left-color:#111;border-right-color:#222}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111;color:#fff}.navbar-inverse .nav li.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-search .search-query{color:#fff;background-color:#515151;border-color:#111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.15);outline:0}.navbar-inverse .btn-navbar{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e0e0e;background-image:-moz-linear-gradient(top,#151515,#040404);background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));background-image:-webkit-linear-gradient(top,#151515,#040404);background-image:-o-linear-gradient(top,#151515,#040404);background-image:linear-gradient(to bottom,#151515,#040404);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);border-color:#040404 #040404 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#040404;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#fff;background-color:#040404;*background-color:#000}.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000 \9}.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #fff}.breadcrumb>li>.divider{padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{margin:20px 0}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5}.pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#999;background-color:transparent;cursor:default}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px}.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1}.pager:before,.pager:after{display:table;content:"";line-height:0}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager li>a:hover{text-decoration:none;background-color:#f5f5f5}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#fff;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px}.tooltip.right{margin-left:3px}.tooltip.bottom{margin-top:3px}.tooltip.left{margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;width:236px;padding:1px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.thumbnails{margin-left:-20px;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0}.thumbnails:after{clear:both}.row-fluid .thumbnails{margin-left:0}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.thumbnail:hover{border-color:#c83025;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto}.thumbnail .caption{padding:9px;color:#555}.media,.media-body{overflow:hidden;*overflow:visible;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media .pull-left{margin-right:10px}.media .pull-right{margin-left:10px}.media-list{margin-left:0;list-style:none}.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999}.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.label:empty,.badge:empty{display:none}a.label:hover,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.label-important,.badge-important{background-color:#b94a48}.label-important[href],.badge-important[href]{background-color:#953b39}.label-warning,.badge-warning{background-color:#f89406}.label-warning[href],.badge-warning[href]{background-color:#c67605}.label-success,.badge-success{background-color:#468847}.label-success[href],.badge-success[href]{background-color:#356635}.label-info,.badge-info{background-color:#3a87ad}.label-info[href],.badge-info[href]{background-color:#2d6987}.label-inverse,.badge-inverse{background-color:#333}.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a}.btn .label,.btn .badge{position:relative;top:-1px}.btn-mini .label,.btn-mini .badge{top:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.progress .bar{width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.accordion{margin-bottom:20px}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-toggle{cursor:pointer}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{left:auto;right:15px}.carousel-control:hover{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px}.hero-unit li{line-height:30px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}@font-face{font-family:'museo-slab';src:url('../font/museo_slab_300-webfont.eot');src:url('../font/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),url('../font/museo_slab_300-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'museo-slab';src:url('../font/museo_slab_500-webfont.eot');src:url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),url('../font/museo_slab_500-webfont.ttf') format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'proxima-nova';src:url('../font/proximanova-webfont.eot');src:url('../font/proximanova-webfont.eot?#iefix') format('embedded-opentype'),url('../font/proximanova-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'proxima-nova';src:url('../font/proximanova-sbold-webfont.eot');src:url('../font/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/proximanova-sbold-webfont.ttf') format('truetype');font-weight:bold;font-style:normal}.text-align-right{text-align:right}.text-align-center{text-align:center}.navbar .brand{color:#fff;font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif}.navbar .brand .icon-flag{padding-right:3px}.navbar .nav>li>a{padding:12px 10px 9px}h1,h2,h3,h4,h5,h6{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif}#iconCarousel{font-size:280px;text-align:center;line-height:285px;text-shadow:2px 2px 3px #222}#iconCarousel a{color:#fff}#iconCarousel .carousel-control{top:313px;width:23px;height:23px;border-width:3px;font-size:17px;line-height:25px;left:117px}#iconCarousel .carousel-control.right{left:auto;right:117px}.jumbotron{background:#9d261d;border-bottom:1px solid #721c15;padding:90px 0 48px;text-shadow:2px 2px 2px #333}.jumbotron,.jumbotron h1{color:#fff}.jumbotron h1{font-size:80px;letter-spacing:-2px;line-height:1}.jumbotron p{margin-top:15px;margin-bottom:30px;font-size:30px;line-height:1.3}.jumbotron ul{margin-left:50px}.jumbotron ul li{font-size:15px;line-height:30px;text-shadow:1px 1px 1px #333}.jumbotron ul li.icon-large:before{text-indent:-2em;vertical-align:baseline}.jumbotron .btn-large{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:18px;padding:13px 23px 13px 22px;margin-right:10px;text-align:left}.jumbotron .hero-content{text-align:center}.jumbotron .shameless-self-promotion{font-size:12px;margin-top:15px;color:#ce938e;text-shadow:none}.btn-github{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#fff,#c4c4c4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#c4c4c4));background-image:-webkit-linear-gradient(top,#fff,#c4c4c4);background-image:-o-linear-gradient(top,#fff,#c4c4c4);background-image:linear-gradient(to bottom,#fff,#c4c4c4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffc4c4c4',GradientType=0);border-color:#c4c4c4 #c4c4c4 #9d9d9d;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#c4c4c4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-github:hover,.btn-github:active,.btn-github.active,.btn-github.disabled,.btn-github[disabled]{color:#fff;background-color:#c4c4c4;*background-color:#b7b7b7}.btn-github:active,.btn-github.active{background-color:#aaa \9}.btn-primary,.btn-github{color:#333;text-shadow:0 -1px 0 rgba(255,255,255,0.25)}.btn-primary:hover,.btn-github:hover{text-shadow:0 -1px 0 rgba(255,255,255,0.25);color:#333}section{padding-top:40px}#social-buttons{padding:22px 0;text-align:center;background-color:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #ddd}#social-buttons .btn{font-weight:bold;padding:0 5px;line-height:17px}#social-buttons .count.btn{background:#fff;font-weight:normal}#social-buttons .watch,#social-buttons .fork{margin-right:30px}.the-icons{list-style-type:none;margin:0}.the-icons li{cursor:pointer;line-height:32px;height:32px;padding-left:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.the-icons li [class^="icon-"],.the-icons li [class*=" icon-"]{width:32px;font-size:14px}.the-icons li:hover{background-color:#fbf4f4}.the-icons li:hover [class^="icon-"],.the-icons li:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle}.the-icons li:hover [class^="icon-"]:before,.the-icons li:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px}#why .row,#whats-new .row{margin-bottom:20px}#why h4 [class^="icon-"],#whats-new h4 [class^="icon-"],#why h4 [class*=" icon-"],#whats-new h4 [class*=" icon-"]{vertical-align:-10%;font-size:28px;margin-right:5px}#examples .btn-toolbar{margin-top:0;margin-bottom:20px}#integration .row{margin-bottom:40px}#examples form,#code form{margin-bottom:25px}#examples form input,#code form input{line-height:1}#examples .rating,#code .rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}#examples .rating span.star,#code .rating span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block}#examples .rating span.star:hover,#code .rating span.star:hover{cursor:pointer}#examples .rating span.star:before,#code .rating span.star:before{content:"\f006";padding-right:5px;color:#999}#examples .rating span.star:hover:before,#code .rating span.star:hover:before,#examples .rating span.star:hover ~ span.star:before,#code .rating span.star:hover ~ span.star:before{content:"\f005";color:#e3cf7a}#kyruus{color:#555;font-size:18px}#kyruus,#kyruus li{line-height:25px}#kyruus p{margin-bottom:22px}#kyruus p strong{color:#222}#kyruus ul{margin-top:5px;margin-bottom:22px}#kyruus ul li{margin-top:10px}#kyruus ul i{margin-top:5px;color:#007dbc}#kyruus .border{border:solid 10px #eee;padding:1em 1.5em;margin-left:.2em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#kyruus .border .icon-medkit{font-size:224px}#kyruus .border a:hover .icon-medkit{text-decoration:none}#kyruus a{font-weight:bold;color:#007dbc}#kyruus a:hover{color:#005f9b}.modal{width:560px;max-height:610px}.modal .modal-body{*overflow:hidden;max-height:none;padding-bottom:0}.modal .modal-body .row{margin-bottom:15px}.modal .modal-body div.thumbnail{text-align:center}.modal .modal-body div.thumbnail div{margin:8px}.modal .modal-body .icon6{width:330px}.modal .modal-body .icon6>div.thumbnail>div{line-height:308px;height:294px;text-align:center}.modal .modal-body .icon6>div.thumbnail>div i{font-size:280px}.modal .modal-body .icon5{width:180px}.modal .modal-body .icon5>div.thumbnail>div{line-height:154px;height:147px;text-align:center}.modal .modal-body .icon5>div.thumbnail>div i{font-size:140px}.modal .modal-body .icon4{width:215px}.modal .modal-body .icon4>div.thumbnail>div{line-height:123.20000000000002px;height:117.60000000000001px;text-align:center}.modal .modal-body .icon4>div.thumbnail>div i{font-size:112px}.modal .modal-body .icon3{width:120px}.modal .modal-body .icon3>div.thumbnail>div{line-height:61.60000000000001px;height:58.800000000000004px;text-align:center}.modal .modal-body .icon3>div.thumbnail>div i{font-size:56px}.modal .modal-body .icon2{width:75px}.modal .modal-body .icon2>div.thumbnail>div{line-height:30.800000000000004px;height:29.400000000000002px;text-align:center}.modal .modal-body .icon2>div.thumbnail>div i{font-size:28px}.modal .modal-body .icon1{width:60px}.modal .modal-body .icon1>div.thumbnail>div{line-height:15.400000000000002px;height:14.700000000000001px;text-align:center}.modal .modal-body .icon1>div.thumbnail>div i{font-size:14px}.label,.badge{background-color:#eee}.well.well-transparent{background-color:transparent}footer{background-color:#9d261d;border-top:1px solid #872119;color:#ddb3b0;text-shadow:0 -1px 0 rgba(0,0,0,0.25);margin-top:60px;padding-top:45px;padding-bottom:60px;*zoom:1}footer a{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}footer a:hover{color:#fff}footer ul{line-height:25px}
\ No newline at end of file + */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff}a{color:#c83025;text-decoration:none}a:hover,a:focus{color:#9d261d;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}.container-fluid:after{clear:both}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:bold}em{font-style:italic}cite{font-style:normal}.muted{color:#999}a.muted:hover,a.muted:focus{color:#808080}.text-warning{color:#b58603}a.text-warning:hover,a.text-warning:focus{color:#836102}.text-error{color:#9d261d}a.text-error:hover,a.text-error:focus{color:#721c15}.text-info{color:#007dbc}a.text-info:hover,a.text-info:focus{color:#005b89}.text-success{color:#5c7f41}a.text-success:hover,a.text-success:focus{color:#435d2f}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:500;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{line-height:20px}ul.unstyled,ol.unstyled{margin-left:0;list-style:none}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:bold}dd{margin-left:10px}.dl-horizontal{*zoom:1}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:20px;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}form{margin:0 0 20px}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#999}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;border:1px solid #ccc;background-color:#fff}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#b58603}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#b58603}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#b58603;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#836102;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fbc124;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fbc124;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fbc124}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#b58603;background-color:#fffcee;border-color:#b58603}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#9d261d}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#9d261d}.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#9d261d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#721c15;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dc4e44;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dc4e44;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dc4e44}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#9d261d;background-color:#fff0f0;border-color:#9d261d}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#5c7f41}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#5c7f41}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#5c7f41;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#435d2f;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8eb670;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8eb670;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8eb670}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#5c7f41;background-color:#f3f9e8;border-color:#5c7f41}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#007dbc}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#007dbc}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#007dbc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#005b89;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #23b5ff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #23b5ff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #23b5ff}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#007dbc;background-color:#f0f9ff;border-color:#007dbc}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0}.form-actions:after{clear:both}.help-block,.help-inline{color:#595959}.help-block{display:block;margin-bottom:10px}.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px}.input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .active,.input-prepend .active{background-color:#d9e8c2;border-color:#95bf52}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .btn-group:first-child{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:20px;*zoom:1}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}.form-horizontal .controls:first-child{*padding-left:180px}.form-horizontal .help-block{margin-bottom:0}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table th{font-weight:bold}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.table-bordered th,.table-bordered td{border-left:1px solid #ddd}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5}table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}.table td.span1,.table th.span1{float:none;width:44px;margin-left:0}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0}.table td.span3,.table th.span3{float:none;width:204px;margin-left:0}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0}.table td.span5,.table th.span5{float:none;width:364px;margin-left:0}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0}.table td.span7,.table th.span7{float:none;width:524px;margin-left:0}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0}.table td.span9,.table th.span9{float:none;width:684px;margin-left:0}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0}.table td.span11,.table th.span11{float:none;width:844px;margin-left:0}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0}.table tbody tr.success>td{background-color:#f3f9e8}.table tbody tr.error>td{background-color:#fff0f0}.table tbody tr.warning>td{background-color:#fffcee}.table tbody tr.info>td{background-color:#f0f9ff}.table-hover tbody tr.success:hover>td{background-color:#e8f4d4}.table-hover tbody tr.error:hover>td{background-color:#ffd7d7}.table-hover tbody tr.warning:hover>td{background-color:#fff8d5}.table-hover tbody tr.info:hover>td{background-color:#d7efff}.dropup,.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;content:""}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#fff;background-color:#bf2e23;background-image:-moz-linear-gradient(top,#c83025,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c83025),to(#b32b21));background-image:-webkit-linear-gradient(top,#c83025,#b32b21);background-image:-o-linear-gradient(top,#c83025,#b32b21);background-image:linear-gradient(to bottom,#c83025,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025',endColorstr='#ffb32b21',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#bf2e23;background-image:-moz-linear-gradient(top,#c83025,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c83025),to(#b32b21));background-image:-webkit-linear-gradient(top,#c83025,#b32b21);background-image:-o-linear-gradient(top,#c83025,#b32b21);background-image:linear-gradient(to bottom,#c83025,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc83025',endColorstr='#ffb32b21',GradientType=0)}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default}.open{*z-index:1000}.open>.dropdown-menu{display:block}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px}.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.btn:active,.btn.active{background-color:#ccc \9}.btn:first-child{*margin-left:0}.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#e7d785;background-image:-moz-linear-gradient(top,#fffeb8,#c49c38);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fffeb8),to(#c49c38));background-image:-webkit-linear-gradient(top,#fffeb8,#c49c38);background-image:-o-linear-gradient(top,#fffeb8,#c49c38);background-image:linear-gradient(to bottom,#fffeb8,#c49c38);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffeb8',endColorstr='#ffc49c38',GradientType=0);border-color:#c49c38 #c49c38 #896d27;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#c49c38;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#c49c38;*background-color:#b08c32}.btn-primary:active,.btn-primary.active{background-color:#9c7c2d \9}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#e7c44b;background-image:-moz-linear-gradient(top,#f9e27d,#cc9600);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9e27d),to(#cc9600));background-image:-webkit-linear-gradient(top,#f9e27d,#cc9600);background-image:-o-linear-gradient(top,#f9e27d,#cc9600);background-image:linear-gradient(to bottom,#f9e27d,#cc9600);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9e27d',endColorstr='#ffcc9600',GradientType=0);border-color:#cc9600 #cc9600 #805e00;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#cc9600;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#cc9600;*background-color:#b38300}.btn-warning:active,.btn-warning.active{background-color:#997100 \9}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#cc4036;background-image:-moz-linear-gradient(top,#dc4e44,#b32b21);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dc4e44),to(#b32b21));background-image:-webkit-linear-gradient(top,#dc4e44,#b32b21);background-image:-o-linear-gradient(top,#dc4e44,#b32b21);background-image:linear-gradient(to bottom,#dc4e44,#b32b21);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc4e44',endColorstr='#ffb32b21',GradientType=0);border-color:#b32b21 #b32b21 #721c15;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#b32b21;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#b32b21;*background-color:#9d261d}.btn-danger:active,.btn-danger.active{background-color:#872119 \9}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#83a94c;background-image:-moz-linear-gradient(top,#95bf52,#678943);background-image:-webkit-gradient(linear,0 0,0 100%,from(#95bf52),to(#678943));background-image:-webkit-linear-gradient(top,#95bf52,#678943);background-image:-o-linear-gradient(top,#95bf52,#678943);background-image:linear-gradient(to bottom,#95bf52,#678943);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff95bf52',endColorstr='#ff678943',GradientType=0);border-color:#678943 #678943 #40562a;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#678943;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#678943;*background-color:#5a783b}.btn-success:active,.btn-success.active{background-color:#4d6732 \9}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#008ed0;background-image:-moz-linear-gradient(top,#009add,#007dbc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#009add),to(#007dbc));background-image:-webkit-linear-gradient(top,#009add,#007dbc);background-image:-o-linear-gradient(top,#009add,#007dbc);background-image:linear-gradient(to bottom,#009add,#007dbc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009add',endColorstr='#ff007dbc',GradientType=0);border-color:#007dbc #007dbc #004a70;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#007dbc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#007dbc;*background-color:#006ca3}.btn-info:active,.btn-info.active{background-color:#005b89 \9}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#363636;background-image:-moz-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(to bottom,#444,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);border-color:#222 #222 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#222;*background-color:#151515}.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-link{border-color:transparent;cursor:pointer;color:#c83025;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-link:hover,.btn-link:focus{color:#9d261d;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333;text-decoration:none}.btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em}.btn-group:first-child{*margin-left:0}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px}.btn-group>.btn-mini{font-size:10.5px}.btn-group>.btn-small{font-size:11.9px}.btn-group>.btn-large{font-size:17.5px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px}.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);*padding-top:5px;*padding-bottom:5px}.btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:2px;*padding-bottom:2px}.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px}.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6}.btn-group.open .btn-primary.dropdown-toggle{background-color:#c49c38}.btn-group.open .btn-warning.dropdown-toggle{background-color:#cc9600}.btn-group.open .btn-danger.dropdown-toggle{background-color:#b32b21}.btn-group.open .btn-success.dropdown-toggle{background-color:#678943}.btn-group.open .btn-info.dropdown-toggle{background-color:#007dbc}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#222}.btn .caret{margin-top:8px;margin-left:0}.btn-large .caret{margin-top:6px}.btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px}.btn-mini .caret,.btn-small .caret{margin-top:8px}.dropup .btn-large .caret{border-bottom-width:5px}.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#fff;border-bottom-color:#fff}.btn-group-vertical{display:inline-block;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px}.btn-group-vertical>.btn:first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.btn-group-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fffcee;border:1px solid #ffedca;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert h4{color:#b58603}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{background-color:#f3f9e8;border-color:#e1ebb3;color:#5c7f41}.alert-success h4{color:#5c7f41}.alert-danger,.alert-error{background-color:#fff0f0;border-color:#ffdce1;color:#9d261d}.alert-danger h4,.alert-error h4{color:#9d261d}.alert-info{background-color:#f0f9ff;border-color:#ccf3ff;color:#007dbc}.alert-info h4{color:#007dbc}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}.nav{margin-left:0;margin-bottom:20px;list-style:none}.nav>li>a{display:block}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#c83025}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eee #eee #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#fff;background-color:#c83025}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nav .dropdown-toggle .caret{border-top-color:#c83025;border-bottom-color:#c83025;margin-top:6px}.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#9d261d;border-bottom-color:#9d261d}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#999;border-color:#999}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}.nav>.disabled>a{color:#999}.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default}.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2}.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;background-image:-moz-linear-gradient(top,#fff,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);background-image:-o-linear-gradient(top,#fff,#f2f2f2);background-image:linear-gradient(to bottom,#fff,#f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);*zoom:1}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff}.navbar .brand:hover,.navbar .brand:focus{text-decoration:none}.navbar-text{margin-bottom:0;line-height:40px;color:#777}.navbar-link{color:#777}.navbar-link:hover,.navbar-link:focus{color:#333}.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #fff}.navbar .btn,.navbar .btn-group{margin-top:5px}.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0}.navbar-form{margin-bottom:0;*zoom:1}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0}.navbar-form:after{clear:both}.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px}.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0}.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px}.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0}.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar-static-top{position:static;margin-bottom:0}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px}.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.navbar-fixed-top{top:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}.navbar-fixed-bottom{bottom:0}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1)}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{float:left}.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;text-shadow:0 1px 0 #fff}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333;text-decoration:none}.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#ededed;background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e5e5e5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)}.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#e5e5e5;*background-color:#d9d9d9}.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ccc \9}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:9px}.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0;bottom:-7px;top:auto}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #fff;border-bottom:0;bottom:-6px;top:auto}.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e5e5e5;color:#555}.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777;border-bottom-color:#777}.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px}.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px}.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top,#222,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));background-image:-webkit-linear-gradient(top,#222,#111);background-image:-o-linear-gradient(top,#222,#111);background-image:linear-gradient(to bottom,#222,#111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);border-color:#252525}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus{color:#fff}.navbar-inverse .brand{color:#999}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:transparent;color:#fff}.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:#111}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus{color:#fff}.navbar-inverse .divider-vertical{border-left-color:#111;border-right-color:#222}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111;color:#fff}.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-search .search-query{color:#fff;background-color:#515151;border-color:#111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#ccc}.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.15);outline:0}.navbar-inverse .btn-navbar{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e0e0e;background-image:-moz-linear-gradient(top,#151515,#040404);background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));background-image:-webkit-linear-gradient(top,#151515,#040404);background-image:-o-linear-gradient(top,#151515,#040404);background-image:linear-gradient(to bottom,#151515,#040404);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);border-color:#040404 #040404 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#040404;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#fff;background-color:#040404;*background-color:#000}.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000 \9}.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #fff}.breadcrumb>li>.divider{padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{margin:20px 0}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5}.pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;background-color:transparent;cursor:default}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px}.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1}.pager:before,.pager:after{display:table;content:"";line-height:0}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.popover-title:empty{display:none}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.thumbnails{margin-left:-20px;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0}.thumbnails:after{clear:both}.row-fluid .thumbnails{margin-left:0}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.thumbnail:hover,a.thumbnail:focus{border-color:#c83025;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto}.thumbnail .caption{padding:9px;color:#555}.media,.media-body{overflow:hidden;*overflow:visible;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{margin-left:0;list-style:none}.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999}.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.label:empty,.badge:empty{display:none}a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.label-important,.badge-important{background-color:#9d261d}.label-important[href],.badge-important[href]{background-color:#721c15}.label-warning,.badge-warning{background-color:#f4914e}.label-warning[href],.badge-warning[href]{background-color:#f1731e}.label-success,.badge-success{background-color:#5c7f41}.label-success[href],.badge-success[href]{background-color:#435d2f}.label-info,.badge-info{background-color:#007dbc}.label-info[href],.badge-info[href]{background-color:#005b89}.label-inverse,.badge-inverse{background-color:#333}.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a}.btn .label,.btn .badge{position:relative;top:-1px}.btn-mini .label,.btn-mini .badge{top:0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.progress .bar{width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(to bottom,#5bc0de,#339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#f7ac79;background-image:-moz-linear-gradient(top,#f8be96,#f4914e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f8be96),to(#f4914e));background-image:-webkit-linear-gradient(top,#f8be96,#f4914e);background-image:-o-linear-gradient(top,#f8be96,#f4914e);background-image:linear-gradient(to bottom,#f8be96,#f4914e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8be96',endColorstr='#fff4914e',GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#f8be96;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.accordion{margin-bottom:20px}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-toggle{cursor:pointer}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{left:auto;right:15px}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px}.hero-unit li{line-height:30px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}html,body{height:100%}.wrapper{min-height:100%;height:auto!important;height:100%}.footer{min-width:990px}.wrapper{margin:0 auto -231px}.push{height:231px}.footer{margin-top:60px;height:90px;padding:40px 0 40px}.padding-none{padding:0!important}.padding{padding:10px!important}.padding-small{padding:5px!important}.padding-large{padding:22px!important}.padding-top-none{padding-top:0!important}.padding-top{padding-top:10px!important}.padding-top-small{padding-top:5px!important}.padding-top-large{padding-top:22px!important}.padding-right-none{padding-right:0!important}.padding-right{padding-right:10px!important}.padding-right-small{padding-right:5px!important}.padding-right-large{padding-right:22px!important}.padding-bottom-none{padding-bottom:0!important}.padding-bottom{padding-bottom:10px!important}.padding-bottom-small{padding-bottom:5px!important}.padding-bottom-large{padding-bottom:22px!important}.padding-left-none{padding-left:0!important}.padding-left{padding-left:10px!important}.padding-left-small{padding-left:5px!important}.padding-left-large{padding-left:22px!important}.margin-none{margin:0!important}.margin{margin:10px!important}.margin-small{margin:5px!important}.margin-large{margin:22px!important}.margin-top-none{margin-top:0!important}.margin-top{margin-top:10px!important}.margin-top-large{margin-top:22px!important}.margin-top-small{margin-top:5px!important}.margin-right-none{margin-right:0!important}.margin-right{margin-right:10px!important}.margin-right-large{margin-right:22px!important}.margin-right-small{margin-right:5px!important}.margin-bottom-none{margin-bottom:0!important}.margin-bottom{margin-bottom:10px!important}.margin-bottom-large{margin-bottom:22px!important}.margin-bottom-small{margin-bottom:5px!important}.margin-left-none{margin-left:0!important}.margin-left{margin-left:10px!important}.margin-left-large{margin-left:22px!important}.margin-left-small{margin-left:5px!important}.border-left-none{border-left:none!important}.border-right-none{border-right:none!important}.border-bottom-none{border-bottom:none!important}.border-top-none{border-top:none!important}.display-block{display:block}.no-underline:hover{text-decoration:none}.clickable{cursor:pointer}.strong{font-weight:bold}.em{font-style:italic}.small{font-size:85%}.no-link{color:#333}.text-sans-serif{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-default{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:normal}.hilite{color:#c83025}.hilite:hover{color:#9d261d;text-decoration:underline}.hilite [class^="icon-"]:before,.hilite [class*=" icon-"]:before{display:inline}.strike{text-decoration:line-through}.upper{text-transform:uppercase}.lower{text-transform:lowercase}.navbar .brand{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif}.navbar .brand .icon-flag{padding-right:3px}.navbar .nav>li>a{padding:12px 10px 9px}.navbar .nav.pull-right{margin-right:-10px}h1,h2,h3,h4,h5,h6{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif}#iconCarousel{font-size:220px;text-align:center;line-height:225px;text-shadow:2px 2px 3px #222}#iconCarousel a{color:#fff}#iconCarousel .carousel-control{top:253px;width:30px;height:30px;background:0;border-width:0;font-size:30px;line-height:25px;left:117px}#iconCarousel .carousel-control.right{left:auto;right:117px}.jumbotron{background:#9d261d;border-bottom:1px solid #721c15;background-color:#99251c;background-repeat:repeat-x;background-image:-moz-linear-gradient(-40deg,#9d261d,#99251c);background-image:-webkit-linear-gradient(-40deg,#9d261d,#99251c);background-image:-o-linear-gradient(-40deg,#9d261d,#99251c);background-image:linear-gradient(-40deg,#9d261d,#99251c);text-shadow:2px 2px 2px #333}.jumbotron,.jumbotron h1{color:#fff}.jumbotron h1{font-size:80px;letter-spacing:-2px;line-height:1}.jumbotron p{margin-top:15px;margin-bottom:15px;font-size:30px;line-height:1.3;font-weight:lighter}.jumbotron .actions{margin-top:25px}.jumbotron ul{margin-left:50px}.jumbotron ul li{font-size:15px;line-height:30px;text-shadow:1px 1px 1px #333}.jumbotron ul li.icon-large:before{text-indent:-2em;vertical-align:baseline}.jumbotron .btn-large{font-family:museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:24px;padding:17px 30px;letter-spacing:-1px}.jumbotron .hero-content{text-align:center}.jumbotron .shameless-self-promotion{font-size:14px;margin-top:25px;color:#c47d77;text-shadow:none}.jumbotron .shameless-self-promotion a{color:#e2bebb}.jumbotron .shameless-self-promotion a:hover{color:#fff}.jumbotron-index{padding:40px 0}.jumbotron-index h1{font-size:80px;letter-spacing:-2px;line-height:1;margin:0 0 15px}.jumbotron-index p{margin-top:15px;margin-bottom:15px;font-size:30px;line-height:1.3}.jumbotron-ad{padding:20px 0}.jumbotron-ad h1{margin-top:25px}.jumbotron-ad p{margin-bottom:35px}.jumbotron-icon{padding:20px 0 30px;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(-40deg,#eee,#e6e6e6);background-image:-webkit-linear-gradient(-40deg,#eee,#e6e6e6);background-image:-o-linear-gradient(-40deg,#eee,#e6e6e6);background-image:linear-gradient(-40deg,#eee,#e6e6e6);color:#222;text-shadow:1px 1px 1px #fff;border-bottom:solid 1px #c4c4c4}.jumbotron-icon h1{color:#222;font-size:40px}.jumbotron-icon h1 small{letter-spacing:normal;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;margin-left:20px}.jumbotron-icon .info-details{float:left}.jumbotron-icon .info-details p{margin:25px 0;font-weight:bold}.jumbotron-icon .info-details .dl-horizontal dt{width:80px}.jumbotron-icon .info-details .dl-horizontal dd{margin-left:95px}.jumbotron-icon .icon-2{font-size:2em}.jumbotron-icon .icon-3{font-size:4em}.jumbotron-icon .icon-4{font-size:7em}.jumbotron-icon .icon-5{font-size:12em}.jumbotron-icon .icon-6{font-size:20em}.jumbotron-icon .icon-1,.jumbotron-icon .icon-2,.jumbotron-icon .icon-3,.jumbotron-icon .icon-4,.jumbotron-icon .icon-5,.jumbotron-icon .icon-6{margin-right:.07142857142857142em}.info-ad{float:right;width:154px;height:219px;margin-left:15px}.stripe-ad{margin-bottom:22px}.stripe-ad .lead{margin-top:10px;margin-right:30px}.btn-primary{color:#333;text-shadow:0 -1px 0 rgba(255,255,255,0.25)}.btn-primary:hover{text-shadow:0 -1px 0 rgba(255,255,255,0.25);color:#333}section{margin-top:40px}#social-buttons{padding:22px 0 17px;text-align:center;background-color:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #ddd}#social-buttons ul.unstyled{margin:0}#social-buttons .btn{font-weight:bold;padding:0 5px;line-height:17px;margin:0}#social-buttons .count.btn{background:#fff;font-weight:normal}.the-icons{list-style-type:none;margin:0}.the-icons li [class^="icon-"],.the-icons li [class*=" icon-"]{display:inline-block;width:1.2857142857142858em;text-align:center}.the-icons li a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.the-icons li a,.the-icons li a:hover{color:#222}.the-icons li a [class^="icon-"],.the-icons li a [class*=" icon-"]{width:32px;font-size:14px}.the-icons li a:hover{background-color:#fff0f0;text-decoration:none}.the-icons li a:hover [class^="icon-"],.the-icons li a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle}.the-icons li a:hover [class^="icon-"]:before,.the-icons li a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px}#why .row,#whats-new .row{margin-bottom:20px}#why h4 [class^="icon-"]:before,#whats-new h4 [class^="icon-"]:before,#why h4 [class*=" icon-"]:before,#whats-new h4 [class*=" icon-"]:before{vertical-align:-10%;font-size:28px;display:inline-block;width:1.0714285714285714em;text-align:center;margin-right:5px}.rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}.rating span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block}.rating span.star:hover{cursor:pointer}.rating span.star:before{content:"\f006";padding-right:5px;color:#999}.rating span.star:hover:before,.rating span.star:hover ~ span.star:before{content:"\f005";color:#e3cf7a}.label,.badge{background-color:#eee}.well.well-transparent{background-color:transparent}footer{background-color:#9d261d;border-top:1px solid #872119;color:#ddb3b0;text-shadow:0 -1px 0 rgba(0,0,0,0.25);margin-top:60px;padding-top:45px;padding-bottom:60px;*zoom:1}footer a{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}footer a:hover{color:#fff}footer ul{line-height:25px}footer .project{margin-top:10px}.navbar .nav>li.dropdown-split-right>a{padding-left:7px}.navbar .nav>li.dropdown-split-left>a{padding-right:0}
\ No newline at end of file diff --git a/assets/font-awesome.zip b/assets/font-awesome.zip Binary files differnew file mode 100644 index 000000000..93c043c86 --- /dev/null +++ b/assets/font-awesome.zip diff --git a/assets/font-awesome/css/font-awesome-ie7.css b/assets/font-awesome/css/font-awesome-ie7.css new file mode 100644 index 000000000..923007684 --- /dev/null +++ b/assets/font-awesome/css/font-awesome-ie7.css @@ -0,0 +1,24 @@ +/*! + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fontawesome.io + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + + * Contact + * ------------------------------------------------------- + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle}.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%}.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px}ul.icons-ul{text-indent:-1em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:1em;margin-right:0}.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit}.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em}a [class^="icon-"],a [class*=" icon-"]{cursor:pointer}.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-expand-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-collapse-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-smile{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-frown{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-meh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-gamepad{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-keyboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag-checkered{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-terminal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-code{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-mail-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-half-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-location-arrow{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-crop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-code-fork{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlink{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-question{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-info{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exclamation{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-superscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-subscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eraser{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-puzzle-piece{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-microphone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-microphone-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-shield{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-calendar-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fire-extinguisher{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rocket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-maxcdn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-html5{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-css3{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-anchor{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlock-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bullseye{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ellipsis-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ellipsis-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rss-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ticket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-level-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-level-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-edit-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-external-link-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
\ No newline at end of file diff --git a/assets/font-awesome/css/font-awesome-ie7.min.css b/assets/font-awesome/css/font-awesome-ie7.min.css new file mode 100644 index 000000000..923007684 --- /dev/null +++ b/assets/font-awesome/css/font-awesome-ie7.min.css @@ -0,0 +1,24 @@ +/*! + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fontawesome.io + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + + * Contact + * ------------------------------------------------------- + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle}.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%}.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px}ul.icons-ul{text-indent:-1em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:1em;margin-right:0}.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit}.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em}a [class^="icon-"],a [class*=" icon-"]{cursor:pointer}.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-expand-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-collapse-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-smile{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-frown{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-meh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-gamepad{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-keyboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-flag-checkered{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-terminal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-code{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-mail-reply-all{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-star-half-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-location-arrow{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-crop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-code-fork{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlink{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-question{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-info{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-exclamation{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-superscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-subscript{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-eraser{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-puzzle-piece{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-microphone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-microphone-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-shield{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-calendar-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-fire-extinguisher{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rocket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-maxcdn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-chevron-sign-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-html5{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-css3{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-anchor{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-unlock-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-bullseye{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ellipsis-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ellipsis-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-rss-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-play-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-ticket{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-minus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-level-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-level-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-check-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-edit-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-external-link-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}.icon-share-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')}
\ No newline at end of file diff --git a/assets/font-awesome/css/font-awesome.css b/assets/font-awesome/css/font-awesome.css new file mode 100644 index 000000000..c7cff38a0 --- /dev/null +++ b/assets/font-awesome/css/font-awesome.css @@ -0,0 +1,24 @@ +/*! + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fontawesome.io + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + + * Contact + * ------------------------------------------------------- + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.1.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"],a [class^="icon-"]:before,a [class*=" icon-"]:before{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.2857142857142858em;text-align:center}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.5714285714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:.7142857142857143em;display:inline-block;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before,.icon-rotate-right:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before,.icon-mail-forward:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before,.icon-rotate-left:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before,.icon-mail-reply:before{content:"\f112"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}
\ No newline at end of file diff --git a/assets/font-awesome/css/font-awesome.min.css b/assets/font-awesome/css/font-awesome.min.css new file mode 100644 index 000000000..c7cff38a0 --- /dev/null +++ b/assets/font-awesome/css/font-awesome.min.css @@ -0,0 +1,24 @@ +/*! + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fontawesome.io + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + + * Contact + * ------------------------------------------------------- + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.1.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"],a [class^="icon-"]:before,a [class*=" icon-"]:before{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.2857142857142858em;text-align:center}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.5714285714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:.7142857142857143em;display:inline-block;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before,.icon-rotate-right:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before,.icon-mail-forward:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before,.icon-rotate-left:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before,.icon-mail-reply:before{content:"\f112"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}
\ No newline at end of file diff --git a/assets/font-awesome/font/FontAwesome.otf b/assets/font-awesome/font/FontAwesome.otf Binary files differnew file mode 100644 index 000000000..32dd8b1cd --- /dev/null +++ b/assets/font-awesome/font/FontAwesome.otf diff --git a/assets/font-awesome/font/fontawesome-webfont.eot b/assets/font-awesome/font/fontawesome-webfont.eot Binary files differnew file mode 100755 index 000000000..c080283bd --- /dev/null +++ b/assets/font-awesome/font/fontawesome-webfont.eot diff --git a/assets/font/fontawesome-webfont.svg b/assets/font-awesome/font/fontawesome-webfont.svg index ba0afe5ef..10a1e1bbf 100755 --- a/assets/font/fontawesome-webfont.svg +++ b/assets/font-awesome/font/fontawesome-webfont.svg @@ -53,14 +53,14 @@ <glyph unicode="" horiz-adv-x="1408" d="M512 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM768 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1024 800v-576q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v576 q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1152 76v948h-896v-948q0 -22 7 -40.5t14.5 -27t10.5 -8.5h832q3 0 10.5 8.5t14.5 27t7 40.5zM480 1152h448l-48 117q-7 9 -17 11h-317q-10 -2 -17 -11zM1408 1120v-64q0 -14 -9 -23t-23 -9h-96v-948q0 -83 -47 -143.5t-113 -60.5h-832 q-66 0 -113 58.5t-47 141.5v952h-96q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h309l70 167q15 37 54 63t79 26h320q40 0 79 -26t54 -63l70 -167h309q14 0 23 -9t9 -23z" /> <glyph unicode="" horiz-adv-x="1664" d="M1408 544v-480q0 -26 -19 -45t-45 -19h-384v384h-256v-384h-384q-26 0 -45 19t-19 45v480q0 1 0.5 3t0.5 3l575 474l575 -474q1 -2 1 -6zM1631 613l-62 -74q-8 -9 -21 -11h-3q-13 0 -21 7l-692 577l-692 -577q-12 -8 -24 -7q-13 2 -21 11l-62 74q-8 10 -7 23.5t11 21.5 l719 599q32 26 76 26t76 -26l244 -204v195q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-408l219 -182q10 -8 11 -21.5t-7 -23.5z" /> <glyph unicode="" horiz-adv-x="1280" d="M128 0h1024v768h-416q-40 0 -68 28t-28 68v416h-512v-1280zM768 896h299l-299 299v-299zM1280 768v-800q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v1344q0 40 28 68t68 28h544q40 0 88 -20t76 -48l408 -408q28 -28 48 -76t20 -88z" /> -<glyph unicode="" d="M1088 608v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-384q-13 0 -22.5 9.5t-9.5 22.5v448q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5v-352h288q13 0 22.5 -9.5t9.5 -22.5zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5t-198.5 40.5t-198.5 -40.5 t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5 t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM768 96q148 0 273 73t198 198t73 273t-73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273 t73 -273t198 -198t273 -73zM1024 640q26 0 45 -19t19 -45v-96q0 -26 -19 -45t-45 -19h-416q-26 0 -45 19t-19 45v480q0 26 19 45t45 19h96q26 0 45 -19t19 -45v-320h256z" /> <glyph unicode="" horiz-adv-x="1920" d="M1111 540v4l-24 320q-1 13 -11 22.5t-23 9.5h-186q-13 0 -23 -9.5t-11 -22.5l-24 -320v-4q-1 -12 8 -20t21 -8h244q12 0 21 8t8 20zM1870 73q0 -73 -46 -73h-704q13 0 22 9.5t8 22.5l-20 256q-1 13 -11 22.5t-23 9.5h-272q-13 0 -23 -9.5t-11 -22.5l-20 -256 q-1 -13 8 -22.5t22 -9.5h-704q-46 0 -46 73q0 54 26 116l417 1044q8 19 26 33t38 14h339q-13 0 -23 -9.5t-11 -22.5l-15 -192q-1 -14 8 -23t22 -9h166q13 0 22 9t8 23l-15 192q-1 13 -11 22.5t-23 9.5h339q20 0 38 -14t26 -33l417 -1044q26 -62 26 -116z" /> -<glyph unicode="" horiz-adv-x="1664" d="M1339 729q17 -41 -14 -70l-448 -448q-18 -19 -45 -19t-45 19l-448 448q-31 29 -14 70q17 39 59 39h256v448q0 26 19 45t45 19h256q26 0 45 -19t19 -45v-448h256q42 0 59 -39zM1632 512q14 0 23 -9t9 -23v-576q0 -14 -9 -23t-23 -9h-1600q-14 0 -23 9t-9 23v576q0 14 9 23 t23 9h192q14 0 23 -9t9 -23v-352h1152v352q0 14 9 23t23 9h192z" /> -<glyph unicode="" d="M1120 608q0 -12 -10 -24l-319 -319q-9 -9 -23 -9t-23 9l-320 320q-9 9 -9 23q0 13 9.5 22.5t22.5 9.5h192v352q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5v-352h192q14 0 23 -9t9 -23zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5t-198.5 40.5 t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5 t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M1120 672q0 -13 -9.5 -22.5t-22.5 -9.5h-192v-352q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v352h-192q-14 0 -23 9t-9 23q0 12 10 24l319 319q9 9 23 9t23 -9l320 -320q9 -9 9 -23zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5 t-198.5 40.5t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5 t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1280 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 416v-320q0 -40 -28 -68t-68 -28h-1472q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h465l135 -136 q58 -56 136 -56t136 56l136 136h464q40 0 68 -28t28 -68zM1339 985q17 -41 -14 -70l-448 -448q-18 -19 -45 -19t-45 19l-448 448q-31 29 -14 70q17 39 59 39h256v448q0 26 19 45t45 19h256q26 0 45 -19t19 -45v-448h256q42 0 59 -39z" /> +<glyph unicode="" d="M1120 608q0 -12 -10 -24l-319 -319q-11 -9 -23 -9t-23 9l-320 320q-15 16 -7 35q8 20 30 20h192v352q0 14 9 23t23 9h192q14 0 23 -9t9 -23v-352h192q14 0 23 -9t9 -23zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273 t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1118 660q-8 -20 -30 -20h-192v-352q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v352h-192q-14 0 -23 9t-9 23q0 12 10 24l319 319q11 9 23 9t23 -9l320 -320q15 -16 7 -35zM768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198 t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" d="M1023 576h316q-1 3 -2.5 8t-2.5 8l-212 496h-708l-212 -496q-1 -2 -2.5 -8t-2.5 -8h316l95 -192h320zM1536 546v-482q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v482q0 62 25 123l238 552q10 25 36.5 42t52.5 17h832q26 0 52.5 -17t36.5 -42l238 -552 q25 -61 25 -123z" /> -<glyph unicode="" d="M1152 640q0 -37 -33 -56l-512 -288q-14 -8 -31 -8t-32 9q-32 18 -32 55v576q0 37 32 55q31 20 63 1l512 -288q33 -19 33 -56zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5t-198.5 40.5t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5 t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M1536 1280v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l138 138q-148 137 -349 137q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5q169 0 304 99.5t185 261.5q7 23 30 23h199 q16 0 25 -12q10 -13 7 -27q-39 -175 -147.5 -312t-266 -213t-336.5 -76q-156 0 -298 61t-245 164t-164 245t-61 298t61 298t164 245t245 164t298 61q147 0 284.5 -55.5t244.5 -156.5l130 129q29 31 70 14q39 -17 39 -59z" /> +<glyph unicode="" d="M1184 640q0 -37 -32 -55l-544 -320q-15 -9 -32 -9q-16 0 -32 8q-32 19 -32 56v640q0 37 32 56q33 18 64 -1l544 -320q32 -18 32 -55zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1536 1280v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l138 138q-148 137 -349 137q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5q119 0 225 52t179 147q7 10 23 12q14 0 25 -9 l137 -138q9 -8 9.5 -20.5t-7.5 -22.5q-109 -132 -264 -204.5t-327 -72.5q-156 0 -298 61t-245 164t-164 245t-61 298t61 298t164 245t245 164t298 61q147 0 284.5 -55.5t244.5 -156.5l130 129q29 31 70 14q39 -17 39 -59z" /> <glyph unicode="" d="M1511 480q0 -5 -1 -7q-64 -268 -268 -434.5t-478 -166.5q-146 0 -282.5 55t-243.5 157l-129 -129q-19 -19 -45 -19t-45 19t-19 45v448q0 26 19 45t45 19h448q26 0 45 -19t19 -45t-19 -45l-137 -137q71 -66 161 -102t187 -36q134 0 250 65t186 179q11 17 53 117 q8 23 30 23h192q13 0 22.5 -9.5t9.5 -22.5zM1536 1280v-448q0 -26 -19 -45t-45 -19h-448q-26 0 -45 19t-19 45t19 45l138 138q-148 137 -349 137q-134 0 -250 -65t-186 -179q-11 -17 -53 -117q-8 -23 -30 -23h-199q-13 0 -22.5 9.5t-9.5 22.5v7q65 268 270 434.5t480 166.5 q146 0 284 -55.5t245 -156.5l130 129q19 19 45 19t45 -19t19 -45z" /> <glyph unicode="" horiz-adv-x="1792" d="M384 352v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 608v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M384 864v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1536 352v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5t9.5 -22.5z M1536 608v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5t9.5 -22.5zM1536 864v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-960q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h960q13 0 22.5 -9.5 t9.5 -22.5zM1664 160v832q0 13 -9.5 22.5t-22.5 9.5h-1472q-13 0 -22.5 -9.5t-9.5 -22.5v-832q0 -13 9.5 -22.5t22.5 -9.5h1472q13 0 22.5 9.5t9.5 22.5zM1792 1248v-1088q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h1472q66 0 113 -47 t47 -113z" /> <glyph unicode="" horiz-adv-x="1152" d="M704 512q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -37 19 -67t51 -47l-69 -229q-5 -15 5 -28t26 -13h192q16 0 26 13t5 28l-69 229q32 17 51 47t19 67zM320 768h512v192q0 106 -75 181t-181 75t-181 -75t-75 -181v-192zM1152 672v-576q0 -40 -28 -68 t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h32v192q0 184 132 316t316 132t316 -132t132 -316v-192h32q40 0 68 -28t28 -68z" /> @@ -70,7 +70,7 @@ <glyph unicode="" horiz-adv-x="1152" d="M768 1184v-1088q0 -26 -19 -45t-45 -19t-45 19l-333 333h-262q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h262l333 333q19 19 45 19t45 -19t19 -45zM1152 640q0 -76 -42.5 -141.5t-112.5 -93.5q-10 -5 -25 -5q-26 0 -45 18.5t-19 45.5q0 21 12 35.5t29 25t34 23t29 35.5 t12 57t-12 57t-29 35.5t-34 23t-29 25t-12 35.5q0 27 19 45.5t45 18.5q15 0 25 -5q70 -27 112.5 -93t42.5 -142z" /> <glyph unicode="" horiz-adv-x="1664" d="M768 1184v-1088q0 -26 -19 -45t-45 -19t-45 19l-333 333h-262q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h262l333 333q19 19 45 19t45 -19t19 -45zM1152 640q0 -76 -42.5 -141.5t-112.5 -93.5q-10 -5 -25 -5q-26 0 -45 18.5t-19 45.5q0 21 12 35.5t29 25t34 23t29 35.5 t12 57t-12 57t-29 35.5t-34 23t-29 25t-12 35.5q0 27 19 45.5t45 18.5q15 0 25 -5q70 -27 112.5 -93t42.5 -142zM1408 640q0 -153 -85 -282.5t-225 -188.5q-13 -5 -25 -5q-27 0 -46 19t-19 45q0 39 39 59q56 29 76 44q74 54 115.5 135.5t41.5 173.5t-41.5 173.5 t-115.5 135.5q-20 15 -76 44q-39 20 -39 59q0 26 19 45t45 19q13 0 26 -5q140 -59 225 -188.5t85 -282.5zM1664 640q0 -230 -127 -422.5t-338 -283.5q-13 -5 -26 -5q-26 0 -45 19t-19 45q0 36 39 59q7 4 22.5 10.5t22.5 10.5q46 25 82 51q123 91 192 227t69 289t-69 289 t-192 227q-36 26 -82 51q-7 4 -22.5 10.5t-22.5 10.5q-39 23 -39 59q0 26 19 45t45 19q13 0 26 -5q211 -91 338 -283.5t127 -422.5z" /> <glyph unicode="" horiz-adv-x="1408" d="M384 384v-128h-128v128h128zM384 1152v-128h-128v128h128zM1152 1152v-128h-128v128h128zM128 129h384v383h-384v-383zM128 896h384v384h-384v-384zM896 896h384v384h-384v-384zM640 640v-640h-640v640h640zM1152 128v-128h-128v128h128zM1408 128v-128h-128v128h128z M1408 640v-384h-384v128h-128v-384h-128v640h384v-128h128v128h128zM640 1408v-640h-640v640h640zM1408 1408v-640h-640v640h640z" /> -<glyph unicode="" horiz-adv-x="1792" d="M672 1408v-1536h-64v1536h64zM1408 1408v-1536h-64v1536h64zM1568 1408v-1536h-64v1536h64zM576 1408v-1536h-64v1536h64zM1280 1408v-1536h-256v1536h256zM896 1408v-1536h-128v1536h128zM448 1408v-1536h-128v1536h128zM1792 1408v-1536h-128v1536h128zM256 1408v-1536 h-256v1536h256z" /> +<glyph unicode="" horiz-adv-x="1792" d="M63 0h-63v1408h63v-1408zM126 1h-32v1407h32v-1407zM220 1h-31v1407h31v-1407zM377 1h-31v1407h31v-1407zM534 1h-62v1407h62v-1407zM660 1h-31v1407h31v-1407zM723 1h-31v1407h31v-1407zM786 1h-31v1407h31v-1407zM943 1h-63v1407h63v-1407zM1100 1h-63v1407h63v-1407z M1226 1h-63v1407h63v-1407zM1352 1h-63v1407h63v-1407zM1446 1h-63v1407h63v-1407zM1635 1h-94v1407h94v-1407zM1698 1h-32v1407h32v-1407zM1792 0h-63v1408h63v-1408z" /> <glyph unicode="" d="M448 1088q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1515 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-53 0 -90 37l-715 716q-38 37 -64.5 101t-26.5 117v416q0 52 38 90t90 38h416q53 0 117 -26.5t102 -64.5 l715 -714q37 -39 37 -91z" /> <glyph unicode="" horiz-adv-x="1920" d="M448 1088q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1515 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-53 0 -90 37l-715 716q-38 37 -64.5 101t-26.5 117v416q0 52 38 90t90 38h416q53 0 117 -26.5t102 -64.5 l715 -714q37 -39 37 -91zM1899 512q0 -53 -37 -90l-491 -492q-39 -37 -91 -37q-36 0 -59 14t-53 45l470 470q37 37 37 90q0 52 -37 91l-715 714q-38 38 -102 64.5t-117 26.5h224q53 0 117 -26.5t102 -64.5l715 -714q37 -39 37 -91z" /> <glyph unicode="" horiz-adv-x="1664" d="M1639 1058q40 -57 18 -129l-275 -906q-19 -64 -76.5 -107.5t-122.5 -43.5h-923q-77 0 -148.5 53.5t-99.5 131.5q-24 67 -2 127q0 4 3 27t4 37q1 8 -3 21.5t-3 19.5q2 11 8 21t16.5 23.5t16.5 23.5q23 38 45 91.5t30 91.5q3 10 0.5 30t-0.5 28q3 11 17 28t17 23 q21 36 42 92t25 90q1 9 -2.5 32t0.5 28q4 13 22 30.5t22 22.5q19 26 42.5 84.5t27.5 96.5q1 8 -3 25.5t-2 26.5q2 8 9 18t18 23t17 21q8 12 16.5 30.5t15 35t16 36t19.5 32t26.5 23.5t36 11.5t47.5 -5.5l-1 -3q38 9 51 9h761q74 0 114 -56t18 -130l-274 -906 q-36 -119 -71.5 -153.5t-128.5 -34.5h-869q-27 0 -38 -15q-11 -16 -1 -43q24 -70 144 -70h923q29 0 56 15.5t35 41.5l300 987q7 22 5 57q38 -15 59 -43zM575 1056q-4 -13 2 -22.5t20 -9.5h608q13 0 25.5 9.5t16.5 22.5l21 64q4 13 -2 22.5t-20 9.5h-608q-13 0 -25.5 -9.5 t-16.5 -22.5zM492 800q-4 -13 2 -22.5t20 -9.5h608q13 0 25.5 9.5t16.5 22.5l21 64q4 13 -2 22.5t-20 9.5h-608q-13 0 -25.5 -9.5t-16.5 -22.5z" /> @@ -89,11 +89,11 @@ <glyph unicode="" horiz-adv-x="1792" d="M256 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM256 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5 t9.5 -22.5zM256 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1344 q13 0 22.5 -9.5t9.5 -22.5zM256 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-192q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5 t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v192 q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M384 992v-576q0 -13 -9.5 -22.5t-22.5 -9.5q-14 0 -23 9l-288 288q-9 9 -9 23t9 23l288 288q9 9 23 9q13 0 22.5 -9.5t9.5 -22.5zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5 t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088 q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5t9.5 -22.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M352 704q0 -14 -9 -23l-288 -288q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v576q0 13 9.5 22.5t22.5 9.5q14 0 23 -9l288 -288q9 -9 9 -23zM1792 224v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5 t9.5 -22.5zM1792 608v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088q13 0 22.5 -9.5t9.5 -22.5zM1792 992v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1088q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1088 q13 0 22.5 -9.5t9.5 -22.5zM1792 1376v-192q0 -13 -9.5 -22.5t-22.5 -9.5h-1728q-13 0 -22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5 -9.5t9.5 -22.5z" /> -<glyph unicode="" horiz-adv-x="1920" d="M1900 1278q20 -8 20 -30v-1216q0 -22 -20 -30q-8 -2 -12 -2q-12 0 -23 9l-585 586v-307q0 -119 -84.5 -203.5t-203.5 -84.5h-704q-119 0 -203.5 84.5t-84.5 203.5v704q0 119 84.5 203.5t203.5 84.5h704q119 0 203.5 -84.5t84.5 -203.5v-307l585 586q16 15 35 7z" /> +<glyph unicode="" horiz-adv-x="1792" d="M1792 1184v-1088q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-403 403v-166q0 -119 -84.5 -203.5t-203.5 -84.5h-704q-119 0 -203.5 84.5t-84.5 203.5v704q0 119 84.5 203.5t203.5 84.5h704q119 0 203.5 -84.5t84.5 -203.5v-165l403 402q18 19 45 19q12 0 25 -5 q39 -17 39 -59z" /> <glyph unicode="" horiz-adv-x="1920" d="M640 960q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1664 576v-448h-1408v192l320 320l160 -160l512 512zM1760 1280h-1600q-13 0 -22.5 -9.5t-9.5 -22.5v-1216q0 -13 9.5 -22.5t22.5 -9.5h1600q13 0 22.5 9.5t9.5 22.5v1216 q0 13 -9.5 22.5t-22.5 9.5zM1920 1248v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" /> <glyph unicode="" d="M363 0l91 91l-235 235l-91 -91v-107h128v-128h107zM886 928q0 22 -22 22q-10 0 -17 -7l-542 -542q-7 -7 -7 -17q0 -22 22 -22q10 0 17 7l542 542q7 7 7 17zM832 1120l416 -416l-832 -832h-416v416zM1515 1024q0 -53 -37 -90l-166 -166l-416 416l166 165q36 38 90 38 q53 0 91 -38l235 -234q37 -39 37 -91z" /> <glyph unicode="" horiz-adv-x="1024" d="M768 896q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1024 896q0 -109 -33 -179l-364 -774q-16 -33 -47.5 -52t-67.5 -19t-67.5 19t-46.5 52l-365 774q-33 70 -33 179q0 212 150 362t362 150t362 -150t150 -362z" /> -<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM256 640q0 -104 40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5v1024q-104 0 -198.5 -40.5 t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5z" /> +<glyph unicode="" d="M768 96v1088q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" horiz-adv-x="1024" d="M512 384q0 36 -20 69q-1 1 -15.5 22.5t-25.5 38t-25 44t-21 50.5q-4 16 -21 16t-21 -16q-7 -23 -21 -50.5t-25 -44t-25.5 -38t-15.5 -22.5q-20 -33 -20 -69q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1024 512q0 -212 -150 -362t-362 -150t-362 150t-150 362 q0 145 81 275q6 9 62.5 90.5t101 151t99.5 178t83 201.5q9 30 34 47t51 17t51.5 -17t33.5 -47q28 -93 83 -201.5t99.5 -178t101 -151t62.5 -90.5q81 -127 81 -275z" /> <glyph unicode="" horiz-adv-x="1792" d="M888 352l116 116l-152 152l-116 -116v-56h96v-96h56zM1328 1072q-16 16 -33 -1l-350 -350q-17 -17 -1 -33t33 1l350 350q17 17 1 33zM1408 478v-190q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832 q63 0 117 -25q15 -7 18 -23q3 -17 -9 -29l-49 -49q-14 -14 -32 -8q-23 6 -45 6h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v126q0 13 9 22l64 64q15 15 35 7t20 -29zM1312 1216l288 -288l-672 -672h-288v288zM1756 1084l-92 -92 l-288 288l92 92q28 28 68 28t68 -28l152 -152q28 -28 28 -68t-28 -68z" /> <glyph unicode="" horiz-adv-x="1664" d="M1408 547v-259q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h255v0q13 0 22.5 -9.5t9.5 -22.5q0 -27 -26 -32q-77 -26 -133 -60q-10 -4 -16 -4h-112q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832 q66 0 113 47t47 113v214q0 19 18 29q28 13 54 37q16 16 35 8q21 -9 21 -29zM1645 1043l-384 -384q-18 -19 -45 -19q-12 0 -25 5q-39 17 -39 59v192h-160q-323 0 -438 -131q-119 -137 -74 -473q3 -23 -20 -34q-8 -2 -12 -2q-16 0 -26 13q-10 14 -21 31t-39.5 68.5t-49.5 99.5 t-38.5 114t-17.5 122q0 49 3.5 91t14 90t28 88t47 81.5t68.5 74t94.5 61.5t124.5 48.5t159.5 30.5t196.5 11h160v192q0 42 39 59q13 5 25 5q26 0 45 -19l384 -384q19 -19 19 -45t-19 -45z" /> @@ -115,12 +115,12 @@ <glyph unicode="" d="M1216 576v128q0 26 -19 45t-45 19h-768q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h768q26 0 45 19t19 45zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5 t103 -385.5z" /> <glyph unicode="" d="M1149 414q0 26 -19 45l-181 181l181 181q19 19 19 45q0 27 -19 46l-90 90q-19 19 -46 19q-26 0 -45 -19l-181 -181l-181 181q-19 19 -45 19q-27 0 -46 -19l-90 -90q-19 -19 -19 -46q0 -26 19 -45l181 -181l-181 -181q-19 -19 -19 -45q0 -27 19 -46l90 -90q19 -19 46 -19 q26 0 45 19l181 181l181 -181q19 -19 45 -19q27 0 46 19l90 90q19 19 19 46zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" d="M1284 802q0 28 -18 46l-91 90q-19 19 -45 19t-45 -19l-408 -407l-226 226q-19 19 -45 19t-45 -19l-91 -90q-18 -18 -18 -46q0 -27 18 -45l362 -362q19 -19 45 -19q27 0 46 19l543 543q18 18 18 45zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103 t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M896 160v192q0 13 -9.5 22.5t-22.5 9.5h-192q-13 0 -22.5 -9.5t-9.5 -22.5v-192q0 -13 9.5 -22.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 22.5zM1152 832q0 97 -58.5 172t-144.5 111.5t-181 36.5t-181 -36.5t-144.5 -111.5t-58.5 -172v-11v-13t1 -11.5t3 -11.5t5.5 -8t9 -7 t13.5 -2h192q14 0 23 9t9 23q0 12 11 27q19 31 50.5 50t66.5 19q39 0 83 -21.5t44 -57.5q0 -33 -26.5 -58t-63.5 -44t-74.5 -41.5t-64 -63.5t-26.5 -98v-11v-13t1 -11.5t3 -11.5t5.5 -8t9 -7t13.5 -2h192q17 0 24 10.5t8 24.5t13.5 33t37.5 32q60 33 70 39q62 44 98.5 108 t36.5 137zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M1024 160v64q0 14 -9 23t-23 9h-96v480q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-64q0 -14 9 -23t23 -9h96v-384h-96q-14 0 -23 -9t-9 -23v-64q0 -14 9 -23t23 -9h448q14 0 23 9t9 23zM896 928v192q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23 t23 -9h192q14 0 23 9t9 23zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M896 160v192q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h192q14 0 23 9t9 23zM1152 832q0 88 -55.5 163t-138.5 116t-170 41q-243 0 -371 -213q-15 -24 8 -42l132 -100q7 -6 19 -6q16 0 25 12q53 68 86 92q34 24 86 24q48 0 85.5 -26t37.5 -59 q0 -38 -20 -61t-68 -45q-63 -28 -115.5 -86.5t-52.5 -125.5v-36q0 -14 9 -23t23 -9h192q14 0 23 9t9 23q0 19 21.5 49.5t54.5 49.5q32 18 49 28.5t46 35t44.5 48t28 60.5t12.5 81zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1024 160v160q0 14 -9 23t-23 9h-96v512q0 14 -9 23t-23 9h-320q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23t23 -9h96v-320h-96q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23t23 -9h448q14 0 23 9t9 23zM896 1056v160q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23 t23 -9h192q14 0 23 9t9 23zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" d="M1197 512h-109q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h109q-32 108 -112.5 188.5t-188.5 112.5v-109q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v109q-108 -32 -188.5 -112.5t-112.5 -188.5h109q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-109 q32 -108 112.5 -188.5t188.5 -112.5v109q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-109q108 32 188.5 112.5t112.5 188.5zM1536 704v-128q0 -26 -19 -45t-45 -19h-143q-37 -161 -154.5 -278.5t-278.5 -154.5v-143q0 -26 -19 -45t-45 -19h-128q-26 0 -45 19t-19 45v143 q-161 37 -278.5 154.5t-154.5 278.5h-143q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h143q37 161 154.5 278.5t278.5 154.5v143q0 26 19 45t45 19h128q26 0 45 -19t19 -45v-143q161 -37 278.5 -154.5t154.5 -278.5h143q26 0 45 -19t19 -45z" /> -<glyph unicode="" d="M1125 448q0 -27 -18 -45l-102 -102q-18 -18 -45 -18t-45 18l-147 147l-147 -147q-18 -18 -45 -18t-45 18l-102 102q-18 18 -18 45t18 45l147 147l-147 147q-18 18 -18 45t18 45l102 102q18 18 45 18t45 -18l147 -147l147 147q18 18 45 18t45 -18l102 -102q18 -18 18 -45 t-18 -45l-147 -147l147 -147q18 -18 18 -45zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5t-198.5 40.5t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5 t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M1189 768q0 -27 -18 -45l-320 -320l-102 -102q-18 -18 -45 -18t-45 18l-102 102l-192 192q-18 18 -18 45t18 45l102 102q18 18 45 18t45 -18l147 -147l275 275q18 18 45 18t45 -18l102 -102q18 -18 18 -45zM1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5 t-198.5 40.5t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5 t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> -<glyph unicode="" d="M1280 640q0 139 -71 260l-701 -701q121 -71 260 -71q104 0 198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM327 380l701 701q-121 71 -260 71q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5q0 -139 71 -260zM1536 640q0 -209 -103 -385.5 t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1097 457l-146 -146q-10 -10 -23 -10t-23 10l-137 137l-137 -137q-10 -10 -23 -10t-23 10l-146 146q-10 10 -10 23t10 23l137 137l-137 137q-10 10 -10 23t10 23l146 146q10 10 23 10t23 -10l137 -137l137 137q10 10 23 10t23 -10l146 -146q10 -10 10 -23t-10 -23 l-137 -137l137 -137q10 -10 10 -23t-10 -23zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5 t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1171 723l-422 -422q-19 -19 -45 -19t-45 19l-294 294q-19 19 -19 45t19 45l102 102q19 19 45 19t45 -19l147 -147l275 275q19 19 45 19t45 -19l102 -102q19 -19 19 -45t-19 -45zM1312 640q0 148 -73 273t-198 198t-273 73t-273 -73t-198 -198t-73 -273t73 -273t198 -198 t273 -73t273 73t198 198t73 273zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1312 643q0 161 -87 295l-754 -753q137 -89 297 -89q111 0 211.5 43.5t173.5 116.5t116 174.5t43 212.5zM313 344l755 754q-135 91 -300 91q-148 0 -273 -73t-198 -199t-73 -274q0 -162 89 -299zM1536 643q0 -157 -61 -300t-163.5 -246t-245 -164t-298.5 -61t-298.5 61 t-245 164t-163.5 246t-61 300t61 299.5t163.5 245.5t245 164t298.5 61t298.5 -61t245 -164t163.5 -245.5t61 -299.5z" /> <glyph unicode="" d="M1536 640v-128q0 -53 -32.5 -90.5t-84.5 -37.5h-704l293 -294q38 -36 38 -90t-38 -90l-75 -76q-37 -37 -90 -37q-52 0 -91 37l-651 652q-37 37 -37 90q0 52 37 91l651 650q38 38 91 38q52 0 90 -38l75 -74q38 -38 38 -91t-38 -91l-293 -293h704q52 0 84.5 -37.5 t32.5 -90.5z" /> <glyph unicode="" d="M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z" /> <glyph unicode="" horiz-adv-x="1664" d="M1611 565q0 -51 -37 -90l-75 -75q-38 -38 -91 -38q-54 0 -90 38l-294 293v-704q0 -52 -37.5 -84.5t-90.5 -32.5h-128q-53 0 -90.5 32.5t-37.5 84.5v704l-294 -293q-36 -38 -90 -38t-90 38l-75 75q-38 38 -38 90q0 53 38 91l651 651q35 37 90 37q54 0 91 -37l651 -651 q37 -39 37 -91z" /> @@ -132,13 +132,13 @@ <glyph unicode="" horiz-adv-x="1408" d="M1408 800v-192q0 -40 -28 -68t-68 -28h-1216q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h1216q40 0 68 -28t28 -68z" /> <glyph unicode="" horiz-adv-x="1664" d="M1482 486q46 -26 59.5 -77.5t-12.5 -97.5l-64 -110q-26 -46 -77.5 -59.5t-97.5 12.5l-266 153v-307q0 -52 -38 -90t-90 -38h-128q-52 0 -90 38t-38 90v307l-266 -153q-46 -26 -97.5 -12.5t-77.5 59.5l-64 110q-26 46 -12.5 97.5t59.5 77.5l266 154l-266 154 q-46 26 -59.5 77.5t12.5 97.5l64 110q26 46 77.5 59.5t97.5 -12.5l266 -153v307q0 52 38 90t90 38h128q52 0 90 -38t38 -90v-307l266 153q46 26 97.5 12.5t77.5 -59.5l64 -110q26 -46 12.5 -97.5t-59.5 -77.5l-266 -154z" /> <glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM896 161v190q0 14 -9 23.5t-22 9.5h-192q-13 0 -23 -10t-10 -23v-190q0 -13 10 -23t23 -10h192 q13 0 22 9.5t9 23.5zM894 505l18 621q0 12 -10 18q-10 8 -24 8h-220q-14 0 -24 -8q-10 -6 -10 -18l17 -621q0 -10 10 -17.5t24 -7.5h185q14 0 23.5 7.5t10.5 17.5z" /> -<glyph unicode="" d="M928 180v716h-320v-716q0 -25 18.5 -38.5t45.5 -13.5h192q27 0 45.5 13.5t18.5 38.5zM472 1024h195l-126 161q-24 31 -69 31q-40 0 -68 -28t-28 -68t28 -68t68 -28zM1160 1120q0 40 -28 68t-68 28q-45 0 -69 -31l-125 -161h194q40 0 68 28t28 68zM1536 864v-320 q0 -14 -10 -22t-27 -10.5t-32 -2.5t-34.5 1.5t-24.5 1.5v-416q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v416q-5 0 -24.5 -1.5t-34.5 -1.5t-32 2.5t-27 10.5t-10 22v320q0 13 9.5 22.5t22.5 9.5h440q-93 0 -158.5 65.5t-65.5 158.5t65.5 158.5t158.5 65.5 q108 0 168 -77l128 -165l128 165q60 77 168 77q93 0 158.5 -65.5t65.5 -158.5t-65.5 -158.5t-158.5 -65.5h440q13 0 22.5 -9.5t9.5 -22.5z" /> +<glyph unicode="" d="M928 180v56v468v192h-320v-192v-468v-56q0 -25 18 -38.5t46 -13.5h192q28 0 46 13.5t18 38.5zM472 1024h195l-126 161q-26 31 -69 31q-40 0 -68 -28t-28 -68t28 -68t68 -28zM1160 1120q0 40 -28 68t-68 28q-43 0 -69 -31l-125 -161h194q40 0 68 28t28 68zM1536 864v-320 q0 -14 -9 -23t-23 -9h-96v-416q0 -40 -28 -68t-68 -28h-1088q-40 0 -68 28t-28 68v416h-96q-14 0 -23 9t-9 23v320q0 14 9 23t23 9h440q-93 0 -158.5 65.5t-65.5 158.5t65.5 158.5t158.5 65.5q107 0 168 -77l128 -165l128 165q61 77 168 77q93 0 158.5 -65.5t65.5 -158.5 t-65.5 -158.5t-158.5 -65.5h440q14 0 23 -9t9 -23z" /> <glyph unicode="" horiz-adv-x="1792" d="M1280 832q0 26 -19 45t-45 19q-172 0 -318 -49.5t-259.5 -134t-235.5 -219.5q-19 -21 -19 -45q0 -26 19 -45t45 -19q24 0 45 19q27 24 74 71t67 66q137 124 268.5 176t313.5 52q26 0 45 19t19 45zM1792 1030q0 -95 -20 -193q-46 -224 -184.5 -383t-357.5 -268 q-214 -108 -438 -108q-148 0 -286 47q-15 5 -88 42t-96 37q-16 0 -39.5 -32t-45 -70t-52.5 -70t-60 -32q-30 0 -51 11t-31 24t-27 42q-2 4 -6 11t-5.5 10t-3 9.5t-1.5 13.5q0 35 31 73.5t68 65.5t68 56t31 48q0 4 -14 38t-16 44q-9 51 -9 104q0 115 43.5 220t119 184.5 t170.5 139t204 95.5q55 18 145 25.5t179.5 9t178.5 6t163.5 24t113.5 56.5l29.5 29.5t29.5 28t27 20t36.5 16t43.5 4.5q39 0 70.5 -46t47.5 -112t24 -124t8 -96z" /> <glyph unicode="" horiz-adv-x="1408" d="M1408 -160v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-1344q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h1344q13 0 22.5 -9.5t9.5 -22.5zM1152 896q0 -78 -24.5 -144t-64 -112.5t-87.5 -88t-96 -77.5t-87.5 -72t-64 -81.5t-24.5 -96.5q0 -96 67 -224l-4 1l1 -1 q-90 41 -160 83t-138.5 100t-113.5 122.5t-72.5 150.5t-27.5 184q0 78 24.5 144t64 112.5t87.5 88t96 77.5t87.5 72t64 81.5t24.5 96.5q0 94 -66 224l3 -1l-1 1q90 -41 160 -83t138.5 -100t113.5 -122.5t72.5 -150.5t27.5 -184z" /> <glyph unicode="" horiz-adv-x="1792" d="M1664 576q-152 236 -381 353q61 -104 61 -225q0 -185 -131.5 -316.5t-316.5 -131.5t-316.5 131.5t-131.5 316.5q0 121 61 225q-229 -117 -381 -353q133 -205 333.5 -326.5t434.5 -121.5t434.5 121.5t333.5 326.5zM944 960q0 20 -14 34t-34 14q-125 0 -214.5 -89.5 t-89.5 -214.5q0 -20 14 -34t34 -14t34 14t14 34q0 86 61 147t147 61q20 0 34 14t14 34zM1792 576q0 -34 -20 -69q-140 -230 -376.5 -368.5t-499.5 -138.5t-499.5 139t-376.5 368q-20 35 -20 69t20 69q140 229 376.5 368t499.5 139t499.5 -139t376.5 -368q20 -35 20 -69z" /> <glyph unicode="" horiz-adv-x="1792" d="M555 201l78 141q-87 63 -136 159t-49 203q0 121 61 225q-229 -117 -381 -353q167 -258 427 -375zM944 960q0 20 -14 34t-34 14q-125 0 -214.5 -89.5t-89.5 -214.5q0 -20 14 -34t34 -14t34 14t14 34q0 86 61 147t147 61q20 0 34 14t14 34zM1307 1151q0 -7 -1 -9 q-105 -188 -315 -566t-316 -567l-49 -89q-10 -16 -28 -16q-12 0 -134 70q-16 10 -16 28q0 12 44 87q-143 65 -263.5 173t-208.5 245q-20 31 -20 69t20 69q153 235 380 371t496 136q89 0 180 -17l54 97q10 16 28 16q5 0 18 -6t31 -15.5t33 -18.5t31.5 -18.5t19.5 -11.5 q16 -10 16 -27zM1344 704q0 -139 -79 -253.5t-209 -164.5l280 502q8 -45 8 -84zM1792 576q0 -35 -20 -69q-39 -64 -109 -145q-150 -172 -347.5 -267t-419.5 -95l74 132q212 18 392.5 137t301.5 307q-115 179 -282 294l63 112q95 -64 182.5 -153t144.5 -184q20 -34 20 -69z " /> <glyph unicode="" horiz-adv-x="1792" d="M1024 161v190q0 14 -9.5 23.5t-22.5 9.5h-192q-13 0 -22.5 -9.5t-9.5 -23.5v-190q0 -14 9.5 -23.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 23.5zM1022 535l18 459q0 12 -10 19q-13 11 -24 11h-220q-11 0 -24 -11q-10 -7 -10 -21l17 -457q0 -10 10 -16.5t24 -6.5h185 q14 0 23.5 6.5t10.5 16.5zM1008 1469l768 -1408q35 -63 -2 -126q-17 -29 -46.5 -46t-63.5 -17h-1536q-34 0 -63.5 17t-46.5 46q-37 63 -2 126l768 1408q17 31 47 49t65 18t65 -18t47 -49z" /> -<glyph unicode="" horiz-adv-x="1408" d="M1397 1324q0 -87 -149 -236l-240 -240l143 -746l1 -6q0 -14 -9 -23l-64 -64q-9 -9 -23 -9q-21 0 -29 18l-274 575l-245 -245q68 -238 68 -252t-9 -23l-64 -64q-9 -9 -23 -9q-18 0 -28 16l-155 280l-280 155q-17 9 -17 28q0 14 9 23l64 65q9 9 23 9t252 -68l245 245 l-575 274q-18 8 -18 29q0 14 9 23l64 64q9 9 23 9q4 0 6 -1l746 -143l240 240q149 149 236 149q32 0 52.5 -20.5t20.5 -52.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M1376 1376q44 -52 12 -148t-108 -172l-225 -225l160 -696q5 -19 -12 -33l-128 -96q-7 -6 -19 -6q-4 0 -7 1q-15 3 -21 16l-279 508l-195 -195l53 -194q5 -17 -8 -31l-96 -96q-9 -9 -23 -9h-2q-15 2 -24 13l-189 252l-252 189q-11 7 -13 23q-1 13 9 25l96 97q9 9 23 9 q6 0 8 -1l194 -53l195 195l-508 279q-14 8 -17 24q-2 16 9 27l128 128q14 13 30 8l665 -159l224 224q76 76 172 108t148 -12z" /> <glyph unicode="" horiz-adv-x="1664" d="M128 -128h288v288h-288v-288zM480 -128h320v288h-320v-288zM128 224h288v320h-288v-320zM480 224h320v320h-320v-320zM128 608h288v288h-288v-288zM864 -128h320v288h-320v-288zM480 608h320v288h-320v-288zM1248 -128h288v288h-288v-288zM864 224h320v320h-320v-320z M512 1088v288q0 13 -9.5 22.5t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-288q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1248 224h288v320h-288v-320zM864 608h320v288h-320v-288zM1248 608h288v288h-288v-288zM1280 1088v288q0 13 -9.5 22.5t-22.5 9.5h-64 q-13 0 -22.5 -9.5t-9.5 -22.5v-288q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1664 1152v-1280q0 -52 -38 -90t-90 -38h-1408q-52 0 -90 38t-38 90v1280q0 52 38 90t90 38h128v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h384v96q0 66 47 113t113 47 h64q66 0 113 -47t47 -113v-96h128q52 0 90 -38t38 -90z" /> <glyph unicode="" horiz-adv-x="1792" d="M666 1055q-60 -92 -137 -273q-22 45 -37 72.5t-40.5 63.5t-51 56.5t-63 35t-81.5 14.5h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224q250 0 410 -225zM1792 256q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5v192q-32 0 -85 -0.5t-81 -1t-73 1 t-71 5t-64 10.5t-63 18.5t-58 28.5t-59 40t-55 53.5t-56 69.5q59 93 136 273q22 -45 37 -72.5t40.5 -63.5t51 -56.5t63 -35t81.5 -14.5h256v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23zM1792 1152q0 -14 -9 -23l-320 -320q-9 -9 -23 -9q-13 0 -22.5 9.5t-9.5 22.5 v192h-256q-48 0 -87 -15t-69 -45t-51 -61.5t-45 -77.5q-32 -62 -78 -171q-29 -66 -49.5 -111t-54 -105t-64 -100t-74 -83t-90 -68.5t-106.5 -42t-128 -16.5h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224q48 0 87 15t69 45t51 61.5t45 77.5q32 62 78 171q29 66 49.5 111 t54 105t64 100t74 83t90 68.5t106.5 42t128 16.5h256v192q0 14 9 23t23 9q12 0 24 -10l319 -319q9 -9 9 -23z" /> <glyph unicode="" horiz-adv-x="1792" d="M1792 640q0 -174 -120 -321.5t-326 -233t-450 -85.5q-70 0 -145 8q-198 -175 -460 -242q-49 -14 -114 -22q-17 -2 -30.5 9t-17.5 29v1q-3 4 -0.5 12t2 10t4.5 9.5l6 9t7 8.5t8 9q7 8 31 34.5t34.5 38t31 39.5t32.5 51t27 59t26 76q-157 89 -247.5 220t-90.5 281 q0 130 71 248.5t191 204.5t286 136.5t348 50.5q244 0 450 -85.5t326 -233t120 -321.5z" /> @@ -152,8 +152,8 @@ <glyph unicode="" horiz-adv-x="768" d="M704 1216q0 -26 -19 -45t-45 -19h-128v-1024h128q26 0 45 -19t19 -45t-19 -45l-256 -256q-19 -19 -45 -19t-45 19l-256 256q-19 19 -19 45t19 45t45 19h128v1024h-128q-26 0 -45 19t-19 45t19 45l256 256q19 19 45 19t45 -19l256 -256q19 -19 19 -45z" /> <glyph unicode="" horiz-adv-x="1792" d="M1792 640q0 -26 -19 -45l-256 -256q-19 -19 -45 -19t-45 19t-19 45v128h-1024v-128q0 -26 -19 -45t-45 -19t-45 19l-256 256q-19 19 -19 45t19 45l256 256q19 19 45 19t45 -19t19 -45v-128h1024v128q0 26 19 45t45 19t45 -19l256 -256q19 -19 19 -45z" /> <glyph unicode="" horiz-adv-x="1920" d="M512 512v-384h-256v384h256zM896 1024v-896h-256v896h256zM1280 768v-640h-256v640h256zM1664 1152v-1024h-256v1024h256zM1792 32v1216q0 13 -9.5 22.5t-22.5 9.5h-1600q-13 0 -22.5 -9.5t-9.5 -22.5v-1216q0 -13 9.5 -22.5t22.5 -9.5h1600q13 0 22.5 9.5t9.5 22.5z M1920 1248v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600q66 0 113 -47t47 -113z" /> -<glyph unicode="" d="M1280 958q0 13 -9.5 22.5t-22.5 9.5q-5 0 -15 -4q20 34 20 55q0 13 -9.5 22.5t-22.5 9.5q-7 0 -17 -5q-60 -34 -97 -43q-65 63 -154 63q-98 0 -164.5 -72.5t-64.5 -169.5v-12q-107 14 -187.5 64t-156.5 139q-10 12 -28 12q-26 0 -41 -50.5t-15 -86.5q0 -62 29 -117 q-13 -2 -21.5 -11.5t-8.5 -22.5q0 -112 81 -185q-12 -8 -12 -25q0 -6 1 -9q15 -51 50.5 -91.5t84.5 -60.5q-77 -43 -165 -43q-8 0 -24 1.5t-23 1.5q-13 0 -22.5 -9.5t-9.5 -22.5q0 -17 14 -26q63 -47 150 -73.5t170 -26.5q130 0 248 58q166 79 256 232.5t88 339.5v12 q27 22 62.5 63t35.5 61zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> -<glyph unicode="" d="M1248 1408q119 0 203.5 -84.5t84.5 -203.5v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-350q-2 0 -2 1v671h177q31 0 32 23l12 164q2 15 -8 25q-10 12 -24 12h-189v72q0 44 11.5 57t54.5 13q57 0 117 -13q13 -3 26 5q11 8 13 22l23 166q2 12 -5.5 22.5t-19.5 13.5 q-93 26 -197 26q-311 0 -311 -299v-85h-95q-13 0 -23 -10.5t-10 -24.5v-172q0 -8 5.5 -12t10 -4.5t17.5 -0.5h95v-671l10 -1h-330q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960z" /> +<glyph unicode="" d="M1280 926q-56 -25 -121 -34q68 40 93 117q-65 -38 -134 -51q-61 66 -153 66q-87 0 -148.5 -61.5t-61.5 -148.5q0 -29 5 -48q-129 7 -242 65t-192 155q-29 -50 -29 -106q0 -114 91 -175q-47 1 -100 26v-2q0 -75 50 -133.5t123 -72.5q-29 -8 -51 -8q-13 0 -39 4 q21 -63 74.5 -104t121.5 -42q-116 -90 -261 -90q-26 0 -50 3q148 -94 322 -94q112 0 210 35.5t168 95t120.5 137t75 162t24.5 168.5q0 18 -1 27q63 45 105 109zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5 t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M1307 618l23 219h-198v109q0 49 15.5 68.5t71.5 19.5h110v219h-175q-152 0 -218 -72t-66 -213v-131h-131v-219h131v-635h262v635h175zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960 q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M928 704q0 14 -9 23t-23 9q-66 0 -113 -47t-47 -113q0 -14 9 -23t23 -9t23 9t9 23q0 40 28 68t68 28q14 0 23 9t9 23zM1152 574q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM128 0h1536v128h-1536v-128zM1280 574q0 159 -112.5 271.5 t-271.5 112.5t-271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5zM256 1216h384v128h-384v-128zM128 1024h1536v118v138h-828l-64 -128h-644v-128zM1792 1280v-1280q0 -53 -37.5 -90.5t-90.5 -37.5h-1536q-53 0 -90.5 37.5t-37.5 90.5v1280 q0 53 37.5 90.5t90.5 37.5h1536q53 0 90.5 -37.5t37.5 -90.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M832 1024q0 80 -56 136t-136 56t-136 -56t-56 -136q0 -42 19 -83q-41 19 -83 19q-80 0 -136 -56t-56 -136t56 -136t136 -56t136 56t56 136q0 42 -19 83q41 -19 83 -19q80 0 136 56t56 136zM1683 320q0 -17 -49 -66t-66 -49q-9 0 -28.5 16t-36.5 33t-38.5 40t-24.5 26 l-96 -96l220 -220q28 -28 28 -68q0 -42 -39 -81t-81 -39q-40 0 -68 28l-671 671q-176 -131 -365 -131q-163 0 -265.5 102.5t-102.5 265.5q0 160 95 313t248 248t313 95q163 0 265.5 -102.5t102.5 -265.5q0 -189 -131 -365l355 -355l96 96q-3 3 -26 24.5t-40 38.5t-33 36.5 t-16 28.5q0 17 49 66t66 49q13 0 23 -10q6 -6 46 -44.5t82 -79.5t86.5 -86t73 -78t28.5 -41z" /> <glyph unicode="" horiz-adv-x="1920" d="M896 640q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1664 128q0 52 -38 90t-90 38t-90 -38t-38 -90q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1664 1152q0 52 -38 90t-90 38t-90 -38t-38 -90q0 -53 37.5 -90.5t90.5 -37.5 t90.5 37.5t37.5 90.5zM1280 731v-185q0 -10 -7 -19.5t-16 -10.5l-155 -24q-11 -35 -32 -76q34 -48 90 -115q7 -10 7 -20q0 -12 -7 -19q-23 -30 -82.5 -89.5t-78.5 -59.5q-11 0 -21 7l-115 90q-37 -19 -77 -31q-11 -108 -23 -155q-7 -24 -30 -24h-186q-11 0 -20 7.5t-10 17.5 l-23 153q-34 10 -75 31l-118 -89q-7 -7 -20 -7q-11 0 -21 8q-144 133 -144 160q0 9 7 19q10 14 41 53t47 61q-23 44 -35 82l-152 24q-10 1 -17 9.5t-7 19.5v185q0 10 7 19.5t16 10.5l155 24q11 35 32 76q-34 48 -90 115q-7 11 -7 20q0 12 7 20q22 30 82 89t79 59q11 0 21 -7 l115 -90q34 18 77 32q11 108 23 154q7 24 30 24h186q11 0 20 -7.5t10 -17.5l23 -153q34 -10 75 -31l118 89q8 7 20 7q11 0 21 -8q144 -133 144 -160q0 -9 -7 -19q-12 -16 -42 -54t-45 -60q23 -48 34 -82l152 -23q10 -2 17 -10.5t7 -19.5zM1920 198v-140q0 -16 -149 -31 q-12 -27 -30 -52q51 -113 51 -138q0 -4 -4 -7q-122 -71 -124 -71q-8 0 -46 47t-52 68q-20 -2 -30 -2t-30 2q-14 -21 -52 -68t-46 -47q-2 0 -124 71q-4 3 -4 7q0 25 51 138q-18 25 -30 52q-149 15 -149 31v140q0 16 149 31q13 29 30 52q-51 113 -51 138q0 4 4 7q4 2 35 20 t59 34t30 16q8 0 46 -46.5t52 -67.5q20 2 30 2t30 -2q51 71 92 112l6 2q4 0 124 -70q4 -3 4 -7q0 -25 -51 -138q17 -23 30 -52q149 -15 149 -31zM1920 1222v-140q0 -16 -149 -31q-12 -27 -30 -52q51 -113 51 -138q0 -4 -4 -7q-122 -71 -124 -71q-8 0 -46 47t-52 68 q-20 -2 -30 -2t-30 2q-14 -21 -52 -68t-46 -47q-2 0 -124 71q-4 3 -4 7q0 25 51 138q-18 25 -30 52q-149 15 -149 31v140q0 16 149 31q13 29 30 52q-51 113 -51 138q0 4 4 7q4 2 35 20t59 34t30 16q8 0 46 -46.5t52 -67.5q20 2 30 2t30 -2q51 71 92 112l6 2q4 0 124 -70 q4 -3 4 -7q0 -25 -51 -138q17 -23 30 -52q149 -15 149 -31z" /> @@ -163,21 +163,21 @@ <glyph unicode="" horiz-adv-x="896" d="M832 1504v-1339l-449 -236q-22 -12 -40 -12q-21 0 -31.5 14.5t-10.5 35.5q0 6 2 20l86 500l-364 354q-25 27 -25 48q0 37 56 46l502 73l225 455q19 41 49 41z" /> <glyph unicode="" horiz-adv-x="1792" d="M1664 940q0 81 -21.5 143t-55 98.5t-81.5 59.5t-94 31t-98 8t-112 -25.5t-110.5 -64t-86.5 -72t-60 -61.5q-18 -22 -49 -22t-49 22q-24 28 -60 61.5t-86.5 72t-110.5 64t-112 25.5t-98 -8t-94 -31t-81.5 -59.5t-55 -98.5t-21.5 -143q0 -168 187 -355l581 -560l580 559 q188 188 188 356zM1792 940q0 -221 -229 -450l-623 -600q-18 -18 -44 -18t-44 18l-624 602q-10 8 -27.5 26t-55.5 65.5t-68 97.5t-53.5 121t-23.5 138q0 220 127 344t351 124q62 0 126.5 -21.5t120 -58t95.5 -68.5t76 -68q36 36 76 68t95.5 68.5t120 58t126.5 21.5 q224 0 351 -124t127 -344z" /> <glyph unicode="" horiz-adv-x="1664" d="M640 96q0 -4 1 -20t0.5 -26.5t-3 -23.5t-10 -19.5t-20.5 -6.5h-320q-119 0 -203.5 84.5t-84.5 203.5v704q0 119 84.5 203.5t203.5 84.5h320q13 0 22.5 -9.5t9.5 -22.5q0 -4 1 -20t0.5 -26.5t-3 -23.5t-10 -19.5t-20.5 -6.5h-320q-66 0 -113 -47t-47 -113v-704 q0 -66 47 -113t113 -47h288h11h13t11.5 -1t11.5 -3t8 -5.5t7 -9t2 -13.5zM1568 640q0 -26 -19 -45l-544 -544q-19 -19 -45 -19t-45 19t-19 45v288h-448q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h448v288q0 26 19 45t45 19t45 -19l544 -544q19 -19 19 -45z" /> -<glyph unicode="" d="M512 160v640q0 13 -9.5 22.5t-22.5 9.5h-192q-13 0 -22.5 -9.5t-9.5 -22.5v-640q0 -13 9.5 -22.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 22.5zM503 1028q0 51 -36 87.5t-88 36.5q-51 0 -87 -36.5t-36 -87.5t36 -87.5t87 -36.5q52 0 88 36.5t36 87.5zM1280 160v435 q0 127 -73.5 192.5t-202.5 65.5q-90 0 -158 -45q-12 -8 -14 -12q0 36 -35 36h-176q-14 0 -29.5 -7.5t-15.5 -20.5v-644q0 -13 15.5 -22.5t29.5 -9.5h182q12 0 20.5 9.5t8.5 22.5v349q0 140 114 140q49 0 63.5 -22.5t14.5 -73.5v-393q0 -13 12 -22.5t26 -9.5h186 q13 0 22.5 9.5t9.5 22.5zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M237 122h231v694h-231v-694zM483 1030q-1 52 -36 86t-93 34t-94.5 -34t-36.5 -86q0 -51 35.5 -85.5t92.5 -34.5h1q59 0 95 34.5t36 85.5zM1068 122h231v398q0 154 -73 233t-193 79q-136 0 -209 -117h2v101h-231q3 -66 0 -694h231v388q0 38 7 56q15 35 45 59.5t74 24.5 q116 0 116 -157v-371zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" horiz-adv-x="1152" d="M480 672v448q0 14 -9 23t-23 9t-23 -9t-9 -23v-448q0 -14 9 -23t23 -9t23 9t9 23zM1152 320q0 -26 -19 -45t-45 -19h-429l-51 -483q-2 -12 -10.5 -20.5t-20.5 -8.5h-1q-27 0 -32 27l-76 485h-404q-26 0 -45 19t-19 45q0 123 78.5 221.5t177.5 98.5v512q-52 0 -90 38 t-38 90t38 90t90 38h640q52 0 90 -38t38 -90t-38 -90t-90 -38v-512q99 0 177.5 -98.5t78.5 -221.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M1408 608v-320q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h704q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-704q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v320 q0 14 9 23t23 9h64q14 0 23 -9t9 -23zM1792 1472v-512q0 -26 -19 -45t-45 -19t-45 19l-176 176l-652 -652q-10 -10 -23 -10t-23 10l-114 114q-10 10 -10 23t10 23l652 652l-176 176q-19 19 -19 45t19 45t45 19h512q26 0 45 -19t19 -45z" /> <glyph unicode="" d="M1184 640q0 -26 -19 -45l-544 -544q-19 -19 -45 -19t-45 19t-19 45v288h-448q-26 0 -45 19t-19 45v384q0 26 19 45t45 19h448v288q0 26 19 45t45 19t45 -19l544 -544q19 -19 19 -45zM1536 992v-704q0 -119 -84.5 -203.5t-203.5 -84.5h-320q-13 0 -22.5 9.5t-9.5 22.5 q0 4 -1 20t-0.5 26.5t3 23.5t10 19.5t20.5 6.5h320q66 0 113 47t47 113v704q0 66 -47 113t-113 47h-288h-11h-13t-11.5 1t-11.5 3t-8 5.5t-7 9t-2 13.5q0 4 -1 20t-0.5 26.5t3 23.5t10 19.5t20.5 6.5h320q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" horiz-adv-x="1664" d="M458 653q-74 162 -74 371h-256v-96q0 -78 94.5 -162t235.5 -113zM1536 928v96h-256q0 -209 -74 -371q141 29 235.5 113t94.5 162zM1664 1056v-128q0 -71 -41.5 -143t-112 -130t-173 -97.5t-215.5 -44.5q-42 -54 -95 -95q-38 -34 -52.5 -72.5t-14.5 -89.5q0 -54 30.5 -91 t97.5 -37q75 0 133.5 -45.5t58.5 -114.5v-64q0 -14 -9 -23t-23 -9h-832q-14 0 -23 9t-9 23v64q0 69 58.5 114.5t133.5 45.5q67 0 97.5 37t30.5 91q0 51 -14.5 89.5t-52.5 72.5q-53 41 -95 95q-113 5 -215.5 44.5t-173 97.5t-112 130t-41.5 143v128q0 40 28 68t68 28h288v96 q0 66 47 113t113 47h576q66 0 113 -47t47 -113v-96h288q40 0 68 -28t28 -68z" /> -<glyph unicode="" d="M582 228q0 -66 -93 -66q-107 0 -107 63q0 64 98 64q102 0 102 -61zM546 694q0 -85 -74 -85q-77 0 -77 84q0 90 77 90q36 0 55 -26t19 -63zM712 769v125q-78 -29 -135 -29q-50 29 -110 29q-86 0 -145 -57t-59 -143q0 -50 29.5 -102t73.5 -67v-3q-38 -17 -38 -85 q0 -52 41 -77v-3q-113 -37 -113 -139q0 -60 36 -98t84 -51t107 -13q224 0 224 187q0 48 -25.5 78t-62.5 42.5t-74 21.5t-62.5 23.5t-25.5 39.5q0 44 49 52q77 15 122 70t45 134q0 24 -10 52q30 7 49 13zM771 350h137q-2 20 -2 90v372q0 59 2 76h-137q3 -26 3 -79v-377 q0 -55 -3 -82zM1280 366v121q-30 -21 -68 -21q-53 0 -53 82v225h52q9 0 26.5 -1t26.5 -1v117h-105q0 82 3 102h-140q4 -24 4 -55v-47h-60v-117q36 3 37 3q4 0 11.5 -0.5t11.5 -0.5v-2h-2v-217q0 -37 2.5 -64t11.5 -56.5t24.5 -48.5t43.5 -31t66 -12q64 0 108 24zM924 1072 q0 36 -24 63.5t-60 27.5t-60.5 -27t-24.5 -64q0 -36 25 -62.5t60 -26.5t59.5 27t24.5 62zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> -<glyph unicode="" horiz-adv-x="1664" d="M1664 480v-576q0 -13 -9.5 -22.5t-22.5 -9.5h-1600q-13 0 -22.5 9.5t-9.5 22.5v576q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5v-352h1152v352q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5 -9.5t9.5 -22.5zM1344 832q0 -26 -19 -45t-45 -19h-256v-448 q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v448h-256q-26 0 -45 19t-19 45t19 45l448 448q19 19 45 19t45 -19l448 -448q19 -19 19 -45z" /> +<glyph unicode="" d="M394 184q-8 -9 -20 3q-13 11 -4 19q8 9 20 -3q12 -11 4 -19zM352 245q9 -12 0 -19q-8 -6 -17 7t0 18q9 7 17 -6zM291 305q-5 -7 -13 -2q-10 5 -7 12q3 5 13 2q10 -5 7 -12zM322 271q-6 -7 -16 3q-9 11 -2 16q6 6 16 -3q9 -11 2 -16zM451 159q-4 -12 -19 -6q-17 4 -13 15 t19 7q16 -5 13 -16zM514 154q0 -11 -16 -11q-17 -2 -17 11q0 11 16 11q17 2 17 -11zM572 164q2 -10 -14 -14t-18 8t14 15q16 2 18 -9zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-224q-16 0 -24.5 1t-19.5 5t-16 14.5t-5 27.5v239q0 97 -52 142q57 6 102.5 18t94 39 t81 66.5t53 105t20.5 150.5q0 121 -79 206q37 91 -8 204q-28 9 -81 -11t-92 -44l-38 -24q-93 26 -192 26t-192 -26q-16 11 -42.5 27t-83.5 38.5t-86 13.5q-44 -113 -7 -204q-79 -85 -79 -206q0 -85 20.5 -150t52.5 -105t80.5 -67t94 -39t102.5 -18q-40 -36 -49 -103 q-21 -10 -45 -15t-57 -5t-65.5 21.5t-55.5 62.5q-19 32 -48.5 52t-49.5 24l-20 3q-21 0 -29 -4.5t-5 -11.5t9 -14t13 -12l7 -5q22 -10 43.5 -38t31.5 -51l10 -23q13 -38 44 -61.5t67 -30t69.5 -7t55.5 3.5l23 4q0 -38 0.5 -103t0.5 -68q0 -22 -11 -33.5t-22 -13t-33 -1.5 h-224q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1280 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 288v-320q0 -40 -28 -68t-68 -28h-1472q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h427q21 -56 70.5 -92 t110.5 -36h256q61 0 110.5 36t70.5 92h427q40 0 68 -28t28 -68zM1339 936q-17 -40 -59 -40h-256v-448q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v448h-256q-42 0 -59 40q-17 39 14 69l448 448q18 19 45 19t45 -19l448 -448q31 -30 14 -69z" /> <glyph unicode="" d="M1407 710q0 44 -7 113.5t-18 96.5q-12 30 -17 44t-9 36.5t-4 48.5q0 23 5 68.5t5 67.5q0 37 -10 55q-4 1 -13 1q-19 0 -58 -4.5t-59 -4.5q-60 0 -176 24t-175 24q-43 0 -94.5 -11.5t-85 -23.5t-89.5 -34q-137 -54 -202 -103q-96 -73 -159.5 -189.5t-88 -236t-24.5 -248.5 q0 -40 12.5 -120t12.5 -121q0 -23 -11 -66.5t-11 -65.5t12 -36.5t34 -14.5q24 0 72.5 11t73.5 11q57 0 169.5 -15.5t169.5 -15.5q181 0 284 36q129 45 235.5 152.5t166 245.5t59.5 275zM1535 712q0 -165 -70 -327.5t-196 -288t-281 -180.5q-124 -44 -326 -44 q-57 0 -170 14.5t-169 14.5q-24 0 -72.5 -14.5t-73.5 -14.5q-73 0 -123.5 55.5t-50.5 128.5q0 24 11 68t11 67q0 40 -12.5 120.5t-12.5 121.5q0 111 18 217.5t54.5 209.5t100.5 194t150 156q78 59 232 120q194 78 316 78q60 0 175.5 -24t173.5 -24q19 0 57 5t58 5 q81 0 118 -50.5t37 -134.5q0 -23 -5 -68t-5 -68q0 -10 1 -18.5t3 -17t4 -13.5t6.5 -16t6.5 -17q16 -40 25 -118.5t9 -136.5z" /> <glyph unicode="" horiz-adv-x="1408" d="M1408 296q0 -27 -10 -70.5t-21 -68.5q-21 -50 -122 -106q-94 -51 -186 -51q-27 0 -52.5 3.5t-57.5 12.5t-47.5 14.5t-55.5 20.5t-49 18q-98 35 -175 83q-128 79 -264.5 215.5t-215.5 264.5q-48 77 -83 175q-3 9 -18 49t-20.5 55.5t-14.5 47.5t-12.5 57.5t-3.5 52.5 q0 92 51 186q56 101 106 122q25 11 68.5 21t70.5 10q14 0 21 -3q18 -6 53 -76q11 -19 30 -54t35 -63.5t31 -53.5q3 -4 17.5 -25t21.5 -35.5t7 -28.5q0 -20 -28.5 -50t-62 -55t-62 -53t-28.5 -46q0 -9 5 -22.5t8.5 -20.5t14 -24t11.5 -19q76 -137 174 -235t235 -174 q2 -1 19 -11.5t24 -14t20.5 -8.5t22.5 -5q18 0 46 28.5t53 62t55 62t50 28.5q14 0 28.5 -7t35.5 -21.5t25 -17.5q25 -15 53.5 -31t63.5 -35t54 -30q70 -35 76 -53q3 -7 3 -21z" /> -<glyph unicode="" horiz-adv-x="1664" d="M1120 1280h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v832q0 66 -47 113t-113 47zM1408 1120v-832q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832 q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M1120 1280h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113v832q0 66 -47 113t-113 47zM1408 1120v-832q0 -119 -84.5 -203.5t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832 q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" horiz-adv-x="1280" d="M1152 1280h-1024v-1242l423 406l89 85l89 -85l423 -406v1242zM1164 1408q23 0 44 -9q33 -13 52.5 -41t19.5 -62v-1289q0 -34 -19.5 -62t-52.5 -41q-19 -8 -44 -8q-48 0 -83 32l-441 424l-441 -424q-36 -33 -83 -33q-23 0 -44 9q-33 13 -52.5 41t-19.5 62v1289 q0 34 19.5 62t52.5 41q21 9 44 9h1048z" /> <glyph unicode="" d="M1280 343q0 11 -2 16q-3 8 -38.5 29.5t-88.5 49.5l-53 29q-5 3 -19 13t-25 15t-21 5q-18 0 -47 -32.5t-57 -65.5t-44 -33q-7 0 -16.5 3.5t-15.5 6.5t-17 9.5t-14 8.5q-99 55 -170.5 126.5t-126.5 170.5q-2 3 -8.5 14t-9.5 17t-6.5 15.5t-3.5 16.5q0 13 20.5 33.5t45 38.5 t45 39.5t20.5 36.5q0 10 -5 21t-15 25t-13 19q-3 6 -15 28.5t-25 45.5t-26.5 47.5t-25 40.5t-16.5 18t-16 2q-48 0 -101 -22q-46 -21 -80 -94.5t-34 -130.5q0 -16 2.5 -34t5 -30.5t9 -33t10 -29.5t12.5 -33t11 -30q60 -164 216.5 -320.5t320.5 -216.5q6 -2 30 -11t33 -12.5 t29.5 -10t33 -9t30.5 -5t34 -2.5q57 0 130.5 34t94.5 80q22 53 22 101zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> -<glyph unicode="" horiz-adv-x="1920" d="M1875 1202q0 -10 -5 -18q-64 -104 -179 -190v-33q4 -227 -100 -457q-134 -297 -397.5 -464.5t-591.5 -167.5q-265 0 -500 122q-64 33 -87 50q-15 12 -15 27q0 13 9.5 22.5t22.5 9.5q14 0 44 -2.5t45 -2.5q204 0 375 106q-103 24 -181 96t-111 173q-2 8 -2 11q0 12 9 21.5 t22 9.5q5 0 14 -2t12 -2q-89 55 -142 147t-53 196q0 15 11.5 25.5t27.5 10.5q10 0 35 -11.5t30 -13.5q-92 110 -92 256q0 51 14.5 108t40.5 95q10 16 25 16q16 0 27 -12q76 -84 110 -115q123 -111 276 -177.5t317 -80.5q-4 21 -4 49q0 167 118.5 285.5t285.5 118.5 q163 0 282 -114q95 20 209 82q8 5 16 5q13 0 22.5 -9.5t9.5 -22.5q0 -24 -28 -73t-51 -76q7 2 30 10.5t43 16t24 7.5q13 0 22.5 -9.5t9.5 -22.5z" /> -<glyph unicode="" horiz-adv-x="768" d="M560 1125q-49 0 -62 -15.5t-13 -66.5v-88h217q16 0 27 -12q11 -13 10 -29l-14 -200q-2 -15 -12.5 -25.5t-25.5 -10.5h-202v-768q0 -16 -11 -27t-26 -11h-250q-16 0 -27 11t-11 27v768h-122q-16 0 -27 11.5t-11 27.5v200q0 16 11 27t27 11h122v103q0 177 88 263.5 t267 86.5q120 0 225 -30q14 -4 22 -16t6 -26l-27 -195q-2 -16 -16 -26q-14 -9 -30 -6q-76 16 -135 16z" /> -<glyph unicode="" d="M1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5q0 -209 124.5 -378.5t323.5 -231.5v169q-54 -7 -69 -7q-110 0 -153 100q-15 38 -36 63q-5 6 -21 19t-28.5 24t-12.5 16q0 12 28 12q29 0 51.5 -14.5t38 -35 t31.5 -41.5t40.5 -35.5t56.5 -14.5q42 0 81 14q16 57 63 89q-166 16 -246 83.5t-80 224.5q0 118 73 198q-14 42 -14 84q0 58 27 109q57 0 101 -19.5t101 -60.5q76 18 169 18q80 0 153 -16q57 40 100.5 59t99.5 19q27 -51 27 -109q0 -43 -14 -83q73 -82 73 -199 q0 -157 -80 -225.5t-245 -83.5q69 -47 69 -131v-226q199 62 323.5 231.5t124.5 378.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1620 1128q-67 -98 -162 -167q1 -14 1 -42q0 -130 -38 -259.5t-115.5 -248.5t-184.5 -210.5t-258 -146t-323 -54.5q-271 0 -496 145q35 -4 78 -4q225 0 401 138q-105 2 -188 64.5t-114 159.5q33 -5 61 -5q43 0 85 11q-112 23 -185.5 111.5t-73.5 205.5v4q68 -38 146 -41 q-66 44 -105 115t-39 154q0 88 44 163q121 -149 294.5 -238.5t371.5 -99.5q-8 38 -8 74q0 134 94.5 228.5t228.5 94.5q140 0 236 -102q109 21 205 78q-37 -115 -142 -178q93 10 186 50z" /> +<glyph unicode="" horiz-adv-x="768" d="M511 980h257l-30 -284h-227v-824h-341v824h-170v284h170v171q0 182 86 275.5t283 93.5h227v-284h-142q-39 0 -62.5 -6.5t-34 -23.5t-13.5 -34.5t-3 -49.5v-142z" /> +<glyph unicode="" d="M1536 640q0 -251 -146.5 -451.5t-378.5 -277.5q-27 -5 -39.5 7t-12.5 30v211q0 97 -52 142q57 6 102.5 18t94 39t81 66.5t53 105t20.5 150.5q0 121 -79 206q37 91 -8 204q-28 9 -81 -11t-92 -44l-38 -24q-93 26 -192 26t-192 -26q-16 11 -42.5 27t-83.5 38.5t-86 13.5 q-44 -113 -7 -204q-79 -85 -79 -206q0 -85 20.5 -150t52.5 -105t80.5 -67t94 -39t102.5 -18q-40 -36 -49 -103q-21 -10 -45 -15t-57 -5t-65.5 21.5t-55.5 62.5q-19 32 -48.5 52t-49.5 24l-20 3q-21 0 -29 -4.5t-5 -11.5t9 -14t13 -12l7 -5q22 -10 43.5 -38t31.5 -51l10 -23 q13 -38 44 -61.5t67 -30t69.5 -7t55.5 3.5l23 4q0 -38 0.5 -89t0.5 -54q0 -18 -13 -30t-40 -7q-232 77 -378.5 277.5t-146.5 451.5q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" horiz-adv-x="1664" d="M704 160q0 6 -15 57t-35 115.5t-20 65.5q32 16 51 47t19 67q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -36 19 -66.5t51 -47.5q0 -2 -20 -66t-35 -115t-15 -57q0 -13 9.5 -22.5t22.5 -9.5h192q13 0 22.5 9.5t9.5 22.5zM1664 960v-256q0 -26 -19 -45t-45 -19 h-64q-26 0 -45 19t-19 45v256q0 106 -75 181t-181 75t-181 -75t-75 -181v-192h96q40 0 68 -28t28 -68v-576q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h672v192q0 185 131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5z" /> <glyph unicode="" horiz-adv-x="1920" d="M1760 1408q66 0 113 -47t47 -113v-1216q0 -66 -47 -113t-113 -47h-1600q-66 0 -113 47t-47 113v1216q0 66 47 113t113 47h1600zM160 1280q-13 0 -22.5 -9.5t-9.5 -22.5v-224h1664v224q0 13 -9.5 22.5t-22.5 9.5h-1600zM1760 0q13 0 22.5 9.5t9.5 22.5v608h-1664v-608 q0 -13 9.5 -22.5t22.5 -9.5h1600zM256 128v128h256v-128h-256zM640 128v128h384v-128h-384z" /> <glyph unicode="" horiz-adv-x="1408" d="M384 192q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM896 69q2 -28 -17 -48q-18 -21 -47 -21h-135q-25 0 -43 16.5t-20 41.5q-22 229 -184.5 391.5t-391.5 184.5q-25 2 -41.5 20t-16.5 43v135q0 29 21 47q17 17 43 17h5q160 -13 306 -80.5 t259 -181.5q114 -113 181.5 -259t80.5 -306zM1408 67q2 -27 -18 -47q-18 -20 -46 -20h-143q-26 0 -44.5 17.5t-19.5 42.5q-12 215 -101 408.5t-231.5 336t-336 231.5t-408.5 102q-25 1 -42.5 19.5t-17.5 43.5v143q0 28 20 46q18 18 44 18h3q262 -13 501.5 -120t425.5 -294 q187 -186 294 -425.5t120 -501.5z" /> @@ -186,9 +186,9 @@ <glyph unicode="" horiz-adv-x="1664" d="M848 -160q0 16 -16 16q-59 0 -101.5 42.5t-42.5 101.5q0 16 -16 16t-16 -16q0 -73 51.5 -124.5t124.5 -51.5q16 0 16 16zM183 128h1298q-164 181 -246.5 411.5t-82.5 484.5q0 256 -320 256t-320 -256q0 -254 -82.5 -484.5t-246.5 -411.5zM1664 128q0 -52 -38 -90t-90 -38 h-448q0 -106 -75 -181t-181 -75t-181 75t-75 181h-448q-52 0 -90 38t-38 90q190 161 287 397.5t97 498.5q0 165 96 262t264 117q-8 18 -8 37q0 40 28 68t68 28t68 -28t28 -68q0 -19 -8 -37q168 -20 264 -117t96 -262q0 -262 97 -498.5t287 -397.5z" /> <glyph unicode="" d="M1376 640l138 -135q30 -28 20 -70q-12 -41 -52 -51l-188 -48l53 -186q12 -41 -19 -70q-29 -31 -70 -19l-186 53l-48 -188q-10 -40 -51 -52q-12 -2 -19 -2q-31 0 -51 22l-135 138l-135 -138q-28 -30 -70 -20q-41 11 -51 52l-48 188l-186 -53q-41 -12 -70 19q-31 29 -19 70 l53 186l-188 48q-40 10 -52 51q-10 42 20 70l138 135l-138 135q-30 28 -20 70q12 41 52 51l188 48l-53 186q-12 41 19 70q29 31 70 19l186 -53l48 188q10 41 51 51q41 12 70 -19l135 -139l135 139q29 30 70 19q41 -10 51 -51l48 -188l186 53q41 12 70 -19q31 -29 19 -70 l-53 -186l188 -48q40 -10 52 -51q10 -42 -20 -70z" /> <glyph unicode="" horiz-adv-x="1792" d="M256 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 768q0 51 -39 89.5t-89 38.5h-576q0 20 15 48.5t33 55t33 68t15 84.5q0 67 -44.5 97.5t-115.5 30.5q-24 0 -90 -139q-24 -44 -37 -65q-40 -64 -112 -145q-71 -81 -101 -106 q-69 -57 -140 -57h-32v-640h32q72 0 167 -32t193.5 -64t179.5 -32q189 0 189 167q0 26 -5 56q30 16 47.5 52.5t17.5 73.5t-18 69q53 50 53 119q0 25 -10 55.5t-25 47.5h331q52 0 90 38t38 90zM1792 769q0 -105 -75.5 -181t-180.5 -76h-169q-4 -62 -37 -119q3 -21 3 -43 q0 -101 -60 -178q1 -139 -85 -219.5t-227 -80.5q-133 0 -322 69q-164 59 -223 59h-288q-53 0 -90.5 37.5t-37.5 90.5v640q0 53 37.5 90.5t90.5 37.5h288q10 0 21.5 4.5t23.5 14t22.5 18t24 22.5t20.5 21.5t19 21.5t14 17q65 74 100 129q13 21 33 62t37 72t40.5 63t55 49.5 t69.5 17.5q125 0 206.5 -67t81.5 -189q0 -68 -22 -128h374q104 0 180 -76t76 -179z" /> -<glyph unicode="" horiz-adv-x="1792" d="M1376 128h32v640h-32q-35 0 -67 11.5t-64 38.5t-48 44t-50 55q-2 3 -3.5 4.5t-4 4.5t-4.5 5q-72 81 -112 145q-14 22 -38 68q-1 3 -10.5 22.5t-18.5 36t-20 35.5t-21.5 30.5t-18.5 11.5q-71 0 -115.5 -30.5t-44.5 -97.5q0 -43 15 -84.5t33 -68t33 -55t15 -48.5h-576 q-50 0 -89 -38.5t-39 -89.5q0 -52 38 -90t90 -38h331q-15 -17 -25 -47.5t-10 -55.5q0 -69 53 -119q-18 -32 -18 -69t17.5 -73.5t47.5 -52.5q-4 -24 -4 -56q0 -85 48.5 -126t135.5 -41q84 0 183 32t194 64t167 32zM1664 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45 t45 -19t45 19t19 45zM1792 768v-640q0 -53 -37.5 -90.5t-90.5 -37.5h-288q-59 0 -223 -59q-190 -69 -317 -69q-142 0 -230 77.5t-87 217.5l1 5q-61 76 -61 178q0 22 3 43q-33 57 -37 119h-169q-105 0 -180.5 76t-75.5 181q0 103 76 179t180 76h374q-22 60 -22 128 q0 122 81.5 189t206.5 67q38 0 69.5 -17.5t55 -49.5t40.5 -63t37 -72t33 -62q35 -55 100 -129q2 -3 14 -17t19 -21.5t20.5 -21.5t24 -22.5t22.5 -18t23.5 -14t21.5 -4.5h288q53 0 90.5 -37.5t37.5 -90.5z" /> +<glyph unicode="" horiz-adv-x="1792" d="M1376 128h32v640h-32q-35 0 -67.5 12t-62.5 37t-50 46t-49 54q-2 3 -3.5 4.5t-4 4.5t-4.5 5q-72 81 -112 145q-14 22 -38 68q-1 3 -10.5 22.5t-18.5 36t-20 35.5t-21.5 30.5t-18.5 11.5q-71 0 -115.5 -30.5t-44.5 -97.5q0 -43 15 -84.5t33 -68t33 -55t15 -48.5h-576 q-50 0 -89 -38.5t-39 -89.5q0 -52 38 -90t90 -38h331q-15 -17 -25 -47.5t-10 -55.5q0 -69 53 -119q-18 -32 -18 -69t17.5 -73.5t47.5 -52.5q-4 -24 -4 -56q0 -85 48.5 -126t135.5 -41q84 0 183 32t194 64t167 32zM1664 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45 t45 -19t45 19t19 45zM1792 768v-640q0 -53 -37.5 -90.5t-90.5 -37.5h-288q-59 0 -223 -59q-190 -69 -317 -69q-142 0 -230 77.5t-87 217.5l1 5q-61 76 -61 178q0 22 3 43q-33 57 -37 119h-169q-105 0 -180.5 76t-75.5 181q0 103 76 179t180 76h374q-22 60 -22 128 q0 122 81.5 189t206.5 67q38 0 69.5 -17.5t55 -49.5t40.5 -63t37 -72t33 -62q35 -55 100 -129q2 -3 14 -17t19 -21.5t20.5 -21.5t24 -22.5t22.5 -18t23.5 -14t21.5 -4.5h288q53 0 90.5 -37.5t37.5 -90.5z" /> <glyph unicode="" d="M1280 -64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 700q0 189 -167 189q-26 0 -56 -5q-16 30 -52.5 47.5t-73.5 17.5t-69 -18q-50 53 -119 53q-25 0 -55.5 -10t-47.5 -25v331q0 52 -38 90t-90 38q-51 0 -89.5 -39t-38.5 -89v-576 q-20 0 -48.5 15t-55 33t-68 33t-84.5 15q-67 0 -97.5 -44.5t-30.5 -115.5q0 -24 139 -90q44 -24 65 -37q64 -40 145 -112q81 -71 106 -101q57 -69 57 -140v-32h640v32q0 72 32 167t64 193.5t32 179.5zM1536 705q0 -133 -69 -322q-59 -164 -59 -223v-288q0 -53 -37.5 -90.5 t-90.5 -37.5h-640q-53 0 -90.5 37.5t-37.5 90.5v288q0 10 -4.5 21.5t-14 23.5t-18 22.5t-22.5 24t-21.5 20.5t-21.5 19t-17 14q-74 65 -129 100q-21 13 -62 33t-72 37t-63 40.5t-49.5 55t-17.5 69.5q0 125 67 206.5t189 81.5q68 0 128 -22v374q0 104 76 180t179 76 q105 0 181 -75.5t76 -180.5v-169q62 -4 119 -37q21 3 43 3q101 0 178 -60q139 1 219.5 -85t80.5 -227z" /> -<glyph unicode="" d="M1408 576q0 84 -32 183t-64 194t-32 167v32h-640v-32q0 -46 -25 -91t-52 -72t-72 -66q-9 -8 -14 -12q-81 -72 -145 -112q-22 -14 -68 -38q-3 -1 -22.5 -10.5t-36 -18.5t-35.5 -20t-30.5 -21.5t-11.5 -18.5q0 -71 30.5 -115.5t97.5 -44.5q43 0 84.5 15t68 33t55 33 t48.5 15v-576q0 -50 38.5 -89t89.5 -39q52 0 90 38t38 90v331q46 -35 103 -35q69 0 119 53q32 -18 69 -18t73.5 17.5t52.5 47.5q24 -4 56 -4q85 0 126 48.5t41 135.5zM1280 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 580q0 -142 -77.5 -230 t-217.5 -87l-5 1q-76 -61 -178 -61q-22 0 -43 3q-54 -30 -119 -37v-169q0 -105 -76 -180.5t-181 -75.5q-103 0 -179 76t-76 180v374q-54 -22 -128 -22q-121 0 -188.5 81.5t-67.5 206.5q0 38 17.5 69.5t49.5 55t63 40.5t72 37t62 33q55 35 129 100q3 2 17 14t21.5 19 t21.5 20.5t22.5 24t18 22.5t14 23.5t4.5 21.5v288q0 53 37.5 90.5t90.5 37.5h640q53 0 90.5 -37.5t37.5 -90.5v-288q0 -59 59 -223q69 -190 69 -317z" /> +<glyph unicode="" d="M1408 576q0 84 -32 183t-64 194t-32 167v32h-640v-32q0 -35 -12 -67.5t-37 -62.5t-46 -50t-54 -49q-9 -8 -14 -12q-81 -72 -145 -112q-22 -14 -68 -38q-3 -1 -22.5 -10.5t-36 -18.5t-35.5 -20t-30.5 -21.5t-11.5 -18.5q0 -71 30.5 -115.5t97.5 -44.5q43 0 84.5 15t68 33 t55 33t48.5 15v-576q0 -50 38.5 -89t89.5 -39q52 0 90 38t38 90v331q46 -35 103 -35q69 0 119 53q32 -18 69 -18t73.5 17.5t52.5 47.5q24 -4 56 -4q85 0 126 48.5t41 135.5zM1280 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 580 q0 -142 -77.5 -230t-217.5 -87l-5 1q-76 -61 -178 -61q-22 0 -43 3q-54 -30 -119 -37v-169q0 -105 -76 -180.5t-181 -75.5q-103 0 -179 76t-76 180v374q-54 -22 -128 -22q-121 0 -188.5 81.5t-67.5 206.5q0 38 17.5 69.5t49.5 55t63 40.5t72 37t62 33q55 35 129 100 q3 2 17 14t21.5 19t21.5 20.5t22.5 24t18 22.5t14 23.5t4.5 21.5v288q0 53 37.5 90.5t90.5 37.5h640q53 0 90.5 -37.5t37.5 -90.5v-288q0 -59 59 -223q69 -190 69 -317z" /> <glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-502l189 189q19 19 19 45t-19 45l-91 91q-18 18 -45 18t-45 -18l-362 -362l-91 -91q-18 -18 -18 -45t18 -45l91 -91l362 -362q18 -18 45 -18t45 18l91 91q18 18 18 45t-18 45l-189 189h502q26 0 45 19t19 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" d="M1285 640q0 27 -18 45l-91 91l-362 362q-18 18 -45 18t-45 -18l-91 -91q-18 -18 -18 -45t18 -45l189 -189h-502q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h502l-189 -189q-19 -19 -19 -45t19 -45l91 -91q18 -18 45 -18t45 18l362 362l91 91q18 18 18 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" d="M1284 641q0 27 -18 45l-362 362l-91 91q-18 18 -45 18t-45 -18l-91 -91l-362 -362q-18 -18 -18 -45t18 -45l91 -91q18 -18 45 -18t45 18l189 189v-502q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v502l189 -189q19 -19 45 -19t45 19l91 91q18 18 18 45zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> @@ -197,7 +197,7 @@ <glyph unicode="" horiz-adv-x="1664" d="M384 64q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1028 484l-682 -682q-37 -37 -90 -37q-52 0 -91 37l-106 108q-38 36 -38 90q0 53 38 91l681 681q39 -98 114.5 -173.5t173.5 -114.5zM1662 919q0 -39 -23 -106q-47 -134 -164.5 -217.5 t-258.5 -83.5q-185 0 -316.5 131.5t-131.5 316.5t131.5 316.5t316.5 131.5q58 0 121.5 -16.5t107.5 -46.5q16 -11 16 -28t-16 -28l-293 -169v-224l193 -107q5 3 79 48.5t135.5 81t70.5 35.5q15 0 23.5 -10t8.5 -25z" /> <glyph unicode="" horiz-adv-x="1792" d="M1024 128h640v128h-640v-128zM640 640h1024v128h-1024v-128zM1280 1152h384v128h-384v-128zM1792 320v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 832v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19 t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45zM1792 1344v-256q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45v256q0 26 19 45t45 19h1664q26 0 45 -19t19 -45z" /> <glyph unicode="" horiz-adv-x="1408" d="M1403 1241q17 -41 -14 -70l-493 -493v-742q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-256 256q-19 19 -19 45v486l-493 493q-31 29 -14 70q17 39 59 39h1280q42 0 59 -39z" /> -<glyph unicode="" horiz-adv-x="1792" d="M640 1152h512v128h-512v-128zM1792 512v-480q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v480h672v-160q0 -26 19 -45t45 -19h320q26 0 45 19t19 45v160h672zM1024 512v-128h-256v128h256zM1792 992v-384h-1792v384q0 66 47 113t113 47h352v160q0 40 28 68 t68 28h576q40 0 68 -28t28 -68v-160h352q66 0 113 -47t47 -113z" /> +<glyph unicode="" horiz-adv-x="1792" d="M640 1280h512v128h-512v-128zM1792 640v-480q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v480h672v-160q0 -26 19 -45t45 -19h320q26 0 45 19t19 45v160h672zM1024 640v-128h-256v128h256zM1792 1120v-384h-1792v384q0 66 47 113t113 47h352v160q0 40 28 68 t68 28h576q40 0 68 -28t28 -68v-160h352q66 0 113 -47t47 -113z" /> <glyph unicode="" d="M1283 995l-355 -355l355 -355l144 144q29 31 70 14q39 -17 39 -59v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l144 144l-355 355l-355 -355l144 -144q31 -30 14 -69q-17 -40 -59 -40h-448q-26 0 -45 19t-19 45v448q0 42 40 59q39 17 69 -14l144 -144 l355 355l-355 355l-144 -144q-19 -19 -45 -19q-12 0 -24 5q-40 17 -40 59v448q0 26 19 45t45 19h448q42 0 59 -40q17 -39 -14 -69l-144 -144l355 -355l355 355l-144 144q-31 30 -14 69q17 40 59 40h448q26 0 45 -19t19 -45v-448q0 -42 -39 -59q-13 -5 -25 -5q-26 0 -45 19z " /> <glyph unicode="" horiz-adv-x="1920" d="M593 640q-162 -5 -265 -128h-134q-82 0 -138 40.5t-56 118.5q0 353 124 353q6 0 43.5 -21t97.5 -42.5t119 -21.5q67 0 133 23q-5 -37 -5 -66q0 -139 81 -256zM1664 3q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5 t43 97.5t62 81t85.5 53.5t111.5 20q10 0 43 -21.5t73 -48t107 -48t135 -21.5t135 21.5t107 48t73 48t43 21.5q61 0 111.5 -20t85.5 -53.5t62 -81t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM640 1280q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75 t75 -181zM1344 896q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5zM1920 671q0 -78 -56 -118.5t-138 -40.5h-134q-103 123 -265 128q81 117 81 256q0 29 -5 66q66 -23 133 -23q59 0 119 21.5t97.5 42.5 t43.5 21q124 0 124 -353zM1792 1280q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181z" /> <glyph unicode="" horiz-adv-x="1664" d="M1456 320q0 40 -28 68l-208 208q-28 28 -68 28q-42 0 -72 -32q3 -3 19 -18.5t21.5 -21.5t15 -19t13 -25.5t3.5 -27.5q0 -40 -28 -68t-68 -28q-15 0 -27.5 3.5t-25.5 13t-19 15t-21.5 21.5t-18.5 19q-33 -31 -33 -73q0 -40 28 -68l206 -207q27 -27 68 -27q40 0 68 26 l147 146q28 28 28 67zM753 1025q0 40 -28 68l-206 207q-28 28 -68 28q-39 0 -68 -27l-147 -146q-28 -28 -28 -67q0 -40 28 -68l208 -208q27 -27 68 -27q42 0 72 31q-3 3 -19 18.5t-21.5 21.5t-15 19t-13 25.5t-3.5 27.5q0 40 28 68t68 28q15 0 27.5 -3.5t25.5 -13t19 -15 t21.5 -21.5t18.5 -19q33 31 33 73zM1648 320q0 -120 -85 -203l-147 -146q-83 -83 -203 -83q-121 0 -204 85l-206 207q-83 83 -83 203q0 123 88 209l-88 88q-86 -88 -208 -88q-120 0 -204 84l-208 208q-84 84 -84 204t85 203l147 146q83 83 203 83q121 0 204 -85l206 -207 q83 -83 83 -203q0 -123 -88 -209l88 -88q86 88 208 88q120 0 204 -84l208 -208q84 -84 84 -204z" /> @@ -230,8 +230,8 @@ <glyph unicode="" horiz-adv-x="1024" d="M1024 448q0 -26 -19 -45l-448 -448q-19 -19 -45 -19t-45 19l-448 448q-19 19 -19 45t19 45t45 19h896q26 0 45 -19t19 -45z" /> <glyph unicode="" horiz-adv-x="1024" d="M1024 832q0 -26 -19 -45t-45 -19h-896q-26 0 -45 19t-19 45t19 45l448 448q19 19 45 19t45 -19l448 -448q19 -19 19 -45z" /> <glyph unicode="" horiz-adv-x="1792" d="M1792 826v-794q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v794q44 -49 101 -87q362 -246 497 -345q57 -42 92.5 -65.5t94.5 -48t110 -24.5h1h1q51 0 110 24.5t94.5 48t92.5 65.5q170 123 498 345q57 39 100 87zM1792 1120q0 -79 -49 -151t-122 -123 q-376 -261 -468 -325q-10 -7 -42.5 -30.5t-54 -38t-52 -32.5t-57.5 -27t-50 -9h-1h-1q-23 0 -50 9t-57.5 27t-52 32.5t-54 38t-42.5 30.5q-91 64 -262 182.5t-205 142.5q-62 42 -117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5 -47t47.5 -113z" /> -<glyph unicode="" horiz-adv-x="1379" d="M1014 961q171 0 268 -85.5t97 -254.5v-586q0 -14 -10.5 -24.5t-24.5 -10.5h-252q-14 0 -24.5 10.5t-10.5 24.5v529q0 71 -26.5 104t-95.5 33q-88 0 -123.5 -51.5t-35.5 -143.5v-471q0 -14 -10.5 -24.5t-25.5 -10.5h-246q-14 0 -24.5 10.5t-10.5 24.5v868q0 14 10.5 24.5 t24.5 10.5h239q13 0 21 -5t10.5 -18.5t3 -18t0.5 -22.5q93 87 246 87zM290 938q14 0 24.5 -10.5t10.5 -24.5v-868q0 -14 -10.5 -24.5t-24.5 -10.5h-246q-14 0 -24.5 10.5t-10.5 24.5v868q0 14 10.5 24.5t24.5 10.5h246zM167 1371q69 0 118 -49t49 -118t-49 -118t-118 -49 t-118 49t-49 118t49 118t118 49z" /> -<glyph unicode="" d="M1536 640q0 -156 -61 -298t-164 -245t-245 -164t-298 -61q-179 0 -336.5 76t-266 213t-147.5 312q-3 14 7 27q9 12 25 12h199q23 0 30 -23q50 -162 185 -261.5t304 -99.5q104 0 198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5t-40.5 198.5t-109.5 163.5t-163.5 109.5 t-198.5 40.5q-98 0 -188 -35.5t-160 -101.5l137 -138q31 -30 14 -69q-17 -40 -59 -40h-448q-26 0 -45 19t-19 45v448q0 42 40 59q39 17 69 -14l130 -129q107 101 244.5 156.5t284.5 55.5q156 0 298 -61t245 -164t164 -245t61 -298z" /> +<glyph unicode="" d="M349 911v-991h-330v991h330zM370 1217q1 -73 -50.5 -122t-135.5 -49h-2q-82 0 -132 49t-50 122q0 74 51.5 122.5t134.5 48.5t133 -48.5t51 -122.5zM1536 488v-568h-329v530q0 105 -40.5 164.5t-126.5 59.5q-63 0 -105.5 -34.5t-63.5 -85.5q-11 -30 -11 -81v-553h-329 q2 399 2 647t-1 296l-1 48h329v-144h-2q20 32 41 56t56.5 52t87 43.5t114.5 15.5q171 0 275 -113.5t104 -332.5z" /> +<glyph unicode="" d="M1536 640q0 -156 -61 -298t-164 -245t-245 -164t-298 -61q-172 0 -327 72.5t-264 204.5q-7 10 -6.5 22.5t8.5 20.5l137 138q10 9 25 9q16 -2 23 -12q73 -95 179 -147t225 -52q104 0 198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5t-40.5 198.5t-109.5 163.5 t-163.5 109.5t-198.5 40.5q-98 0 -188 -35.5t-160 -101.5l137 -138q31 -30 14 -69q-17 -40 -59 -40h-448q-26 0 -45 19t-19 45v448q0 42 40 59q39 17 69 -14l130 -129q107 101 244.5 156.5t284.5 55.5q156 0 298 -61t245 -164t164 -245t61 -298z" /> <glyph unicode="" horiz-adv-x="1792" d="M1771 0q0 -53 -37 -90l-107 -108q-39 -37 -91 -37q-53 0 -90 37l-363 364q-38 36 -38 90q0 53 43 96l-256 256l-126 -126q-14 -14 -34 -14t-34 14q2 -2 12.5 -12t12.5 -13t10 -11.5t10 -13.5t6 -13.5t5.5 -16.5t1.5 -18q0 -38 -28 -68q-3 -3 -16.5 -18t-19 -20.5 t-18.5 -16.5t-22 -15.5t-22 -9t-26 -4.5q-40 0 -68 28l-408 408q-28 28 -28 68q0 13 4.5 26t9 22t15.5 22t16.5 18.5t20.5 19t18 16.5q30 28 68 28q10 0 18 -1.5t16.5 -5.5t13.5 -6t13.5 -10t11.5 -10t13 -12.5t12 -12.5q-14 14 -14 34t14 34l348 348q14 14 34 14t34 -14 q-2 2 -12.5 12t-12.5 13t-10 11.5t-10 13.5t-6 13.5t-5.5 16.5t-1.5 18q0 38 28 68q3 3 16.5 18t19 20.5t18.5 16.5t22 15.5t22 9t26 4.5q40 0 68 -28l408 -408q28 -28 28 -68q0 -13 -4.5 -26t-9 -22t-15.5 -22t-16.5 -18.5t-20.5 -19t-18 -16.5q-30 -28 -68 -28 q-10 0 -18 1.5t-16.5 5.5t-13.5 6t-13.5 10t-11.5 10t-13 12.5t-12 12.5q14 -14 14 -34t-14 -34l-126 -126l256 -256q43 43 96 43q52 0 91 -37l363 -363q37 -39 37 -91z" /> <glyph unicode="" horiz-adv-x="1792" d="M384 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM576 832q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1004 351l101 382q6 26 -7.5 48.5t-38.5 29.5 t-48 -6.5t-30 -39.5l-101 -382q-60 -5 -107 -43.5t-63 -98.5q-20 -77 20 -146t117 -89t146 20t89 117q16 60 -6 117t-72 91zM1664 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1024 1024q0 53 -37.5 90.5 t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1472 832q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1792 384q0 -261 -141 -483q-19 -29 -54 -29h-1402q-35 0 -54 29 q-141 221 -141 483q0 182 71 348t191 286t286 191t348 71t348 -71t286 -191t191 -286t71 -348z" /> <glyph unicode="" horiz-adv-x="1792" d="M896 1152q-204 0 -381.5 -69.5t-282 -187.5t-104.5 -255q0 -112 71.5 -213.5t201.5 -175.5l87 -50l-27 -96q-24 -91 -70 -172q152 63 275 171l43 38l57 -6q69 -8 130 -8q204 0 381.5 69.5t282 187.5t104.5 255t-104.5 255t-282 187.5t-381.5 69.5zM1792 640 q0 -174 -120 -321.5t-326 -233t-450 -85.5q-70 0 -145 8q-198 -175 -460 -242q-49 -14 -114 -22h-5q-15 0 -27 10.5t-16 27.5v1q-3 4 -0.5 12t2 10t4.5 9.5l6 9t7 8.5t8 9q7 8 31 34.5t34.5 38t31 39.5t32.5 51t27 59t26 76q-157 89 -247.5 220t-90.5 281q0 174 120 321.5 t326 233t450 85.5t450 -85.5t326 -233t120 -321.5z" /> @@ -255,8 +255,8 @@ <glyph unicode="" horiz-adv-x="1408" d="M384 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM384 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M1152 224v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM896 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M640 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 480v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5zM1152 736v-64q0 -13 -9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5 -9.5t9.5 -22.5z M896 -128h384v1152h-256v-32q0 -40 -28 -68t-68 -28h-448q-40 0 -68 28t-28 68v32h-256v-1152h384v224q0 13 9.5 22.5t22.5 9.5h320q13 0 22.5 -9.5t9.5 -22.5v-224zM896 1056v320q0 13 -9.5 22.5t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-96h-128v96q0 13 -9.5 22.5 t-22.5 9.5h-64q-13 0 -22.5 -9.5t-9.5 -22.5v-320q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5v96h128v-96q0 -13 9.5 -22.5t22.5 -9.5h64q13 0 22.5 9.5t9.5 22.5zM1408 1088v-1280q0 -26 -19 -45t-45 -19h-1280q-26 0 -45 19t-19 45v1280q0 26 19 45t45 19h320 v288q0 40 28 68t68 28h448q40 0 68 -28t28 -68v-288h320q26 0 45 -19t19 -45z" /> <glyph unicode="" horiz-adv-x="1920" d="M640 128q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM256 640h384v256h-158q-14 -2 -22 -9l-195 -195q-7 -12 -9 -22v-30zM1536 128q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5 t90.5 37.5t37.5 90.5zM1664 800v192q0 14 -9 23t-23 9h-224v224q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-224h-224q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h224v-224q0 -14 9 -23t23 -9h192q14 0 23 9t9 23v224h224q14 0 23 9t9 23zM1920 1344v-1152 q0 -26 -19 -45t-45 -19h-192q0 -106 -75 -181t-181 -75t-181 75t-75 181h-384q0 -106 -75 -181t-181 -75t-181 75t-75 181h-128q-26 0 -45 19t-19 45t19 45t45 19v416q0 26 13 58t32 51l198 198q19 19 51 32t58 13h160v320q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" /> <glyph unicode="" horiz-adv-x="1792" d="M1280 416v192q0 14 -9 23t-23 9h-224v224q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-224h-224q-14 0 -23 -9t-9 -23v-192q0 -14 9 -23t23 -9h224v-224q0 -14 9 -23t23 -9h192q14 0 23 9t9 23v224h224q14 0 23 9t9 23zM640 1152h512v128h-512v-128zM256 1152v-1280h-32 q-92 0 -158 66t-66 158v832q0 92 66 158t158 66h32zM1440 1152v-1280h-1088v1280h160v160q0 40 28 68t68 28h576q40 0 68 -28t28 -68v-160h160zM1792 928v-832q0 -92 -66 -158t-158 -66h-32v1280h32q92 0 158 -66t66 -158z" /> -<glyph unicode="" horiz-adv-x="1920" d="M1632 800q261 -58 287 -93l1 -3q-1 -32 -288 -96l-352 -32l-224 -64h-64l-293 -352h69q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-96h-160h-64v32h64v416h-160l-192 -224h-96l-32 32v192h32v32h128v8l-192 24v128l192 24v8h-128v32h-32v192l32 32h96l192 -224h160v416 h-64v32h64h160h96q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-69l293 -352h64l224 -64z" /> -<glyph unicode="" horiz-adv-x="1664" d="M640 640v384h-256v-160q0 -45 2 -76t7.5 -56.5t14.5 -40t23 -26.5t33.5 -15.5t45 -7.5t58 -2.5t72.5 0.5zM1664 192v-192h-1152v192l128 192h-97q-211 0 -313 102.5t-102 314.5v287l-64 64l32 128h480l32 128h960l32 -192l-64 -32v-800z" /> +<glyph unicode="" horiz-adv-x="1920" d="M1920 576q-1 -32 -288 -96l-352 -32l-224 -64h-64l-293 -352h69q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-96h-160h-64v32h64v416h-160l-192 -224h-96l-32 32v192h32v32h128v8l-192 24v128l192 24v8h-128v32h-32v192l32 32h96l192 -224h160v416h-64v32h64h160h96 q26 0 45 -4.5t19 -11.5t-19 -11.5t-45 -4.5h-69l293 -352h64l224 -64l352 -32q261 -58 287 -93z" /> +<glyph unicode="" horiz-adv-x="1664" d="M640 640v384h-256v-256q0 -53 37.5 -90.5t90.5 -37.5h128zM1664 192v-192h-1152v192l128 192h-128q-159 0 -271.5 112.5t-112.5 271.5v320l-64 64l32 128h480l32 128h960l32 -192l-64 -32v-800z" /> <glyph unicode="" d="M1280 192v896q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-512v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-896q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h512v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-320v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-320q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h320v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h320q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> <glyph unicode="" horiz-adv-x="1024" d="M627 160q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23zM1011 160q0 -13 -10 -23l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23 t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23z" /> @@ -271,14 +271,69 @@ <glyph unicode="" horiz-adv-x="1920" d="M416 256q-66 0 -113 47t-47 113v704q0 66 47 113t113 47h1088q66 0 113 -47t47 -113v-704q0 -66 -47 -113t-113 -47h-1088zM384 1120v-704q0 -13 9.5 -22.5t22.5 -9.5h1088q13 0 22.5 9.5t9.5 22.5v704q0 13 -9.5 22.5t-22.5 9.5h-1088q-13 0 -22.5 -9.5t-9.5 -22.5z M1760 192h160v-96q0 -40 -47 -68t-113 -28h-1600q-66 0 -113 28t-47 68v96h160h1600zM1040 96q16 0 16 16t-16 16h-160q-16 0 -16 -16t16 -16h160z" /> <glyph unicode="" horiz-adv-x="1152" d="M640 128q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1024 288v960q0 13 -9.5 22.5t-22.5 9.5h-832q-13 0 -22.5 -9.5t-9.5 -22.5v-960q0 -13 9.5 -22.5t22.5 -9.5h832q13 0 22.5 9.5t9.5 22.5zM1152 1248v-1088q0 -66 -47 -113t-113 -47h-832 q-66 0 -113 47t-47 113v1088q0 66 47 113t113 47h832q66 0 113 -47t47 -113z" /> <glyph unicode="" horiz-adv-x="768" d="M464 128q0 33 -23.5 56.5t-56.5 23.5t-56.5 -23.5t-23.5 -56.5t23.5 -56.5t56.5 -23.5t56.5 23.5t23.5 56.5zM672 288v704q0 13 -9.5 22.5t-22.5 9.5h-512q-13 0 -22.5 -9.5t-9.5 -22.5v-704q0 -13 9.5 -22.5t22.5 -9.5h512q13 0 22.5 9.5t9.5 22.5zM480 1136 q0 16 -16 16h-160q-16 0 -16 -16t16 -16h160q16 0 16 16zM768 1152v-1024q0 -52 -38 -90t-90 -38h-512q-52 0 -90 38t-38 90v1024q0 52 38 90t90 38h512q52 0 90 -38t38 -90z" /> -<glyph unicode="" d="M1280 640q0 104 -40.5 198.5t-109.5 163.5t-163.5 109.5t-198.5 40.5t-198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5zM1536 640q0 -209 -103 -385.5 t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M768 1184q-148 0 -273 -73t-198 -198t-73 -273t73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103 t279.5 -279.5t103 -385.5z" /> <glyph unicode="" horiz-adv-x="1664" d="M768 576v-384q0 -80 -56 -136t-136 -56h-384q-80 0 -136 56t-56 136v704q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5h64q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-64q-106 0 -181 -75t-75 -181v-32q0 -40 28 -68t68 -28h224q80 0 136 -56t56 -136z M1664 576v-384q0 -80 -56 -136t-136 -56h-384q-80 0 -136 56t-56 136v704q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5h64q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-64q-106 0 -181 -75t-75 -181v-32q0 -40 28 -68t68 -28h224q80 0 136 -56t56 -136z" /> <glyph unicode="" horiz-adv-x="1664" d="M768 1216v-704q0 -104 -40.5 -198.5t-109.5 -163.5t-163.5 -109.5t-198.5 -40.5h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64q106 0 181 75t75 181v32q0 40 -28 68t-68 28h-224q-80 0 -136 56t-56 136v384q0 80 56 136t136 56h384q80 0 136 -56t56 -136zM1664 1216 v-704q0 -104 -40.5 -198.5t-109.5 -163.5t-163.5 -109.5t-198.5 -40.5h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64q106 0 181 75t75 181v32q0 40 -28 68t-68 28h-224q-80 0 -136 56t-56 136v384q0 80 56 136t136 56h384q80 0 136 -56t56 -136z" /> <glyph unicode="" horiz-adv-x="1568" d="M496 192q0 -60 -42.5 -102t-101.5 -42q-60 0 -102 42t-42 102t42 102t102 42q59 0 101.5 -42t42.5 -102zM928 0q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM320 640q0 -66 -47 -113t-113 -47t-113 47t-47 113 t47 113t113 47t113 -47t47 -113zM1360 192q0 -46 -33 -79t-79 -33t-79 33t-33 79t33 79t79 33t79 -33t33 -79zM528 1088q0 -73 -51.5 -124.5t-124.5 -51.5t-124.5 51.5t-51.5 124.5t51.5 124.5t124.5 51.5t124.5 -51.5t51.5 -124.5zM992 1280q0 -80 -56 -136t-136 -56 t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM1536 640q0 -40 -28 -68t-68 -28t-68 28t-28 68t28 68t68 28t68 -28t28 -68zM1328 1088q0 -33 -23.5 -56.5t-56.5 -23.5t-56.5 23.5t-23.5 56.5t23.5 56.5t56.5 23.5t56.5 -23.5t23.5 -56.5z" /> <glyph unicode="" d="M1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> <glyph unicode="" horiz-adv-x="1792" d="M1792 416q0 -166 -127 -451q-3 -7 -10.5 -24t-13.5 -30t-13 -22q-12 -17 -28 -17q-15 0 -23.5 10t-8.5 25q0 9 2.5 26.5t2.5 23.5q5 68 5 123q0 101 -17.5 181t-48.5 138.5t-80 101t-105.5 69.5t-133 42.5t-154 21.5t-175.5 6h-224v-256q0 -26 -19 -45t-45 -19t-45 19 l-512 512q-19 19 -19 45t19 45l512 512q19 19 45 19t45 -19t19 -45v-256h224q713 0 875 -403q53 -134 53 -333z" /> -<glyph unicode="" horiz-adv-x="1664" d="M640 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1280 320q0 -40 -12.5 -82t-43 -76t-72.5 -34t-72.5 34t-43 76t-12.5 82t12.5 82t43 76t72.5 34t72.5 -34t43 -76t12.5 -82zM1440 320 q0 120 -69 204t-187 84q-41 0 -195 -21q-71 -11 -157 -11t-157 11q-152 21 -195 21q-118 0 -187 -84t-69 -204q0 -88 32 -153.5t81 -103t122 -60t140 -29.5t149 -7h168q82 0 149 7t140 29.5t122 60t81 103t32 153.5zM1664 496q0 -207 -61 -331q-38 -77 -105.5 -133t-141 -86 t-170 -47.5t-171.5 -22t-167 -4.5q-78 0 -142 3t-147.5 12.5t-152.5 30t-137 51.5t-121 81t-86 115q-62 123 -62 331q0 237 136 396q-27 82 -27 170q0 116 51 218q108 0 190 -39.5t189 -123.5q147 35 309 35q148 0 280 -32q105 82 187 121t189 39q51 -102 51 -218 q0 -87 -27 -168q136 -160 136 -398z" /> +<glyph unicode="" horiz-adv-x="1664" /> <glyph unicode="" horiz-adv-x="1664" d="M1536 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68v-960q0 -40 28 -68t68 -28h1216q40 0 68 28t28 68zM1664 928v-704q0 -92 -66 -158t-158 -66h-1216q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320 q92 0 158 -66t66 -158v-32h672q92 0 158 -66t66 -158z" /> <glyph unicode="" horiz-adv-x="1920" d="M1781 605q0 35 -53 35h-1088q-40 0 -85.5 -21.5t-71.5 -52.5l-294 -363q-18 -24 -18 -40q0 -35 53 -35h1088q40 0 86 22t71 53l294 363q18 22 18 39zM640 768h768v160q0 40 -28 68t-68 28h-576q-40 0 -68 28t-28 68v64q0 40 -28 68t-68 28h-320q-40 0 -68 -28t-28 -68 v-853l256 315q44 53 116 87.5t140 34.5zM1909 605q0 -62 -46 -120l-295 -363q-43 -53 -116 -87.5t-140 -34.5h-1088q-92 0 -158 66t-66 158v960q0 92 66 158t158 66h320q92 0 158 -66t66 -158v-32h544q92 0 158 -66t66 -158v-160h192q54 0 99 -24.5t67 -70.5q15 -32 15 -68z " /> +<glyph unicode="" horiz-adv-x="1152" d="M896 608v-64q0 -14 -9 -23t-23 -9h-224v-224q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v224h-224q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h224v224q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-224h224q14 0 23 -9t9 -23zM1024 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 -28 t-28 -68v-704q0 -40 28 -68t68 -28h704q40 0 68 28t28 68zM1152 928v-704q0 -92 -65.5 -158t-158.5 -66h-704q-93 0 -158.5 66t-65.5 158v704q0 93 65.5 158.5t158.5 65.5h704q93 0 158.5 -65.5t65.5 -158.5z" /> +<glyph unicode="" horiz-adv-x="1152" d="M928 1152q93 0 158.5 -65.5t65.5 -158.5v-704q0 -92 -65.5 -158t-158.5 -66h-704q-93 0 -158.5 66t-65.5 158v704q0 93 65.5 158.5t158.5 65.5h704zM1024 224v704q0 40 -28 68t-68 28h-704q-40 0 -68 -28t-28 -68v-704q0 -40 28 -68t68 -28h704q40 0 68 28t28 68z M864 640q14 0 23 -9t9 -23v-64q0 -14 -9 -23t-23 -9h-576q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h576z" /> +<glyph unicode="" d="M1134 461q-37 -121 -138 -195t-228 -74t-228 74t-138 195q-8 25 4 48.5t38 31.5q25 8 48.5 -4t31.5 -38q25 -80 92.5 -129.5t151.5 -49.5t151.5 49.5t92.5 129.5q8 26 32 38t49 4t37 -31.5t4 -48.5zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5 t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5 t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1134 307q8 -25 -4 -48.5t-37 -31.5t-49 4t-32 38q-25 80 -92.5 129.5t-151.5 49.5t-151.5 -49.5t-92.5 -129.5q-8 -26 -31.5 -38t-48.5 -4q-26 8 -38 31.5t-4 48.5q37 121 138 195t228 74t228 -74t138 -195zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204 t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1152 448q0 -26 -19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h640q26 0 45 -19t19 -45zM640 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1152 896q0 -53 -37.5 -90.5t-90.5 -37.5t-90.5 37.5 t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" horiz-adv-x="1920" d="M832 448v128q0 14 -9 23t-23 9h-192v192q0 14 -9 23t-23 9h-128q-14 0 -23 -9t-9 -23v-192h-192q-14 0 -23 -9t-9 -23v-128q0 -14 9 -23t23 -9h192v-192q0 -14 9 -23t23 -9h128q14 0 23 9t9 23v192h192q14 0 23 9t9 23zM1408 384q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5 t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1664 640q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM1920 512q0 -212 -150 -362t-362 -150q-192 0 -338 128h-220q-146 -128 -338 -128q-212 0 -362 150 t-150 362t150 362t362 150h896q212 0 362 -150t150 -362z" /> +<glyph unicode="" horiz-adv-x="1920" d="M384 368v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM512 624v-96q0 -16 -16 -16h-224q-16 0 -16 16v96q0 16 16 16h224q16 0 16 -16zM384 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1408 368v-96q0 -16 -16 -16 h-864q-16 0 -16 16v96q0 16 16 16h864q16 0 16 -16zM768 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM640 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1024 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16 h96q16 0 16 -16zM896 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1280 624v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1664 368v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1152 880v-96 q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1408 880v-96q0 -16 -16 -16h-96q-16 0 -16 16v96q0 16 16 16h96q16 0 16 -16zM1664 880v-352q0 -16 -16 -16h-224q-16 0 -16 16v96q0 16 16 16h112v240q0 16 16 16h96q16 0 16 -16zM1792 128v896h-1664v-896 h1664zM1920 1024v-896q0 -53 -37.5 -90.5t-90.5 -37.5h-1664q-53 0 -90.5 37.5t-37.5 90.5v896q0 53 37.5 90.5t90.5 37.5h1664q53 0 90.5 -37.5t37.5 -90.5z" /> +<glyph unicode="" horiz-adv-x="1792" d="M1664 491v616q-169 -91 -306 -91q-82 0 -145 32q-100 49 -184 76.5t-178 27.5q-173 0 -403 -127v-599q245 113 433 113q55 0 103.5 -7.5t98 -26t77 -31t82.5 -39.5l28 -14q44 -22 101 -22q120 0 293 92zM320 1280q0 -35 -17.5 -64t-46.5 -46v-1266q0 -14 -9 -23t-23 -9 h-64q-14 0 -23 9t-9 23v1266q-29 17 -46.5 46t-17.5 64q0 53 37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1792 1216v-763q0 -39 -35 -57q-10 -5 -17 -9q-218 -116 -369 -116q-88 0 -158 35l-28 14q-64 33 -99 48t-91 29t-114 14q-102 0 -235.5 -44t-228.5 -102 q-15 -9 -33 -9q-16 0 -32 8q-32 19 -32 56v742q0 35 31 55q35 21 78.5 42.5t114 52t152.5 49.5t155 19q112 0 209 -31t209 -86q38 -19 89 -19q122 0 310 112q22 12 31 17q31 16 62 -2q31 -20 31 -55z" /> +<glyph unicode="" horiz-adv-x="1792" d="M832 536v192q-181 -16 -384 -117v-185q205 96 384 110zM832 954v197q-172 -8 -384 -126v-189q215 111 384 118zM1664 491v184q-235 -116 -384 -71v224q-20 6 -39 15q-5 3 -33 17t-34.5 17t-31.5 15t-34.5 15.5t-32.5 13t-36 12.5t-35 8.5t-39.5 7.5t-39.5 4t-44 2 q-23 0 -49 -3v-222h19q102 0 192.5 -29t197.5 -82q19 -9 39 -15v-188q42 -17 91 -17q120 0 293 92zM1664 918v189q-169 -91 -306 -91q-45 0 -78 8v-196q148 -42 384 90zM320 1280q0 -35 -17.5 -64t-46.5 -46v-1266q0 -14 -9 -23t-23 -9h-64q-14 0 -23 9t-9 23v1266 q-29 17 -46.5 46t-17.5 64q0 53 37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5zM1792 1216v-763q0 -39 -35 -57q-10 -5 -17 -9q-218 -116 -369 -116q-88 0 -158 35l-28 14q-64 33 -99 48t-91 29t-114 14q-102 0 -235.5 -44t-228.5 -102q-15 -9 -33 -9q-16 0 -32 8 q-32 19 -32 56v742q0 35 31 55q35 21 78.5 42.5t114 52t152.5 49.5t155 19q112 0 209 -31t209 -86q38 -19 89 -19q122 0 310 112q22 12 31 17q31 16 62 -2q31 -20 31 -55z" /> +<glyph unicode="" horiz-adv-x="1664" d="M585 553l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23t-10 -23zM1664 96v-64q0 -14 -9 -23t-23 -9h-960q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h960q14 0 23 -9 t9 -23z" /> +<glyph unicode="" horiz-adv-x="1920" d="M617 137l-50 -50q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l466 466q10 10 23 10t23 -10l50 -50q10 -10 10 -23t-10 -23l-393 -393l393 -393q10 -10 10 -23t-10 -23zM1208 1204l-373 -1291q-4 -13 -15.5 -19.5t-23.5 -2.5l-62 17q-13 4 -19.5 15.5t-2.5 24.5 l373 1291q4 13 15.5 19.5t23.5 2.5l62 -17q13 -4 19.5 -15.5t2.5 -24.5zM1865 553l-466 -466q-10 -10 -23 -10t-23 10l-50 50q-10 10 -10 23t10 23l393 393l-393 393q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l466 -466q10 -10 10 -23t-10 -23z" /> +<glyph unicode="" horiz-adv-x="1792" d="M640 454v-70q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-512 512q-19 19 -19 45t19 45l512 512q29 31 70 14q39 -17 39 -59v-69l-397 -398q-19 -19 -19 -45t19 -45zM1792 416q0 -58 -17 -133.5t-38.5 -138t-48 -125t-40.5 -90.5l-20 -40q-8 -17 -28 -17q-6 0 -9 1 q-25 8 -23 34q43 400 -106 565q-64 71 -170.5 110.5t-267.5 52.5v-251q0 -42 -39 -59q-13 -5 -25 -5q-27 0 -45 19l-512 512q-19 19 -19 45t19 45l512 512q29 31 70 14q39 -17 39 -59v-262q411 -28 599 -221q169 -173 169 -509z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1186 579l257 250l-356 52l-66 10l-30 60l-159 322v-963l59 -31l318 -168l-60 355l-12 66zM1638 841l-363 -354l86 -500q5 -33 -6 -51.5t-34 -18.5q-17 0 -40 12l-449 236l-449 -236q-23 -12 -40 -12q-23 0 -34 18.5t-6 51.5l86 500l-364 354q-32 32 -23 59.5t54 34.5 l502 73l225 455q20 41 49 41q28 0 49 -41l225 -455l502 -73q45 -7 54 -34.5t-24 -59.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M1401 1187l-640 -1280q-17 -35 -57 -35q-5 0 -15 2q-22 5 -35.5 22.5t-13.5 39.5v576h-576q-22 0 -39.5 13.5t-22.5 35.5t4 42t29 30l1280 640q13 7 29 7q27 0 45 -19q15 -14 18.5 -34.5t-6.5 -39.5z" /> +<glyph unicode="" horiz-adv-x="1664" d="M557 256h595v595zM512 301l595 595h-595v-595zM1664 224v-192q0 -14 -9 -23t-23 -9h-224v-224q0 -14 -9 -23t-23 -9h-192q-14 0 -23 9t-9 23v224h-864q-14 0 -23 9t-9 23v864h-224q-14 0 -23 9t-9 23v192q0 14 9 23t23 9h224v224q0 14 9 23t23 9h192q14 0 23 -9t9 -23 v-224h851l246 247q10 9 23 9t23 -9q9 -10 9 -23t-9 -23l-247 -246v-851h224q14 0 23 -9t9 -23z" /> +<glyph unicode="" horiz-adv-x="1024" d="M288 64q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM288 1216q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM928 1088q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM1024 1088q0 -52 -26 -96.5t-70 -69.5 q-2 -287 -226 -414q-68 -38 -203 -81q-128 -40 -169.5 -71t-41.5 -100v-26q44 -25 70 -69.5t26 -96.5q0 -80 -56 -136t-136 -56t-136 56t-56 136q0 52 26 96.5t70 69.5v820q-44 25 -70 69.5t-26 96.5q0 80 56 136t136 56t136 -56t56 -136q0 -52 -26 -96.5t-70 -69.5v-497 q54 26 154 57q55 17 87.5 29.5t70.5 31t59 39.5t40.5 51t28 69.5t8.5 91.5q-44 25 -70 69.5t-26 96.5q0 80 56 136t136 56t136 -56t56 -136z" /> +<glyph unicode="" horiz-adv-x="1664" d="M439 265l-256 -256q-10 -9 -23 -9q-12 0 -23 9q-9 10 -9 23t9 23l256 256q10 9 23 9t23 -9q9 -10 9 -23t-9 -23zM608 224v-320q0 -14 -9 -23t-23 -9t-23 9t-9 23v320q0 14 9 23t23 9t23 -9t9 -23zM384 448q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23t9 23t23 9h320 q14 0 23 -9t9 -23zM1648 320q0 -120 -85 -203l-147 -146q-83 -83 -203 -83q-121 0 -204 85l-334 335q-21 21 -42 56l239 18l273 -274q27 -27 68 -27.5t68 26.5l147 146q28 28 28 67q0 40 -28 68l-274 275l18 239q35 -21 56 -42l336 -336q84 -86 84 -204zM1031 1044l-239 -18 l-273 274q-28 28 -68 28q-39 0 -68 -27l-147 -146q-28 -28 -28 -67q0 -40 28 -68l274 -274l-18 -240q-35 21 -56 42l-336 336q-84 86 -84 204q0 120 85 203l147 146q83 83 203 83q121 0 204 -85l334 -335q21 -21 42 -56zM1664 960q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9 t-9 23t9 23t23 9h320q14 0 23 -9t9 -23zM1120 1504v-320q0 -14 -9 -23t-23 -9t-23 9t-9 23v320q0 14 9 23t23 9t23 -9t9 -23zM1527 1353l-256 -256q-11 -9 -23 -9t-23 9q-9 10 -9 23t9 23l256 256q10 9 23 9t23 -9q9 -10 9 -23t-9 -23z" /> +<glyph unicode="" horiz-adv-x="1024" d="M704 280v-240q0 -16 -12 -28t-28 -12h-240q-16 0 -28 12t-12 28v240q0 16 12 28t28 12h240q16 0 28 -12t12 -28zM1020 880q0 -54 -15.5 -101t-35 -76.5t-55 -59.5t-57.5 -43.5t-61 -35.5q-41 -23 -68.5 -65t-27.5 -67q0 -17 -12 -32.5t-28 -15.5h-240q-15 0 -25.5 18.5 t-10.5 37.5v45q0 83 65 156.5t143 108.5q59 27 84 56t25 76q0 42 -46.5 74t-107.5 32q-65 0 -108 -29q-35 -25 -107 -115q-13 -16 -31 -16q-12 0 -25 8l-164 125q-13 10 -15.5 25t5.5 28q160 266 464 266q80 0 161 -31t146 -83t106 -127.5t41 -158.5z" /> +<glyph unicode="" horiz-adv-x="640" d="M640 192v-128q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h64v384h-64q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h384q26 0 45 -19t19 -45v-576h64q26 0 45 -19t19 -45zM512 1344v-192q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v192 q0 26 19 45t45 19h256q26 0 45 -19t19 -45z" /> +<glyph unicode="" horiz-adv-x="640" d="M512 288v-224q0 -26 -19 -45t-45 -19h-256q-26 0 -45 19t-19 45v224q0 26 19 45t45 19h256q26 0 45 -19t19 -45zM542 1344l-28 -768q-1 -26 -20.5 -45t-45.5 -19h-256q-26 0 -45.5 19t-20.5 45l-28 768q-1 26 17.5 45t44.5 19h320q26 0 44.5 -19t17.5 -45z" /> +<glyph unicode="" d="M897 167v-167h-248l-159 252l-24 42q-8 9 -11 21h-3l-9 -21q-10 -20 -25 -44l-155 -250h-258v167h128l197 291l-185 272h-137v168h276l139 -228q2 -4 23 -42q8 -9 11 -21h3q3 9 11 21l25 42l140 228h257v-168h-125l-184 -267l204 -296h109zM1534 846v-206h-514l-3 27 q-4 28 -4 46q0 64 26 117t65 86.5t84 65t84 54.5t65 54t26 64q0 38 -29.5 62.5t-70.5 24.5q-51 0 -97 -39q-14 -11 -36 -38l-105 92q26 37 63 66q83 65 188 65q110 0 178 -59.5t68 -158.5q0 -56 -24.5 -103t-62 -76.5t-81.5 -58.5t-82 -50.5t-65.5 -51.5t-30.5 -63h232v80 h126z" /> +<glyph unicode="" d="M897 167v-167h-248l-159 252l-24 42q-8 9 -11 21h-3l-9 -21q-10 -20 -25 -44l-155 -250h-258v167h128l197 291l-185 272h-137v168h276l139 -228q2 -4 23 -42q8 -9 11 -21h3q3 9 11 21l25 42l140 228h257v-168h-125l-184 -267l204 -296h109zM1536 -50v-206h-514l-4 27 q-3 45 -3 46q0 64 26 117t65 86.5t84 65t84 54.5t65 54t26 64q0 38 -29.5 62.5t-70.5 24.5q-51 0 -97 -39q-14 -11 -36 -38l-105 92q26 37 63 66q80 65 188 65q110 0 178 -59.5t68 -158.5q0 -66 -34.5 -118.5t-84 -86t-99.5 -62.5t-87 -63t-41 -73h232v80h126z" /> +<glyph unicode="" horiz-adv-x="1920" d="M896 128l336 384h-768l-336 -384h768zM1909 1205q15 -34 9.5 -71.5t-30.5 -65.5l-896 -1024q-38 -44 -96 -44h-768q-38 0 -69.5 20.5t-47.5 54.5q-15 34 -9.5 71.5t30.5 65.5l896 1024q38 44 96 44h768q38 0 69.5 -20.5t47.5 -54.5z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1664 438q0 -81 -44.5 -135t-123.5 -54q-41 0 -77.5 17.5t-59 38t-56.5 38t-71 17.5q-110 0 -110 -124q0 -39 16 -115t15 -115v-5q-22 0 -33 -1q-34 -3 -97.5 -11.5t-115.5 -13.5t-98 -5q-61 0 -103 26.5t-42 83.5q0 37 17.5 71t38 56.5t38 59t17.5 77.5q0 79 -54 123.5 t-135 44.5q-84 0 -143 -45.5t-59 -127.5q0 -43 15 -83t33.5 -64.5t33.5 -53t15 -50.5q0 -45 -46 -89q-37 -35 -117 -35q-95 0 -245 24q-9 2 -27.5 4t-27.5 4l-13 2q-1 0 -3 1q-2 0 -2 1v1024q2 -1 17.5 -3.5t34 -5t21.5 -3.5q150 -24 245 -24q80 0 117 35q46 44 46 89 q0 22 -15 50.5t-33.5 53t-33.5 64.5t-15 83q0 82 59 127.5t144 45.5q80 0 134 -44.5t54 -123.5q0 -41 -17.5 -77.5t-38 -59t-38 -56.5t-17.5 -71q0 -57 42 -83.5t103 -26.5q64 0 180 15t163 17v-2q-1 -2 -3.5 -17.5t-5 -34t-3.5 -21.5q-24 -150 -24 -245q0 -80 35 -117 q44 -46 89 -46q22 0 50.5 15t53 33.5t64.5 33.5t83 15q82 0 127.5 -59t45.5 -143z" /> +<glyph unicode="" horiz-adv-x="1152" d="M1152 832v-128q0 -221 -147.5 -384.5t-364.5 -187.5v-132h256q26 0 45 -19t19 -45t-19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h256v132q-217 24 -364.5 187.5t-147.5 384.5v128q0 26 19 45t45 19t45 -19t19 -45v-128q0 -185 131.5 -316.5t316.5 -131.5 t316.5 131.5t131.5 316.5v128q0 26 19 45t45 19t45 -19t19 -45zM896 1216v-512q0 -132 -94 -226t-226 -94t-226 94t-94 226v512q0 132 94 226t226 94t226 -94t94 -226z" /> +<glyph unicode="" horiz-adv-x="1408" d="M271 591l-101 -101q-42 103 -42 214v128q0 26 19 45t45 19t45 -19t19 -45v-128q0 -53 15 -113zM1385 1193l-361 -361v-128q0 -132 -94 -226t-226 -94q-55 0 -109 19l-96 -96q97 -51 205 -51q185 0 316.5 131.5t131.5 316.5v128q0 26 19 45t45 19t45 -19t19 -45v-128 q0 -221 -147.5 -384.5t-364.5 -187.5v-132h256q26 0 45 -19t19 -45t-19 -45t-45 -19h-640q-26 0 -45 19t-19 45t19 45t45 19h256v132q-125 13 -235 81l-254 -254q-10 -10 -23 -10t-23 10l-82 82q-10 10 -10 23t10 23l1234 1234q10 10 23 10t23 -10l82 -82q10 -10 10 -23 t-10 -23zM1005 1325l-621 -621v512q0 132 94 226t226 94q102 0 184.5 -59t116.5 -152z" /> +<glyph unicode="" horiz-adv-x="1280" d="M1088 576v640h-448v-1137q119 63 213 137q235 184 235 360zM1280 1344v-768q0 -86 -33.5 -170.5t-83 -150t-118 -127.5t-126.5 -103t-121 -77.5t-89.5 -49.5t-42.5 -20q-12 -6 -26 -6t-26 6q-16 7 -42.5 20t-89.5 49.5t-121 77.5t-126.5 103t-118 127.5t-83 150 t-33.5 170.5v768q0 26 19 45t45 19h1152q26 0 45 -19t19 -45z" /> +<glyph unicode="" horiz-adv-x="1664" d="M128 -128h1408v1024h-1408v-1024zM512 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1280 1088v288q0 14 -9 23t-23 9h-64q-14 0 -23 -9t-9 -23v-288q0 -14 9 -23t23 -9h64q14 0 23 9t9 23zM1664 1152v-1280 q0 -52 -38 -90t-90 -38h-1408q-52 0 -90 38t-38 90v1280q0 52 38 90t90 38h128v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h384v96q0 66 47 113t113 47h64q66 0 113 -47t47 -113v-96h128q52 0 90 -38t38 -90z" /> +<glyph unicode="" horiz-adv-x="1408" d="M512 1344q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1408 1376v-320q0 -16 -12 -25q-8 -7 -20 -7q-4 0 -7 1l-448 96q-11 2 -18 11t-7 20h-256v-102q111 -23 183.5 -111t72.5 -203v-800q0 -26 -19 -45t-45 -19h-512q-26 0 -45 19t-19 45v800 q0 106 62.5 190.5t161.5 114.5v111h-32q-59 0 -115 -23.5t-91.5 -53t-66 -66.5t-40.5 -53.5t-14 -24.5q-17 -35 -57 -35q-16 0 -29 7q-23 12 -31.5 37t3.5 49q5 10 14.5 26t37.5 53.5t60.5 70t85 67t108.5 52.5q-25 42 -25 86q0 66 47 113t113 47t113 -47t47 -113 q0 -33 -14 -64h302q0 11 7 20t18 11l448 96q3 1 7 1q12 0 20 -7q12 -9 12 -25z" /> +<glyph unicode="" horiz-adv-x="1664" d="M1440 1088q0 40 -28 68t-68 28t-68 -28t-28 -68t28 -68t68 -28t68 28t28 68zM1664 1376q0 -249 -75.5 -430.5t-253.5 -360.5q-81 -80 -195 -176l-20 -379q-2 -16 -16 -26l-384 -224q-7 -4 -16 -4q-12 0 -23 9l-64 64q-13 14 -8 32l85 276l-281 281l-276 -85q-3 -1 -9 -1 q-14 0 -23 9l-64 64q-17 19 -5 39l224 384q10 14 26 16l379 20q96 114 176 195q188 187 358 258t431 71q14 0 24 -9.5t10 -22.5z" /> +<glyph unicode="" horiz-adv-x="1792" d="M1708 881l-188 -881h-304l181 849q4 21 1 43q-4 20 -16 35q-10 14 -28 24q-18 9 -40 9h-197l-205 -960h-303l204 960h-304l-205 -960h-304l272 1280h1139q157 0 245 -118q86 -116 52 -281z" /> +<glyph unicode="" d="M909 141l102 102q19 19 19 45t-19 45l-307 307l307 307q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M717 141l454 454q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l307 -307l-307 -307q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M1165 397l102 102q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-454 -454q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19l307 307l307 -307q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" d="M813 237l454 454q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-307 -307l-307 307q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M1130 939l16 175h-884l47 -534h612l-22 -228l-197 -53l-196 53l-13 140h-175l22 -278l362 -100h4v1l359 99l50 544h-644l-15 181h674zM0 1408h1408l-128 -1438l-578 -162l-574 162z" /> +<glyph unicode="" horiz-adv-x="1792" d="M275 1408h1505l-266 -1333l-804 -267l-698 267l71 356h297l-29 -147l422 -161l486 161l68 339h-1208l58 297h1209l38 191h-1208z" /> +<glyph unicode="" horiz-adv-x="1792" d="M960 1280q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1790 276q-8 -20 -30 -20h-112q0 -137 -99.5 -251t-272 -179.5t-380.5 -65.5t-380.5 65.5t-272 179.5t-99.5 251h-112q-22 0 -30 20q-8 19 7 35l224 224q10 9 23 9q12 0 23 -9l224 -224 q15 -16 7 -35q-8 -20 -30 -20h-112q0 -85 112.5 -162.5t287.5 -100.5v647h-192q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h192v163q-58 34 -93 92.5t-35 128.5q0 106 75 181t181 75t181 -75t75 -181q0 -70 -35 -128.5t-93 -92.5v-163h192q26 0 45 -19t19 -45v-128 q0 -26 -19 -45t-45 -19h-192v-647q175 23 287.5 100.5t112.5 162.5h-112q-22 0 -30 20q-8 19 7 35l224 224q11 9 23 9t23 -9l224 -224q15 -16 7 -35z" /> +<glyph unicode="" horiz-adv-x="1152" d="M1056 768q40 0 68 -28t28 -68v-576q0 -40 -28 -68t-68 -28h-960q-40 0 -68 28t-28 68v576q0 40 28 68t68 28h32v320q0 185 131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5q0 -26 -19 -45t-45 -19h-64q-26 0 -45 19t-19 45q0 106 -75 181t-181 75t-181 -75t-75 -181 v-320h736zM703 169l-69 229q32 17 51 47t19 67q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -37 19 -67t51 -47l-69 -229q-5 -15 5 -28t26 -13h192q16 0 26 13t5 28z" /> +<glyph unicode="" d="M1024 640q0 -106 -75 -181t-181 -75t-181 75t-75 181t75 181t181 75t181 -75t75 -181zM1152 640q0 159 -112.5 271.5t-271.5 112.5t-271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5zM1280 640q0 -212 -150 -362t-362 -150t-362 150 t-150 362t150 362t362 150t362 -150t150 -362zM1408 640q0 130 -51 248.5t-136.5 204t-204 136.5t-248.5 51t-248.5 -51t-204 -136.5t-136.5 -204t-51 -248.5t51 -248.5t136.5 -204t204 -136.5t248.5 -51t248.5 51t204 136.5t136.5 204t51 248.5zM1536 640 q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M384 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM896 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM1408 800v-192q0 -40 -28 -68t-68 -28h-192 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68z" /> +<glyph unicode="" horiz-adv-x="384" d="M384 288v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM384 800v-192q0 -40 -28 -68t-68 -28h-192q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68zM384 1312v-192q0 -40 -28 -68t-68 -28h-192 q-40 0 -68 28t-28 68v192q0 40 28 68t68 28h192q40 0 68 -28t28 -68z" /> +<glyph unicode="" d="M512 256q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5zM863 162q-13 232 -177 396t-396 177q-14 1 -24 -9t-10 -23v-128q0 -13 8.5 -22t21.5 -10q154 -11 264 -121t121 -264q1 -13 10 -21.5t22 -8.5h128q13 0 23 10 t9 24zM1247 161q-5 154 -56 297.5t-139.5 260t-205 205t-260 139.5t-297.5 56q-14 1 -23 -9q-10 -10 -10 -23v-128q0 -13 9 -22t22 -10q204 -7 378 -111.5t278.5 -278.5t111.5 -378q1 -13 10 -22t22 -9h128q13 0 23 10q11 9 9 23zM1536 1120v-960q0 -119 -84.5 -203.5 t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M768 1408q209 0 385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103zM1152 585q32 18 32 55t-32 55l-544 320q-31 19 -64 1q-32 -19 -32 -56v-640q0 -37 32 -56 q16 -8 32 -8q17 0 32 9z" /> +<glyph unicode="" horiz-adv-x="1792" d="M1024 1084l316 -316l-572 -572l-316 316zM813 105l618 618q19 19 19 45t-19 45l-362 362q-18 18 -45 18t-45 -18l-618 -618q-19 -19 -19 -45t19 -45l362 -362q18 -18 45 -18t45 18zM1702 742l-907 -908q-37 -37 -90.5 -37t-90.5 37l-126 126q56 56 56 136t-56 136 t-136 56t-136 -56l-125 126q-37 37 -37 90.5t37 90.5l907 906q37 37 90.5 37t90.5 -37l125 -125q-56 -56 -56 -136t56 -136t136 -56t136 56l126 -125q37 -37 37 -90.5t-37 -90.5z" /> +<glyph unicode="" d="M1280 576v128q0 26 -19 45t-45 19h-896q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h896q26 0 45 19t19 45zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5 t84.5 -203.5z" /> +<glyph unicode="" horiz-adv-x="1408" d="M1152 736v-64q0 -14 -9 -23t-23 -9h-832q-14 0 -23 9t-9 23v64q0 14 9 23t23 9h832q14 0 23 -9t9 -23zM1280 288v832q0 66 -47 113t-113 47h-832q-66 0 -113 -47t-47 -113v-832q0 -66 47 -113t113 -47h832q66 0 113 47t47 113zM1408 1120v-832q0 -119 -84.5 -203.5 t-203.5 -84.5h-832q-119 0 -203.5 84.5t-84.5 203.5v832q0 119 84.5 203.5t203.5 84.5h832q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" horiz-adv-x="1024" d="M1018 933q-18 -37 -58 -37h-192v-864q0 -14 -9 -23t-23 -9h-704q-21 0 -29 18q-8 20 4 35l160 192q9 11 25 11h320v640h-192q-40 0 -58 37q-17 37 9 68l320 384q18 22 49 22t49 -22l320 -384q27 -32 9 -68z" /> +<glyph unicode="" horiz-adv-x="1024" d="M32 1280h704q13 0 22.5 -9.5t9.5 -23.5v-863h192q40 0 58 -37t-9 -69l-320 -384q-18 -22 -49 -22t-49 22l-320 384q-26 31 -9 69q18 37 58 37h192v640h-320q-14 0 -25 11l-160 192q-13 14 -4 34q9 19 29 19z" /> +<glyph unicode="" d="M685 237l614 614q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-467 -467l-211 211q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l358 -358q19 -19 45 -19t45 19zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5 t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M404 428l152 -152l-52 -52h-56v96h-96v56zM818 818q14 -13 -3 -30l-291 -291q-17 -17 -30 -3q-14 13 3 30l291 291q17 17 30 3zM544 128l544 544l-288 288l-544 -544v-288h288zM1152 736l92 92q28 28 28 68t-28 68l-152 152q-28 28 -68 28t-68 -28l-92 -92zM1536 1120 v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M1280 608v480q0 26 -19 45t-45 19h-480q-42 0 -59 -39q-17 -41 14 -70l144 -144l-534 -534q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19l534 534l144 -144q18 -19 45 -19q12 0 25 5q39 17 39 59zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960 q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" d="M1005 435l352 352q19 19 19 45t-19 45l-352 352q-30 31 -69 14q-40 -17 -40 -59v-160q-119 0 -216 -19.5t-162.5 -51t-114 -79t-76.5 -95.5t-44.5 -109t-21.5 -111.5t-5 -110.5q0 -181 167 -404q10 -12 25 -12q7 0 13 3q22 9 19 33q-44 354 62 473q46 52 130 75.5 t224 23.5v-160q0 -42 40 -59q12 -5 24 -5q26 0 45 19zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z" /> +<glyph unicode="" horiz-adv-x="1792" /> +<glyph unicode="" horiz-adv-x="1792" /> </font> </defs></svg>
\ No newline at end of file diff --git a/assets/font/fontawesome-webfont.ttf b/assets/font-awesome/font/fontawesome-webfont.ttf Binary files differindex d46172476..908f69ec9 100755 --- a/assets/font/fontawesome-webfont.ttf +++ b/assets/font-awesome/font/fontawesome-webfont.ttf diff --git a/assets/font-awesome/font/fontawesome-webfont.woff b/assets/font-awesome/font/fontawesome-webfont.woff Binary files differnew file mode 100755 index 000000000..a33af950a --- /dev/null +++ b/assets/font-awesome/font/fontawesome-webfont.woff diff --git a/assets/font-awesome/less/bootstrap.less b/assets/font-awesome/less/bootstrap.less new file mode 100644 index 000000000..444e29804 --- /dev/null +++ b/assets/font-awesome/less/bootstrap.less @@ -0,0 +1,78 @@ +/* BOOTSTRAP SPECIFIC CLASSES + * -------------------------- */ + +/* Bootstrap 2.0 sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} + +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} + + +/* keeps Bootstrap styles with and without icons the same */ +.btn, .nav { + [class^="icon-"], + [class*=" icon-"] { +// display: inline; + &.icon-large { line-height: .9em; } + &.icon-spin { display: inline-block; } + } +} +.nav-tabs, .nav-pills { + [class^="icon-"], + [class*=" icon-"] { + &, &.icon-large { line-height: .9em; } + } +} +.btn { + [class^="icon-"], + [class*=" icon-"] { + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .18em; } + } + &.icon-spin.icon-large { line-height: .8em; } + } +} +.btn.btn-small { + [class^="icon-"], + [class*=" icon-"] { + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .25em; } + } + } +} +.btn.btn-large { + [class^="icon-"], + [class*=" icon-"] { + margin-top: 0; // overrides bootstrap default + &.pull-left, &.pull-right { + &.icon-2x { margin-top: .05em; } + } + &.pull-left.icon-2x { margin-right: .2em; } + &.pull-right.icon-2x { margin-left: .2em; } + } +} diff --git a/assets/font-awesome/less/core.less b/assets/font-awesome/less/core.less new file mode 100644 index 000000000..815d329e6 --- /dev/null +++ b/assets/font-awesome/less/core.less @@ -0,0 +1,132 @@ +/* FONT AWESOME CORE + * -------------------------- */ + +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; // fixes ie7 issues +} + +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} + +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 4/3em; +} + +/* makes sure icons active on rollover in links */ +a { + [class^="icon-"], + [class*=" icon-"] { + &, &:before { display: inline; } + } +} + +/* increased font size for icon-large */ +[class^="icon-"], +[class*=" icon-"] { + &.icon-fixed-width { + display: inline-block; + width: 18/14em; + text-align: center; + &.icon-large { + width: 22/14em; + } + } +} + +ul.icons-ul { + list-style-type: none; + text-indent: -10/14em; + margin-left: 30/14em; + + > li { + .icon-li { + width: 10/14em; + display: inline-block; + text-align: center; + } + } +} + +// allows usage of the hide class directly on font awesome icons +[class^="icon-"], +[class*=" icon-"] { + &.hide { + display: none; + } +} + +.icon-muted { color: @iconMuted; } +.icon-light { color: @iconLight; } +.icon-dark { color: @iconDark; } + +// Icon Borders +// ------------------------- + +.icon-border { + border: solid 1px @borderColor; + padding: .2em .25em .15em; + .border-radius(3px); +} + +// Icon Sizes +// ------------------------- + +.icon-2x { + font-size: 2em; + &.icon-border { + border-width: 2px; + .border-radius(4px); + } +} +.icon-3x { + font-size: 3em; + &.icon-border { + border-width: 3px; + .border-radius(5px); + } +} +.icon-4x { + font-size: 4em; + &.icon-border { + border-width: 4px; + .border-radius(6px); + } +} + +.icon-5x { + font-size: 5em; + &.icon-border { + border-width: 5px; + .border-radius(7px); + } +} + + +// Floats & Margins +// ------------------------- + +// Quick floats +.pull-right { float: right; } +.pull-left { float: left; } + +[class^="icon-"], +[class*=" icon-"] { + &.pull-left { + margin-right: .3em; + } + &.pull-right { + margin-left: .3em; + } +} diff --git a/assets/font-awesome/less/extras.less b/assets/font-awesome/less/extras.less new file mode 100644 index 000000000..3d16eb6f3 --- /dev/null +++ b/assets/font-awesome/less/extras.less @@ -0,0 +1,79 @@ +/* EXTRAS + * -------------------------- */ + +/* Stacked and layered icon */ +.icon-stack(); + +/* Animated rotating icon */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} + +@-moz-keyframes spin { + 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } +} +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } +} +@-o-keyframes spin { + 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } +} +@-ms-keyframes spin { + 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } +} +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(359deg); } +} + +/* Icon rotations and mirroring */ +.icon-rotate-90:before{ + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} + +.icon-rotate-180:before{ + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} + +.icon-rotate-270:before{ + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} + +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} + +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +}
\ No newline at end of file diff --git a/assets/less/font-awesome-ie7.less b/assets/font-awesome/less/font-awesome-ie7.less index 2bb1b5c15..583e904c3 100644 --- a/assets/less/font-awesome-ie7.less +++ b/assets/font-awesome/less/font-awesome-ie7.less @@ -1,22 +1,24 @@ /*! - * Font Awesome 3.0.2 - * the iconic font designed for use with Twitter Bootstrap + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fortawesome.github.com/Font-Awesome/ + * can be found at: http://fontawesome.io * * License * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html - * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + * "Font Awesome by Dave Gandy - http://fontawesome.io" * Contact * ------------------------------------------------------- - * Email: dave@davegandy.com + * Email: dave@fontawesome.io * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @@ -57,6 +59,18 @@ } } +ul.icons-ul { + text-indent: -1em; + margin-left: 30/14em; + + > li { + .icon-li { + width: 1em; + margin-right: 0; + } + } +} + .btn { [class^="icon-"], [class*=" icon-"] { @@ -72,15 +86,7 @@ a [class*=" icon-"] { cursor: pointer; } -ul.icons { - text-indent: -1.5em; - margin-left: 3em; -} - - -.ie7icon(@inner) { - *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; -} +.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; } .icon-glass { .ie7icon(''); } .icon-music { .ie7icon(''); } @@ -345,6 +351,62 @@ ul.icons { .icon-spinner { .ie7icon(''); } .icon-circle { .ie7icon(''); } .icon-reply { .ie7icon(''); } -.icon-github-alt { .ie7icon(''); } .icon-folder-close-alt { .ie7icon(''); } .icon-folder-open-alt { .ie7icon(''); } +.icon-expand-alt { .ie7icon(''); } +.icon-collapse-alt { .ie7icon(''); } +.icon-smile { .ie7icon(''); } +.icon-frown { .ie7icon(''); } +.icon-meh { .ie7icon(''); } +.icon-gamepad { .ie7icon(''); } +.icon-keyboard { .ie7icon(''); } +.icon-flag-alt { .ie7icon(''); } +.icon-flag-checkered { .ie7icon(''); } + +.icon-terminal { .ie7icon(''); } +.icon-code { .ie7icon(''); } +.icon-reply-all { .ie7icon(''); } +.icon-mail-reply-all { .ie7icon(''); } +.icon-star-half-empty { .ie7icon(''); } +.icon-location-arrow { .ie7icon(''); } +.icon-crop { .ie7icon(''); } +.icon-code-fork { .ie7icon(''); } +.icon-unlink { .ie7icon(''); } +.icon-question { .ie7icon(''); } +.icon-info { .ie7icon(''); } +.icon-exclamation { .ie7icon(''); } +.icon-superscript { .ie7icon(''); } +.icon-subscript { .ie7icon(''); } +.icon-eraser { .ie7icon(''); } +.icon-puzzle-piece { .ie7icon(''); } + +.icon-microphone { .ie7icon(''); } +.icon-microphone-off { .ie7icon(''); } +.icon-shield { .ie7icon(''); } +.icon-calendar-empty { .ie7icon(''); } +.icon-fire-extinguisher { .ie7icon(''); } +.icon-rocket { .ie7icon(''); } +.icon-maxcdn { .ie7icon(''); } +.icon-chevron-sign-left { .ie7icon(''); } +.icon-chevron-sign-right { .ie7icon(''); } +.icon-chevron-sign-up { .ie7icon(''); } +.icon-chevron-sign-down { .ie7icon(''); } +.icon-html5 { .ie7icon(''); } +.icon-css3 { .ie7icon(''); } +.icon-anchor { .ie7icon(''); } +.icon-unlock-alt { .ie7icon(''); } + +.icon-bullseye { .ie7icon(''); } +.icon-ellipsis-horizontal { .ie7icon(''); } +.icon-ellipsis-vertical { .ie7icon(''); } +.icon-rss-sign { .ie7icon(''); } +.icon-play-sign { .ie7icon(''); } +.icon-ticket { .ie7icon(''); } +.icon-minus-sign-alt { .ie7icon(''); } +.icon-check-minus { .ie7icon(''); } +.icon-level-up { .ie7icon(''); } +.icon-level-down { .ie7icon(''); } +.icon-check-sign { .ie7icon(''); } +.icon-edit-sign { .ie7icon(''); } +.icon-external-link-sign { .ie7icon(''); } +.icon-share-sign { .ie7icon(''); } diff --git a/assets/font-awesome/less/font-awesome.less b/assets/font-awesome/less/font-awesome.less new file mode 100644 index 000000000..0a9518e51 --- /dev/null +++ b/assets/font-awesome/less/font-awesome.less @@ -0,0 +1,32 @@ +/*! + * Font Awesome 3.1.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fontawesome.io + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 License - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + + * Contact + * ------------------------------------------------------- + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ + +@import "variables.less"; +@import "mixins.less"; +@import "path.less"; +@import "core.less"; +@import "bootstrap.less"; +@import "extras.less"; +@import "icons.less"; diff --git a/assets/less/font-awesome.less b/assets/font-awesome/less/icons.less index 3a60645c5..08f5d81fb 100644 --- a/assets/less/font-awesome.less +++ b/assets/font-awesome/less/icons.less @@ -1,273 +1,5 @@ -/*! - * Font Awesome 3.0.2 - * the iconic font designed for use with Twitter Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fortawesome.github.com/Font-Awesome/ - * - * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - - * http://opensource.org/licenses/mit-license.html - * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" - - * Contact - * ------------------------------------------------------- - * Email: dave@davegandy.com - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com - */ - -@FontAwesomePath: "../font"; -@borderColor: #eee; -@iconMuted: #eee; -.border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } - -@font-face { - font-family: 'FontAwesome'; - src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=3.0.1'); - src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), - url('@{FontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format('woff'), - url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); -// url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=3.0.1') format('svg'); - -// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); - - font-weight: normal; - font-style: normal; -} - -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - -/* sprites.less reset */ - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} - -/* more sprites.less reset */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { - background-image: none; -} - -[class^="icon-"]:before, -[class*=" icon-"]:before { - text-decoration: inherit; - display: inline-block; - speak: none; -} - -/* makes sure icons active on rollover in links */ -a { - [class^="icon-"], - [class*=" icon-"] { - display: inline-block; - } -} - -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: -10%; - font-size: 4/3em; -} - -.btn, .nav { - [class^="icon-"], - [class*=" icon-"] { - display: inline; - /* keeps button heights with and without icons the same */ - &.icon-large { line-height: .9em; } - &.icon-spin { display: inline-block; } - } -} - -.nav-tabs, .nav-pills { - [class^="icon-"], - [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - &, &.icon-large { line-height: .9em; } - } -} - -li, .nav li { - [class^="icon-"], - [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; - &.icon-large { - /* increased font size for icon-large */ - width: 1.25*1.25em; - } - } -} - -ul.icons { - list-style-type: none; - text-indent: -.75em; - - li { - [class^="icon-"], - [class*=" icon-"] { - width: .75em; - } - } -} - -.icon-muted { - color: @iconMuted; -} - -// Icon Borders -// ------------------------- - -.icon-border { - border: solid 1px @borderColor; - padding: .2em .25em .15em; - .border-radius(3px); -} - -// Icon Sizes -// ------------------------- - -.icon-2x { - font-size: 2em; - &.icon-border { - border-width: 2px; - .border-radius(4px); - } -} -.icon-3x { - font-size: 3em; - &.icon-border { - border-width: 3px; - .border-radius(5px); - } -} -.icon-4x { - font-size: 4em; - &.icon-border { - border-width: 4px; - .border-radius(6px); - } -} - -// Floats -// ------------------------- - -// Quick floats -.pull-right { float: right; } -.pull-left { float: left; } - -[class^="icon-"], -[class*=" icon-"] { - &.pull-left { - margin-right: .3em; - } - &.pull-right { - margin-left: .3em; - } -} - -.btn { - [class^="icon-"], - [class*=" icon-"] { - &.pull-left, &.pull-right { - &.icon-2x { margin-top: .18em; } - } - &.icon-spin.icon-large { line-height: .8em; } - } -} - -.btn.btn-small { - [class^="icon-"], - [class*=" icon-"] { - &.pull-left, &.pull-right { - &.icon-2x { margin-top: .25em; } - } - } -} - -.btn.btn-large { - [class^="icon-"], - [class*=" icon-"] { - margin-top: 0; // overrides bootstrap default - &.pull-left, &.pull-right { - &.icon-2x { margin-top: .05em; } - } - &.pull-left.icon-2x { margin-right: .2em; } - &.pull-right.icon-2x { margin-left: .2em; } - } -} - - -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} - -@-moz-keyframes spin { - 0% { -moz-transform: rotate(0deg); } - 100% { -moz-transform: rotate(359deg); } -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} -@-o-keyframes spin { - 0% { -o-transform: rotate(0deg); } - 100% { -o-transform: rotate(359deg); } -} -@-ms-keyframes spin { - 0% { -ms-transform: rotate(0deg); } - 100% { -ms-transform: rotate(359deg); } -} -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(359deg); } -} - -@-moz-document url-prefix() { - .icon-spin { height: .9em; } - .btn .icon-spin { height: auto; } - .icon-spin.icon-large { height: 1.25em; } - .btn .icon-spin.icon-large { height: .75em; } -} - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } @@ -298,9 +30,10 @@ ul.icons { .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } +.icon-repeat:before, +.icon-rotate-right:before { content: "\f01e"; } -/* \f020 doesn't work in Safari. all shifted one down */ +/* F020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } @@ -369,7 +102,8 @@ ul.icons { .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } +.icon-share-alt:before, +.icon-mail-forward:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } @@ -483,7 +217,8 @@ ul.icons { .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } -.icon-undo:before { content: "\f0e2"; } +.icon-undo:before, +.icon-rotate-left:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } @@ -531,7 +266,64 @@ ul.icons { .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } -.icon-reply:before { content: "\f112"; } -.icon-github-alt:before { content: "\f113"; } +.icon-reply:before, +.icon-mail-reply:before { content: "\f112"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } +.icon-expand-alt:before { content: "\f116"; } +.icon-collapse-alt:before { content: "\f117"; } +.icon-smile:before { content: "\f118"; } +.icon-frown:before { content: "\f119"; } +.icon-meh:before { content: "\f11a"; } +.icon-gamepad:before { content: "\f11b"; } +.icon-keyboard:before { content: "\f11c"; } +.icon-flag-alt:before { content: "\f11d"; } +.icon-flag-checkered:before { content: "\f11e"; } + +.icon-terminal:before { content: "\f120"; } +.icon-code:before { content: "\f121"; } +.icon-reply-all:before, { content: "\f122"; } +.icon-mail-reply-all:before { content: "\f122"; } +.icon-star-half-empty:before { content: "\f123"; } +.icon-location-arrow:before { content: "\f124"; } +.icon-crop:before { content: "\f125"; } +.icon-code-fork:before { content: "\f126"; } +.icon-unlink:before { content: "\f127"; } +.icon-question:before { content: "\f128"; } +.icon-info:before { content: "\f129"; } +.icon-exclamation:before { content: "\f12a"; } +.icon-superscript:before { content: "\f12b"; } +.icon-subscript:before { content: "\f12c"; } +.icon-eraser:before { content: "\f12d"; } +.icon-puzzle-piece:before { content: "\f12e"; } + +.icon-microphone:before { content: "\f130"; } +.icon-microphone-off:before { content: "\f131"; } +.icon-shield:before { content: "\f132"; } +.icon-calendar-empty:before { content: "\f133"; } +.icon-fire-extinguisher:before { content: "\f134"; } +.icon-rocket:before { content: "\f135"; } +.icon-maxcdn:before { content: "\f136"; } +.icon-chevron-sign-left:before { content: "\f137"; } +.icon-chevron-sign-right:before { content: "\f138"; } +.icon-chevron-sign-up:before { content: "\f139"; } +.icon-chevron-sign-down:before { content: "\f13a"; } +.icon-html5:before { content: "\f13b"; } +.icon-css3:before { content: "\f13c"; } +.icon-anchor:before { content: "\f13d"; } +.icon-unlock-alt:before { content: "\f13e"; } + +.icon-bullseye:before { content: "\f140"; } +.icon-ellipsis-horizontal:before { content: "\f141"; } +.icon-ellipsis-vertical:before { content: "\f142"; } +.icon-rss-sign:before { content: "\f143"; } +.icon-play-sign:before { content: "\f144"; } +.icon-ticket:before { content: "\f145"; } +.icon-minus-sign-alt:before { content: "\f146"; } +.icon-check-minus:before { content: "\f147"; } +.icon-level-up:before { content: "\f148"; } +.icon-level-down:before { content: "\f149"; } +.icon-check-sign:before { content: "\f14a"; } +.icon-edit-sign:before { content: "\f14b"; } +.icon-external-link-sign:before { content: "\f14c"; } +.icon-share-sign:before { content: "\f14d"; } diff --git a/assets/font-awesome/less/mixins.less b/assets/font-awesome/less/mixins.less new file mode 100644 index 000000000..4f8858eda --- /dev/null +++ b/assets/font-awesome/less/mixins.less @@ -0,0 +1,34 @@ +// Mixins +// -------------------------- + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} + +.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) { + .icon-stack { + position: relative; + display: inline-block; + width: @width; + height: @height; + line-height: @width; + vertical-align: -35%; + [class^="icon-"], + [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: @top-font-size; + line-height: inherit; + *line-height: @height; + } + .icon-stack-base { + font-size: @base-font-size; + *line-height: @height / @base-font-size; + } + } +} diff --git a/assets/font-awesome/less/path.less b/assets/font-awesome/less/path.less new file mode 100644 index 000000000..8162d7900 --- /dev/null +++ b/assets/font-awesome/less/path.less @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}'); + src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'), + url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'), + url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'), + url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg'); +// src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts + + font-weight: normal; + font-style: normal; +} diff --git a/assets/font-awesome/less/variables.less b/assets/font-awesome/less/variables.less new file mode 100644 index 000000000..0f42d6a37 --- /dev/null +++ b/assets/font-awesome/less/variables.less @@ -0,0 +1,9 @@ +// Variables +// -------------------------- + +@FontAwesomePath: "../font"; +@FontAwesomeVersion: "3.1.0"; +@borderColor: #eee; +@iconMuted: #eee; +@iconLight: #fff; +@iconDark: #333;
\ No newline at end of file diff --git a/assets/font/FontAwesome.otf b/assets/font/FontAwesome.otf Binary files differdeleted file mode 100644 index d13308ef5..000000000 --- a/assets/font/FontAwesome.otf +++ /dev/null diff --git a/assets/font/fontawesome-webfont.eot b/assets/font/fontawesome-webfont.eot Binary files differdeleted file mode 100755 index 7d81019e4..000000000 --- a/assets/font/fontawesome-webfont.eot +++ /dev/null diff --git a/assets/font/fontawesome-webfont.woff b/assets/font/fontawesome-webfont.woff Binary files differdeleted file mode 100755 index 3c89ae09b..000000000 --- a/assets/font/fontawesome-webfont.woff +++ /dev/null diff --git a/assets/font/museo_slab_300-webfont.eot b/assets/font/museo_slab_300-webfont.eot Binary files differdeleted file mode 100755 index 332499946..000000000 --- a/assets/font/museo_slab_300-webfont.eot +++ /dev/null diff --git a/assets/font/museo_slab_300-webfont.ttf b/assets/font/museo_slab_300-webfont.ttf Binary files differdeleted file mode 100755 index 9248b9a4e..000000000 --- a/assets/font/museo_slab_300-webfont.ttf +++ /dev/null diff --git a/assets/font/museo_slab_500-webfont.eot b/assets/font/museo_slab_500-webfont.eot Binary files differdeleted file mode 100755 index 2eb7a8977..000000000 --- a/assets/font/museo_slab_500-webfont.eot +++ /dev/null diff --git a/assets/font/museo_slab_500-webfont.ttf b/assets/font/museo_slab_500-webfont.ttf Binary files differdeleted file mode 100755 index bf78a2aef..000000000 --- a/assets/font/museo_slab_500-webfont.ttf +++ /dev/null diff --git a/assets/font/museosans_300-webfont.eot b/assets/font/museosans_300-webfont.eot Binary files differdeleted file mode 100755 index 8eed484f2..000000000 --- a/assets/font/museosans_300-webfont.eot +++ /dev/null diff --git a/assets/font/museosans_300-webfont.ttf b/assets/font/museosans_300-webfont.ttf Binary files differdeleted file mode 100755 index 0acfcd5dd..000000000 --- a/assets/font/museosans_300-webfont.ttf +++ /dev/null diff --git a/assets/font/museosans_500-webfont.eot b/assets/font/museosans_500-webfont.eot Binary files differdeleted file mode 100755 index 2d58fb402..000000000 --- a/assets/font/museosans_500-webfont.eot +++ /dev/null diff --git a/assets/font/museosans_500-webfont.ttf b/assets/font/museosans_500-webfont.ttf Binary files differdeleted file mode 100755 index ee84ce330..000000000 --- a/assets/font/museosans_500-webfont.ttf +++ /dev/null diff --git a/assets/font/proximanova-sbold-webfont.eot b/assets/font/proximanova-sbold-webfont.eot Binary files differdeleted file mode 100755 index ecf0cb15e..000000000 --- a/assets/font/proximanova-sbold-webfont.eot +++ /dev/null diff --git a/assets/font/proximanova-sbold-webfont.ttf b/assets/font/proximanova-sbold-webfont.ttf Binary files differdeleted file mode 100755 index 564f1aae7..000000000 --- a/assets/font/proximanova-sbold-webfont.ttf +++ /dev/null diff --git a/assets/font/proximanova-webfont.eot b/assets/font/proximanova-webfont.eot Binary files differdeleted file mode 100755 index 1f28b415c..000000000 --- a/assets/font/proximanova-webfont.eot +++ /dev/null diff --git a/assets/font/proximanova-webfont.ttf b/assets/font/proximanova-webfont.ttf Binary files differdeleted file mode 100755 index e9aa413bb..000000000 --- a/assets/font/proximanova-webfont.ttf +++ /dev/null diff --git a/assets/js/bootstrap-2.3.1.min.js b/assets/js/bootstrap-2.3.1.min.js new file mode 100644 index 000000000..95c5ac5ee --- /dev/null +++ b/assets/js/bootstrap-2.3.1.min.js @@ -0,0 +1,6 @@ +/*! +* Bootstrap.js by @fat & @mdo +* Copyright 2012 Twitter, Inc. +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ +!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f<s.length-1&&f++,~f||(f=0),s.eq(f).focus()}};var s=e.fn.dropdown;e.fn.dropdown=function(t){return this.each(function(){var r=e(this),i=r.data("dropdown");i||r.data("dropdown",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.dropdown.Constructor=n,e.fn.dropdown.noConflict=function(){return e.fn.dropdown=s,this},e(document).on("click.dropdown.data-api",r).on("click.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("click.dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api",t,n.prototype.toggle).on("keydown.dropdown.data-api",t+", [role=menu]",n.prototype.keydown)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.prototype={constructor:t,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var t=this,n=e.Event("show");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown")}):t.$element.focus().trigger("shown")})},hide:function(t){t&&t.preventDefault();var n=this;t=e.Event("hide"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var t=this;e(document).on("focusin.modal",function(e){t.$element[0]!==e.target&&!t.$element.has(e.target).length&&t.$element.focus()})},escape:function(){var e=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(t){t.which==27&&e.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},hideModal:function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden")})},removeBackdrop:function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},backdrop:function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parent(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parent("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=e(this.options.menu),this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:t.top+t.height,left:t.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(n=e.isFunction(this.source)?this.source(this.query,e.proxy(this.process,this)):this.source,n?this.process(n):this)},process:function(t){var n=this;return t=e.grep(t,function(e){return n.matcher(e)}),t=this.sorter(t),t.length?this.render(t.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(e){return~e.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(e){var t=[],n=[],r=[],i;while(i=e.shift())i.toLowerCase().indexOf(this.query.toLowerCase())?~i.indexOf(this.query)?n.push(i):r.push(i):t.push(i);return t.concat(n,r)},highlighter:function(e){var t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),function(e,t){return"<strong>"+t+"</strong>"})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("focus",e.proxy(this.focus,this)).on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this)).on("mouseleave","li",e.proxy(this.mouseleave,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},focus:function(e){this.focused=!0},blur:function(e){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(e){e.stopPropagation(),e.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(t){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var n=e.fn.typeahead;e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},e.fn.typeahead.Constructor=t,e.fn.typeahead.noConflict=function(){return e.fn.typeahead=n,this},e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery);
\ No newline at end of file diff --git a/assets/js/index/index.js b/assets/js/index/index.js deleted file mode 100644 index 18dc296b4..000000000 --- a/assets/js/index/index.js +++ /dev/null @@ -1,89 +0,0 @@ -$(function() { - // start the icon carousel - $('#iconCarousel').carousel({ - interval: 5000 - }); - - // make code pretty - window.prettyPrint && prettyPrint(); - - // inject twitter & github counts - $.ajax({ - url: 'http://api.twitter.com/1/users/show.json', - data: {screen_name: 'fortaweso_me'}, - dataType: 'jsonp', - success: function(data) { - $('#followers').html(data.followers_count); - } - }); - $.ajax({ - url: 'https://api.github.com/repos/fortawesome/Font-Awesome', - dataType: 'jsonp', - success: function(data) { - $('#watchers').html(data.data.watchers); - $('#forks').html(data.data.forks); - } - }); - - - - - - var firstInHistory = true; - - var MainView = Backbone.View.extend({ - el: $("div.container"), - - modalTemplate: _.template($("#modal-template").html()), - - events:{ - "click ul.the-icons > li": "iconClicked" - }, - - iconClicked: function(event) { - event.preventDefault(); - - var $item = $(event.currentTarget); - var $iconName = $item.find("i").attr("class"); - _gaq.push(['_trackEvent', 'iconClick', $iconName]); - - mainRouter.navigate("icon/" + $iconName, {trigger: true}); - firstInHistory = false; - } - }); - - - var MainRouter = Backbone.Router.extend({ - routes: { - "": "checkModal", - "icon/:iconName": "showIcon" - }, - - checkModal: function() { - var $modal = $("div.modal"); - - if ($modal.length > 0) { - $modal.modal("hide"); - } - }, - - showIcon: function(iconName) { - var $modal = $(mainView.modalTemplate({"iconName": iconName})); - - $modal.modal("show"); - $modal.on('hidden', function () { - $modal.remove(); - if (firstInHistory) { - mainRouter.navigate("/", {trigger: false}); - firstInHistory = false; - } else { - window.history.back(); - } - }) - } - }); - - var mainView = new MainView(); - var mainRouter = new MainRouter(); - Backbone.history.start({pushState : false}); -}); diff --git a/assets/js/site.js b/assets/js/site.js new file mode 100644 index 000000000..11edd33f7 --- /dev/null +++ b/assets/js/site.js @@ -0,0 +1,35 @@ +$(function() { + // start the icon carousel + $('#iconCarousel').carousel({ + interval: 5000 + }); + + // make code pretty +// $('pre').addClass('prettyprint'); +// window.prettyPrint && prettyPrint(); + + // Disable links with href="#" inside <section>, so users can click on them + // to preview :active state without being scrolled up to the top of the page. +// $('section a[href="#"]').click(function(e) { +// e.preventDefault(); +// e.stopPropagation(); +// }); + +// // inject twitter & github counts +// $.ajax({ +// url: 'http://api.twitter.com/1/users/show.json', +// data: {screen_name: 'fortaweso_me'}, +// dataType: 'jsonp', +// success: function(data) { +// $('#followers').html(data.followers_count); +// } +// }); +// $.ajax({ +// url: 'https://api.github.com/repos/fortawesome/Font-Awesome', +// dataType: 'jsonp', +// success: function(data) { +// $('#watchers').html(data.data.watchers); +// $('#forks').html(data.data.forks); +// } +// }); +}); diff --git a/assets/less/font-museo.less b/assets/less/font-museo.less deleted file mode 100644 index 56269e6f7..000000000 --- a/assets/less/font-museo.less +++ /dev/null @@ -1,35 +0,0 @@ -@font-face { - font-family: 'MuseoSans'; - src: url('../font/museosans_300-webfont.eot'); - src: url('../font/museosans_300-webfont.eot') format('embedded-opentype'), - url('../font/museosans_300-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'MuseoSans'; - src: url('../font/museosans_500-webfont.eot'); - src: url('../font/museosans_500-webfont.eot') format('embedded-opentype'), - url('../font/museosans_500-webfont.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'MuseoSlab'; - src: url('../font/museo_slab_300-webfont.eot'); - src: url('../font/museo_slab_300-webfont.eot') format('embedded-opentype'), - url('../font/museo_slab_300-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'MuseoSlab'; - src: url('../font/museo_slab_500-webfont.eot'); - src: url('../font/museo_slab_500-webfont.eot') format('embedded-opentype'), - url('../font/museo_slab_500-webfont.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} diff --git a/assets/less/font-site.less b/assets/less/font-site.less deleted file mode 100644 index f6827b608..000000000 --- a/assets/less/font-site.less +++ /dev/null @@ -1,35 +0,0 @@ -@font-face { - font-family: 'museo-slab'; - src: url('../font/museo_slab_300-webfont.eot'); - src: url('../font/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/museo_slab_300-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'museo-slab'; - src: url('../font/museo_slab_500-webfont.eot'); - src: url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/museo_slab_500-webfont.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'proxima-nova'; - src: url('../font/proximanova-webfont.eot'); - src: url('../font/proximanova-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/proximanova-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'proxima-nova'; - src: url('../font/proximanova-sbold-webfont.eot'); - src: url('../font/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/proximanova-sbold-webfont.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} diff --git a/assets/less/lazy.less b/assets/less/lazy.less new file mode 100644 index 000000000..3c914de8c --- /dev/null +++ b/assets/less/lazy.less @@ -0,0 +1,85 @@ +.padding-none { padding: 0 !important; } +.padding { padding: 10px !important; } +.padding-small { padding: 5px !important; } +.padding-large { padding: 22px !important; } + +.padding-top-none { padding-top: 0 !important; } +.padding-top { padding-top: 10px !important; } +.padding-top-small { padding-top: 5px !important; } +.padding-top-large { padding-top: 22px !important; } + +.padding-right-none { padding-right: 0 !important; } +.padding-right { padding-right: 10px !important; } +.padding-right-small { padding-right: 5px !important; } +.padding-right-large { padding-right: 22px !important; } + +.padding-bottom-none { padding-bottom: 0 !important; } +.padding-bottom { padding-bottom: 10px !important; } +.padding-bottom-small { padding-bottom: 5px !important; } +.padding-bottom-large { padding-bottom: 22px !important; } + +.padding-left-none { padding-left: 0 !important; } +.padding-left { padding-left: 10px !important; } +.padding-left-small { padding-left: 5px !important; } +.padding-left-large { padding-left: 22px !important; } + +.margin-none { margin: 0 !important; } +.margin { margin: 10px !important; } +.margin-small { margin: 5px !important; } +.margin-large { margin: 22px !important; } + +.margin-top-none { margin-top: 0 !important; } +.margin-top { margin-top: 10px !important; } +.margin-top-large { margin-top: 22px !important; } +.margin-top-small { margin-top: 5px !important; } + +.margin-right-none { margin-right: 0 !important; } +.margin-right { margin-right: 10px !important; } +.margin-right-large { margin-right: 22px !important; } +.margin-right-small { margin-right: 5px !important; } + +.margin-bottom-none { margin-bottom: 0 !important; } +.margin-bottom { margin-bottom: 10px !important; } +.margin-bottom-large { margin-bottom: 22px !important; } +.margin-bottom-small { margin-bottom: 5px !important; } + +.margin-left-none { margin-left: 0 !important; } +.margin-left { margin-left: 10px !important; } +.margin-left-large { margin-left: 22px !important; } +.margin-left-small { margin-left: 5px !important; } + +.border-left-none { border-left: none !important; } +.border-right-none { border-right: none !important; } +.border-bottom-none { border-bottom: none !important; } +.border-top-none { border-top: none !important; } + +.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger +.no-underline:hover { text-decoration: none; } +.clickable { cursor: pointer; } +.strong { font-weight: bold; } +.em { font-style: italic; } +.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px +.no-link { color: @grayDark; } +.text-sans-serif { font-family: @sansFontFamily; } +.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end +.text-default { + font-family: @sansFontFamily; + font-size: @baseFontSize; + line-height: @baseLineHeight; + font-weight: normal; +} +.hilite { + color: @linkColor; + &:hover { + color: @linkColorHover; + text-decoration: underline; + } + [class^="icon-"], [class*=" icon-"] { + &:before { + display: inline; + } + } +} +.strike { text-decoration: line-through; } +.upper { text-transform: uppercase; } +.lower { text-transform: lowercase; } diff --git a/assets/less/mixins.less b/assets/less/mixins.less index 9266d52f7..2ae1efc89 100644 --- a/assets/less/mixins.less +++ b/assets/less/mixins.less @@ -40,4 +40,19 @@ line-height: @size * 1.1; height: @size * @height-multiplier * 1.05; text-align: center; -}
\ No newline at end of file +} + +.sticky-footer (@footer-height: @baseLineHeight * 4, @footer-padding-top: 70px, @footer-padding-bottom: 70px, @footer-margin-top: 70px) { + .wrapper { + margin: 0 auto -(@footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1); + } + .push { + height: @footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1; + } + + .footer { + margin-top: @footer-margin-top; + height: @footer-height; + padding: @footer-padding-top 0 @footer-padding-bottom; + } +} diff --git a/assets/less/site.less b/assets/less/site.less index 47e1bdd48..932e64988 100644 --- a/assets/less/site.less +++ b/assets/less/site.less @@ -1,62 +1,50 @@ -@import "twbs-222/bootstrap.less"; +@import "twbs-2.3.1/bootstrap.less"; +@import "twbs-2.3.1/responsive-utilities.less"; +@import "sticky-footer.less"; @import "mixins.less"; @import "variables.less"; -@import "font-site.less"; - -.text-align-right { text-align: right; } -.text-align-center { text-align: center; } +@import "lazy.less"; .navbar .brand { -// padding: 11px 20px 9px; - color: @white; font-family: @serifFontFamily; .icon-flag { padding-right: 3px; } } .navbar .nav > li > a { padding: 12px 10px 9px; } +.navbar .nav.pull-right { margin-right: -10px; } + h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } #iconCarousel { a { color: @white; } -// border: solid 1px @white; - @size: 280px; + @size: 220px; font-size: @size; text-align: center; line-height: @size + 5; text-shadow: 2px 2px 3px @grayDarker; .carousel-control { top: @size + 33px; - .square(23px); - border-width: 3px; - font-size: 17px; + .square(30px); + background: none; + border-width: 0; + font-size: 30px; line-height: 25px; - left: @size / 2 - 23; + left: 300/2 - 33px; &.right { left: auto; - right: @size / 2 - 23; + right: 300/2 - 33px; } } } -//a[href^='http://'] { -// &:after { -// font-family: FontAwesome; -// content: "\0020 \f08e"; -// &:hover { -// text-decoration: none; -// } -// } -//} - .jumbotron { background: @red; border-bottom: 1px solid @redDark; - padding: 90px 0 48px; -// #gradient > .radial( lighten(@red, 10%), @red); -// background-color: @red; &, h1 { color: @white; } + #gradient > .directional(@red, mix(@red, @redDark, 90%), -40deg); +// background-color: @red; // &:after { // content:''; @@ -77,10 +65,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } } p { margin-top: 15px; - margin-bottom: 30px; + margin-bottom: 15px; font-size: 30px; line-height: 1.3; + font-weight: lighter; } + .actions { margin-top: 25px;} text-shadow: 2px 2px 2px @grayDark; ul { margin-left: 50px; @@ -94,44 +84,102 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } text-shadow: 1px 1px 1px @grayDark; } } -// a { color: #fffeb8; } .btn-large { -//// .buttonBackground(@white, #bbb); font-family: @serifFontFamily; -//// color: @grayDark; -// margin-top: 15px; - font-weight: bold; - font-size: 18px; - padding: 13px 23px 13px 22px; -// padding-left: 24px + 40; - margin-right: 10px; -// .border-radius(8px); -// position: relative; - text-align: left; -// i { -// position: absolute; -// top: 8px; -// left: 15px; -// font-size: 46px; -// } + font-weight: 500; + font-size: 24px; + padding: 17px 30px; + letter-spacing: -1px; } .hero-content { -// width: 620px; text-align: center; } .shameless-self-promotion { - font-size: 12px; - margin-top: 15px; - color: mix(@white, @red, 50%); + font-size: 14px; + margin-top: 25px; + color: mix(@white, @red, 40%); text-shadow: none; + a { color: mix(@white, @red, 70%); } + a:hover { color: mix(@white, @red, 100%); } + } +} + +.jumbotron-index { + padding: 40px 0; + h1 { + font-size: 80px; + letter-spacing: -2px; + line-height: 1; + margin: 0 0 15px; + } + p { + margin-top: 15px; + margin-bottom: 15px; + font-size: 30px; + line-height: 1.3; + } +} + +.jumbotron-ad { + padding: 20px 0; + h1 { margin-top: 25px; } + p { margin-bottom: 35px; } +} + +.jumbotron-icon { + padding: 20px 0 30px; + #gradient > .directional(@grayLighter, mix(@grayLighter, @grayLight, 90%), -40deg); + color: @grayDarker; + text-shadow: 1px 1px 1px @white; + border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%); + + h1 { + color: @grayDarker; + font-size: 40px; + small { + letter-spacing: normal; + font-family: @sansFontFamily; + font-size: @baseFontSize; + margin-left: 20px; + } } + + .info-details { + float: left; + p { + margin: 25px 0; + font-weight: bold; + } + .dl-horizontal { + dt { width: @horizontalComponentOffset - 100; } + dd { margin-left: @horizontalComponentOffset - 85; } + } + } + .icon-2 { font-size: 2em; } + .icon-3 { font-size: 4em; } + .icon-4 { font-size: 7em; } + .icon-5 { font-size: 12em; } + .icon-6 { font-size: 20em; } + + .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 1/14em; } } -.btn-github { - .buttonBackground(@white, mix(@grayLighter, @grayLight, 50%)); +.info-ad { + float: right; + width: 154px; + height: 219px; + margin-left: 15px; } -.btn-primary, .btn-github { +.stripe-ad { + margin-bottom: 22px; + .lead { + margin-top: 10px; + margin-right: 30px; + } +} + +.btn-primary { color: @grayDark; text-shadow: 0 -1px 0 rgba(255,255,255,.25); &:hover { @@ -140,12 +188,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } } } -section { - padding-top: 40px; -} +section { margin-top: 40px; } #social-buttons { - padding: 22px 0; + ul.unstyled { margin: 0; } + + padding: 22px 0 17px; text-align: center; background-color: #f5f5f5; border-top: 1px solid #fff; @@ -156,13 +204,14 @@ section { // font-size: @baseFontSize; padding: 0px 5px; line-height: @baseLineHeight - 3; + margin: 0; } .count.btn { background: @white; font-weight: normal; } .watch, .fork { - margin-right: 30px; +// margin-right: 30px; } } @@ -170,173 +219,96 @@ section { list-style-type: none; margin: 0; li { - cursor: pointer; - line-height: 32px; - height: 32px; - padding-left: 12px; - .border-radius(6px); -// vertical-align: middle; - [class^="icon-"], [class*=" icon-"] { - width: 32px; - font-size: 14px; + display: inline-block; + width: 18/14em; + text-align: center; } - &:hover { - background-color: lighten(@errorBackground, 6%); - [class^="icon-"], [class*=" icon-"] { - *font-size: 28px; - *vertical-align: middle; + a { + display: block; + &, &:hover { color: @grayDarker; } + + cursor: pointer; + line-height: 32px; + height: 32px; + padding-left: 12px; + .border-radius(6px); + + [class^="icon-"], + [class*=" icon-"] { + width: 32px; + font-size: 14px; } - [class^="icon-"]:before, - [class*=" icon-"]:before { - font-size: 28px; - vertical-align: -5px; + &:hover { + background-color: @errorBackground; + text-decoration: none; + [class^="icon-"], [class*=" icon-"] { + *font-size: 28px; + *vertical-align: middle; + } + + [class^="icon-"]:before, + [class*=" icon-"]:before { + font-size: 28px; + vertical-align: -5px; + } } } } } - #why, #whats-new { .row { margin-bottom: 20px; } h4 { -// line-height: 28px; - [class^="icon-"], - [class*=" icon-"] { + [class^="icon-"]:before, + [class*=" icon-"]:before { vertical-align: -10%; font-size: 28px; -// width: 30px; -// height: 30px; + display: inline-block; + width: 30/28em; + text-align: center; margin-right: 5px; +// color: mix(@grayLight, @grayLighter, 70%); + + // Gradient on the icons +// background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%)); +// -webkit-background-clip: text; +// -webkit-text-fill-color: transparent; } } } -#examples { - .btn-toolbar { - margin-top: 0; - margin-bottom: 20px; - } -} -#integration { - .row { margin-bottom: 40px; } -} +.rating { + unicode-bidi: bidi-override; + direction: rtl; -#examples, #code { - form { - margin-bottom: 25px; - input { - line-height: 1; // fixes a safari placeholder alignment issue + font-size: 30px; + span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + &:hover { + cursor: pointer; } } - - .rating { - unicode-bidi: bidi-override; - direction: rtl; - - font-size: 30px; - span.star { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - &:hover { - cursor: pointer; - } - } - span.star:before { - content: "\f006"; // empty star - padding-right: 5px; - color: @grayLight; - } - - span.star:hover:before, span.star:hover ~ span.star:before { - content: "\f005"; // solid star - color: #e3cf7a; - } + span.star:before { + content: "\f006"; // empty star + padding-right: 5px; + color: @grayLight; } -} -#kyruus { - color: @gray; - font-size: 18px; - &, li { line-height: 25px; } - p { - margin-bottom: 22px; - strong { color: @grayDarker; } - } - ul { - margin-top: 5px; - margin-bottom: 22px; - li { margin-top: 10px; } - i { - margin-top: 5px; -// margin-right: .4em; -// color: mix(@grayLight, @grayLighter, 50%); - color: mix(@blue, @blueDark, 50%); - } - } - .border { - .icon-medkit { font-size: 224px; } - border: solid 10px @grayLighter; - padding: 1em 1.5em; - margin-left: .2em; - .border-radius(10px); - a:hover .icon-medkit { text-decoration: none; } -// a:hover i { text-decoration: underline; } - } - a { - font-weight: bold; - color: mix(@blue, @blueDark, 50%); - &:hover { - color: @blueDark; - } + span.star:hover:before, span.star:hover ~ span.star:before { + content: "\f005"; // solid star + color: #e3cf7a; } } -.modal { - width: 560px; - max-height: 610px; - .modal-body { - *overflow: hidden; // ie7 fix - max-height: none; - padding-bottom: 0; - .row { margin-bottom: 15px; } - div.thumbnail { - text-align: center; - div { margin: 8px; } - } - .icon6 { - width: 330px; - > div.thumbnail > div { .icon-size(280px); } - } - .icon5 { - width: 180px; - > div.thumbnail > div { .icon-size(140px); } - } - .icon4 { - width: 215px; - > div.thumbnail > div { .icon-size(112px); } - } - .icon3 { - width: 120px; - > div.thumbnail > div { .icon-size(56px); } - } - .icon2 { - width: 75px; - > div.thumbnail > div { .icon-size(28px); } - } - .icon1 { - width: 60px; - > div.thumbnail > div { .icon-size(14px); } - } - } -} .label, .badge { @@ -370,4 +342,13 @@ footer { // margin-left: 30px; line-height: 25px; } + + .project { margin-top: 10px; } +} + +// makes dropdowns closer for split dropdown +// Links +.navbar .nav > li { + &.dropdown-split-right > a { padding-left: 7px; } + &.dropdown-split-left > a { padding-right: 0; } } diff --git a/assets/less/sticky-footer.less b/assets/less/sticky-footer.less new file mode 100755 index 000000000..72d519ab5 --- /dev/null +++ b/assets/less/sticky-footer.less @@ -0,0 +1,17 @@ +// +// Sticky Footer +// -------------------------------------------------- +// make sure to set .sticky-footer() + +html, body { + height: 100%; +} +.wrapper { + min-height: 100%; + height: auto !important; + height: 100%; +} + +.footer { min-width: 990px; } // necessary fix for non-responsive layouts + +.sticky-footer(90px, 40px, 40px, 60px); // sets default values for sticky footer diff --git a/assets/less/twbs-222/accordion.less b/assets/less/twbs-2.3.1/accordion.less index d63523bc8..d63523bc8 100755 --- a/assets/less/twbs-222/accordion.less +++ b/assets/less/twbs-2.3.1/accordion.less diff --git a/assets/less/twbs-222/alerts.less b/assets/less/twbs-2.3.1/alerts.less index 0116b191b..0116b191b 100755 --- a/assets/less/twbs-222/alerts.less +++ b/assets/less/twbs-2.3.1/alerts.less diff --git a/assets/less/twbs-222/bootstrap.less b/assets/less/twbs-2.3.1/bootstrap.less index bc6ea1931..f93d3c937 100755 --- a/assets/less/twbs-222/bootstrap.less +++ b/assets/less/twbs-2.3.1/bootstrap.less @@ -1,5 +1,5 @@ /*! - * Bootstrap v2.2.2 + * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 @@ -8,13 +8,13 @@ * Designed and built with all the love in the world @twitter by @mdo and @fat. */ -// CSS Reset -@import "reset.less"; - // Core variables and mixins @import "variables.less"; // Modify this for custom colors, font-sizes, etc @import "mixins.less"; +// CSS Reset +@import "reset.less"; + // Grid system and page structure @import "scaffolding.less"; @import "grid.less"; @@ -27,7 +27,7 @@ @import "tables.less"; // Components: common -@import "sprites.less"; +//@import "sprites.less"; @import "dropdowns.less"; @import "wells.less"; @import "component-animations.less"; diff --git a/assets/less/twbs-222/breadcrumbs.less b/assets/less/twbs-2.3.1/breadcrumbs.less index f753df6be..f753df6be 100755 --- a/assets/less/twbs-222/breadcrumbs.less +++ b/assets/less/twbs-2.3.1/breadcrumbs.less diff --git a/assets/less/twbs-222/button-groups.less b/assets/less/twbs-2.3.1/button-groups.less index d6054c808..55cdc6033 100755 --- a/assets/less/twbs-222/button-groups.less +++ b/assets/less/twbs-2.3.1/button-groups.less @@ -164,8 +164,6 @@ margin-left: 0; } // Carets in other button sizes -.btn-mini .caret, -.btn-small .caret, .btn-large .caret { margin-top: 6px; } @@ -174,6 +172,10 @@ border-right-width: 5px; border-top-width: 5px; } +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} // Upside down carets for .dropup .dropup .btn-large .caret { border-bottom-width: 5px; diff --git a/assets/less/twbs-222/buttons.less b/assets/less/twbs-2.3.1/buttons.less index 6f565b73c..4cd4d862b 100755 --- a/assets/less/twbs-222/buttons.less +++ b/assets/less/twbs-2.3.1/buttons.less @@ -25,13 +25,14 @@ .ie7-restore-left-whitespace(); // Give IE7 some love .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); - // Hover state - &:hover { + // Hover/focus state + &:hover, + &:focus { color: @grayDark; text-decoration: none; background-position: 0 -15px; - // transition is only when going to hover, otherwise the background + // transition is only when going to hover/focus, otherwise the background // behind the gradient (there for IE<=9 fallback) gets mismatched .transition(background-position .1s linear); } @@ -141,11 +142,6 @@ input[type="button"] { // Set the backgrounds // ------------------------- -.btn { - // reset here as of 2.0.3 due to Recess property order - border-color: #c5c5c5; - border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25); -} .btn-primary { .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); } @@ -219,12 +215,14 @@ input[type="submit"].btn { color: @linkColor; .border-radius(0); } -.btn-link:hover { +.btn-link:hover, +.btn-link:focus { color: @linkColorHover; text-decoration: underline; background-color: transparent; } -.btn-link[disabled]:hover { +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { color: @grayDark; text-decoration: none; } diff --git a/assets/less/twbs-222/carousel.less b/assets/less/twbs-2.3.1/carousel.less index 2dc050603..55bc05014 100755 --- a/assets/less/twbs-222/carousel.less +++ b/assets/less/twbs-2.3.1/carousel.less @@ -21,12 +21,13 @@ display: none; position: relative; .transition(.6s ease-in-out left); - } - // Account for jankitude on images - > .item > img { - display: block; - line-height: 1; + // Account for jankitude on images + > img, + > a > img { + display: block; + line-height: 1; + } } > .active, @@ -97,14 +98,40 @@ right: 15px; } - // Hover state - &:hover { + // Hover/focus state + &:hover, + &:focus { color: @white; text-decoration: none; .opacity(90); } } +// Carousel indicator pips +// ----------------------------- +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; + + li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255,255,255,.25); + border-radius: 5px; + } + .active { + background-color: #fff; + } +} // Caption for text below images // ----------------------------- diff --git a/assets/less/twbs-222/close.less b/assets/less/twbs-2.3.1/close.less index c71a508f3..4c626bda6 100755 --- a/assets/less/twbs-222/close.less +++ b/assets/less/twbs-2.3.1/close.less @@ -11,7 +11,8 @@ color: @black; text-shadow: 0 1px 0 rgba(255,255,255,1); .opacity(20); - &:hover { + &:hover, + &:focus { color: @black; text-decoration: none; cursor: pointer; diff --git a/assets/less/twbs-222/code.less b/assets/less/twbs-2.3.1/code.less index 266a926e7..266a926e7 100755 --- a/assets/less/twbs-222/code.less +++ b/assets/less/twbs-2.3.1/code.less diff --git a/assets/less/twbs-222/component-animations.less b/assets/less/twbs-2.3.1/component-animations.less index d614263a7..d614263a7 100755 --- a/assets/less/twbs-222/component-animations.less +++ b/assets/less/twbs-2.3.1/component-animations.less diff --git a/assets/less/twbs-222/dropdowns.less b/assets/less/twbs-2.3.1/dropdowns.less index 484bd3dda..bbfe3fd3e 100755 --- a/assets/less/twbs-222/dropdowns.less +++ b/assets/less/twbs-2.3.1/dropdowns.less @@ -72,7 +72,7 @@ } // Links within the dropdown menu - li > a { + > li > a { display: block; padding: 3px 20px; clear: both; @@ -83,11 +83,12 @@ } } -// Hover state +// Hover/Focus state // ----------- -.dropdown-menu li > a:hover, -.dropdown-menu li > a:focus, -.dropdown-submenu:hover > a { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { text-decoration: none; color: @dropdownLinkColorHover; #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%)); @@ -95,8 +96,9 @@ // Active state // ------------ -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: @dropdownLinkColorActive; text-decoration: none; outline: 0; @@ -105,13 +107,15 @@ // Disabled state // -------------- -// Gray out text and ensure the hover state remains gray -.dropdown-menu .disabled > a, -.dropdown-menu .disabled > a:hover { +// Gray out text and ensure the hover/focus state remains gray +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { color: @grayLight; } -// Nuke hover effects -.dropdown-menu .disabled > a:hover { +// Nuke hover/focus effects +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; // Remove CSS gradient diff --git a/assets/less/twbs-222/forms.less b/assets/less/twbs-2.3.1/forms.less index 2dff22919..06767bdd3 100755 --- a/assets/less/twbs-222/forms.less +++ b/assets/less/twbs-2.3.1/forms.less @@ -422,7 +422,9 @@ select:focus:invalid { // Allow us to put symbols and text within the input field for a cleaner look .input-append, .input-prepend { - margin-bottom: 5px; + display: inline-block; + margin-bottom: @baseLineHeight / 2; + vertical-align: middle; font-size: 0; // white space collapse hack white-space: nowrap; // Prevent span and input from separating @@ -430,7 +432,8 @@ select:focus:invalid { input, select, .uneditable-input, - .dropdown-menu { + .dropdown-menu, + .popover { font-size: @baseFontSize; } diff --git a/assets/less/twbs-222/grid.less b/assets/less/twbs-2.3.1/grid.less index 750d20351..750d20351 100755 --- a/assets/less/twbs-222/grid.less +++ b/assets/less/twbs-2.3.1/grid.less diff --git a/assets/less/twbs-222/hero-unit.less b/assets/less/twbs-2.3.1/hero-unit.less index 763d86aee..763d86aee 100755 --- a/assets/less/twbs-222/hero-unit.less +++ b/assets/less/twbs-2.3.1/hero-unit.less diff --git a/assets/less/twbs-222/labels-badges.less b/assets/less/twbs-2.3.1/labels-badges.less index 9c3a40bfb..bc321fe5c 100755 --- a/assets/less/twbs-222/labels-badges.less +++ b/assets/less/twbs-2.3.1/labels-badges.less @@ -35,10 +35,12 @@ } } -// Hover state, but only for links +// Hover/focus state, but only for links a { &.label:hover, - &.badge:hover { + &.label:focus, + &.badge:hover, + &.badge:focus { color: @white; text-decoration: none; cursor: pointer; diff --git a/assets/less/twbs-222/layouts.less b/assets/less/twbs-2.3.1/layouts.less index 24a206211..24a206211 100755 --- a/assets/less/twbs-222/layouts.less +++ b/assets/less/twbs-2.3.1/layouts.less diff --git a/assets/less/twbs-222/media.less b/assets/less/twbs-2.3.1/media.less index 1decab71d..e461e446d 100755 --- a/assets/less/twbs-222/media.less +++ b/assets/less/twbs-2.3.1/media.less @@ -37,10 +37,10 @@ // Media image alignment // ------------------------- -.media .pull-left { +.media > .pull-left { margin-right: 10px; } -.media .pull-right { +.media > .pull-right { margin-left: 10px; } diff --git a/assets/less/twbs-222/mixins.less b/assets/less/twbs-2.3.1/mixins.less index b734bab2d..79d889219 100755 --- a/assets/less/twbs-222/mixins.less +++ b/assets/less/twbs-2.3.1/mixins.less @@ -268,6 +268,12 @@ -o-transition-delay: @transition-delay; transition-delay: @transition-delay; } +.transition-duration(@transition-duration) { + -webkit-transition-duration: @transition-duration; + -moz-transition-duration: @transition-duration; + -o-transition-duration: @transition-duration; + transition-duration: @transition-duration; +} // Transformations .rotate(@degrees) { @@ -437,6 +443,17 @@ background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10 } + .horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { + background-color: mix(@midColor, @endColor, 80%); + background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); + background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback + } + .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { background-color: mix(@midColor, @endColor, 80%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); @@ -500,7 +517,7 @@ .reset-filter(); // in these cases the gradient won't cover the background, so we override - &:hover, &:active, &.active, &.disabled, &[disabled] { + &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] { color: @textColor; background-color: @endColor; *background-color: darken(@endColor, 5%); @@ -558,13 +575,13 @@ .core (@gridColumnWidth, @gridGutterWidth) { .spanX (@index) when (@index > 0) { - (~".span@{index}") { .span(@index); } + .span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} .offsetX (@index) when (@index > 0) { - (~".offset@{index}") { .offset(@index); } + .offset@{index} { .offset(@index); } .offsetX(@index - 1); } .offsetX (0) {} @@ -603,14 +620,14 @@ .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) { .spanX (@index) when (@index > 0) { - (~".span@{index}") { .span(@index); } + .span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} .offsetX (@index) when (@index > 0) { - (~'.offset@{index}') { .offset(@index); } - (~'.offset@{index}:first-child') { .offsetFirstChild(@index); } + .offset@{index} { .offset(@index); } + .offset@{index}:first-child { .offsetFirstChild(@index); } .offsetX(@index - 1); } .offsetX (0) {} @@ -658,7 +675,7 @@ .input(@gridColumnWidth, @gridGutterWidth) { .spanX (@index) when (@index > 0) { - (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); } + input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} @@ -682,5 +699,4 @@ .spanX (@gridColumns); } - } diff --git a/assets/less/twbs-222/modals.less b/assets/less/twbs-2.3.1/modals.less index 8e272d409..8e272d409 100755 --- a/assets/less/twbs-222/modals.less +++ b/assets/less/twbs-2.3.1/modals.less diff --git a/assets/less/twbs-222/navbar.less b/assets/less/twbs-2.3.1/navbar.less index b292b72bb..93d09bcad 100755 --- a/assets/less/twbs-222/navbar.less +++ b/assets/less/twbs-2.3.1/navbar.less @@ -56,7 +56,8 @@ font-weight: 200; color: @navbarBrandColor; text-shadow: 0 1px 0 @navbarBackgroundHighlight; - &:hover { + &:hover, + &:focus { text-decoration: none; } } @@ -73,7 +74,8 @@ // ------------------------- .navbar-link { color: @navbarLinkColor; - &:hover { + &:hover, + &:focus { color: @navbarLinkColorHover; } } @@ -95,7 +97,9 @@ } .navbar .btn-group .btn, .navbar .input-prepend .btn, -.navbar .input-append .btn { +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { margin-top: 0; // then undo the margin here so we don't accidentally double it } @@ -245,13 +249,12 @@ } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; - } -// Hover +// Hover/focus .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { - background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active + background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active color: @navbarLinkColorHover; text-decoration: none; } @@ -335,10 +338,11 @@ } } -// Caret should match text color on hover -.navbar .nav li.dropdown > a:hover .caret { - border-top-color: @navbarLinkColorActive; - border-bottom-color: @navbarLinkColorActive; +// Caret should match text color on hover/focus +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: @navbarLinkColorHover; + border-bottom-color: @navbarLinkColorHover; } // Remove background color from open dropdown @@ -396,7 +400,8 @@ .nav > li > a { color: @navbarInverseLinkColor; text-shadow: 0 -1px 0 rgba(0,0,0,.25); - &:hover { + &:hover, + &:focus { color: @navbarInverseLinkColorHover; } } @@ -425,7 +430,8 @@ // Inline text links .navbar-link { color: @navbarInverseLinkColor; - &:hover { + &:hover, + &:focus { color: @navbarInverseLinkColorHover; } } @@ -443,7 +449,8 @@ background-color: @navbarInverseLinkBackgroundActive; color: @navbarInverseLinkColorActive; } - .nav li.dropdown > a:hover .caret { + .nav li.dropdown > a:hover .caret, + .nav li.dropdown > a:focus .caret { border-top-color: @navbarInverseLinkColorActive; border-bottom-color: @navbarInverseLinkColorActive; } diff --git a/assets/less/twbs-222/navs.less b/assets/less/twbs-2.3.1/navs.less index 2d08e79da..01cd805bd 100755 --- a/assets/less/twbs-222/navs.less +++ b/assets/less/twbs-2.3.1/navs.less @@ -16,7 +16,8 @@ .nav > li > a { display: block; } -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: @grayLighter; } @@ -68,7 +69,8 @@ padding: 3px 15px; } .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: @white; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background-color: @linkColor; @@ -122,13 +124,15 @@ line-height: @baseLineHeight; border: 1px solid transparent; .border-radius(4px 4px 0 0); - &:hover { + &:hover, + &:focus { border-color: @grayLighter @grayLighter #ddd; } } -// Active state, and it's :hover to override normal :hover +// Active state, and it's :hover/:focus to override normal :hover/:focus .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: @gray; background-color: @bodyBackground; border: 1px solid #ddd; @@ -151,7 +155,8 @@ // Active state .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: @white; background-color: @linkColor; } @@ -183,7 +188,8 @@ .nav-tabs.nav-stacked > li:last-child > a { .border-bottom-radius(4px); } -.nav-tabs.nav-stacked > li > a:hover { +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } @@ -216,7 +222,8 @@ border-bottom-color: @linkColor; margin-top: 6px; } -.nav .dropdown-toggle:hover .caret { +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { border-top-color: @linkColorHover; border-bottom-color: @linkColorHover; } @@ -236,9 +243,10 @@ border-bottom-color: @gray; } -// Active:hover dropdown links +// Active:hover/:focus dropdown links // ------------------------- -.nav > .dropdown.active > a:hover { +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } @@ -246,21 +254,24 @@ // ------------------------- .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: @white; background-color: @grayLight; border-color: @grayLight; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: @white; border-bottom-color: @white; .opacity(100); } // Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: @grayLight; } @@ -311,13 +322,15 @@ } .tabs-below > .nav-tabs > li > a { .border-radius(0 0 4px 4px); - &:hover { + &:hover, + &:focus { border-bottom-color: transparent; border-top-color: #ddd; } } .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } @@ -346,11 +359,13 @@ margin-right: -1px; .border-radius(4px 0 0 4px); } -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: @grayLighter #ddd @grayLighter @grayLighter; } .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: @white; } @@ -365,11 +380,13 @@ margin-left: -1px; .border-radius(0 4px 4px 0); } -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: @grayLighter @grayLighter @grayLighter #ddd; } .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: @white; } @@ -383,8 +400,9 @@ .nav > .disabled > a { color: @grayLight; } -// Nuke hover effects -.nav > .disabled > a:hover { +// Nuke hover/focus effects +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; diff --git a/assets/less/twbs-222/pager.less b/assets/less/twbs-2.3.1/pager.less index da2425367..147618829 100755 --- a/assets/less/twbs-222/pager.less +++ b/assets/less/twbs-2.3.1/pager.less @@ -20,7 +20,8 @@ border: 1px solid #ddd; .border-radius(15px); } -.pager li > a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } @@ -34,6 +35,7 @@ } .pager .disabled > a, .pager .disabled > a:hover, +.pager .disabled > a:focus, .pager .disabled > span { color: @grayLight; background-color: #fff; diff --git a/assets/less/twbs-222/pagination.less b/assets/less/twbs-2.3.1/pagination.less index e35d3f4a8..a789db2d2 100755 --- a/assets/less/twbs-222/pagination.less +++ b/assets/less/twbs-2.3.1/pagination.less @@ -32,6 +32,7 @@ border-left-width: 0; } .pagination ul > li > a:hover, +.pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: @paginationActiveBackground; @@ -43,7 +44,8 @@ } .pagination ul > .disabled > span, .pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover { +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: @grayLight; background-color: transparent; cursor: default; diff --git a/assets/less/twbs-222/popovers.less b/assets/less/twbs-2.3.1/popovers.less index b5b2a7eb5..aae35c8cd 100755 --- a/assets/less/twbs-222/popovers.less +++ b/assets/less/twbs-2.3.1/popovers.less @@ -9,7 +9,7 @@ left: 0; z-index: @zindexPopover; display: none; - width: 236px; + max-width: 276px; padding: 1px; text-align: left; // Reset given new insertion method background-color: @popoverBackground; @@ -40,6 +40,10 @@ background-color: @popoverTitleBackground; border-bottom: 1px solid darken(@popoverTitleBackground, 5%); .border-radius(5px 5px 0 0); + + &:empty { + display: none; + } } .popover-content { diff --git a/assets/less/twbs-222/progress-bars.less b/assets/less/twbs-2.3.1/progress-bars.less index 5e0c3dda0..5e0c3dda0 100755 --- a/assets/less/twbs-222/progress-bars.less +++ b/assets/less/twbs-2.3.1/progress-bars.less diff --git a/assets/less/twbs-222/reset.less b/assets/less/twbs-2.3.1/reset.less index 4806bd5e5..4806bd5e5 100755 --- a/assets/less/twbs-222/reset.less +++ b/assets/less/twbs-2.3.1/reset.less diff --git a/assets/less/twbs-222/responsive-1200px-min.less b/assets/less/twbs-2.3.1/responsive-1200px-min.less index 4f35ba6ca..4f35ba6ca 100755 --- a/assets/less/twbs-222/responsive-1200px-min.less +++ b/assets/less/twbs-2.3.1/responsive-1200px-min.less diff --git a/assets/less/twbs-222/responsive-767px-max.less b/assets/less/twbs-2.3.1/responsive-767px-max.less index 1d5c1239c..128f4ce30 100755 --- a/assets/less/twbs-222/responsive-767px-max.less +++ b/assets/less/twbs-2.3.1/responsive-767px-max.less @@ -72,8 +72,8 @@ .box-sizing(border-box); } .row-fluid [class*="offset"]:first-child { - margin-left: 0; - } + margin-left: 0; + } // FORM FIELDS // ----------- diff --git a/assets/less/twbs-222/responsive-768px-979px.less b/assets/less/twbs-2.3.1/responsive-768px-979px.less index 8e8c486a0..8e8c486a0 100755 --- a/assets/less/twbs-222/responsive-768px-979px.less +++ b/assets/less/twbs-2.3.1/responsive-768px-979px.less diff --git a/assets/less/twbs-222/responsive-navbar.less b/assets/less/twbs-2.3.1/responsive-navbar.less index 2a0b0c057..21cd3ba67 100755 --- a/assets/less/twbs-222/responsive-navbar.less +++ b/assets/less/twbs-2.3.1/responsive-navbar.less @@ -81,7 +81,9 @@ margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, - .nav-collapse .dropdown-menu a:hover { + .nav-collapse .nav > li > a:focus, + .nav-collapse .dropdown-menu a:hover, + .nav-collapse .dropdown-menu a:focus { background-color: @navbarBackground; } .navbar-inverse .nav-collapse .nav > li > a, @@ -89,7 +91,9 @@ color: @navbarInverseLinkColor; } .navbar-inverse .nav-collapse .nav > li > a:hover, - .navbar-inverse .nav-collapse .dropdown-menu a:hover { + .navbar-inverse .nav-collapse .nav > li > a:focus, + .navbar-inverse .nav-collapse .dropdown-menu a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: @navbarInverseBackground; } // Buttons in the navbar diff --git a/assets/less/twbs-222/responsive-utilities.less b/assets/less/twbs-2.3.1/responsive-utilities.less index 2c3f6c15f..bf43e8ef7 100755 --- a/assets/less/twbs-222/responsive-utilities.less +++ b/assets/less/twbs-2.3.1/responsive-utilities.less @@ -3,6 +3,13 @@ // -------------------------------------------------- +// IE10 Metro responsive +// Required for Windows 8 Metro split-screen snapping with IE10 +// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ +@-ms-viewport{ + width: device-width; +} + // Hide from screenreaders and browsers // Credit: HTML5 Boilerplate .hidden { @@ -41,3 +48,12 @@ // Hide .hidden-phone { display: none !important; } } + +// Print utilities +.visible-print { display: none !important; } +.hidden-print { } + +@media print { + .visible-print { display: inherit !important; } + .hidden-print { display: none !important; } +} diff --git a/assets/less/twbs-222/responsive.less b/assets/less/twbs-2.3.1/responsive.less index 7cfaf80b9..b8366defb 100755 --- a/assets/less/twbs-222/responsive.less +++ b/assets/less/twbs-2.3.1/responsive.less @@ -1,5 +1,5 @@ /*! - * Bootstrap Responsive v2.2.2 + * Bootstrap Responsive v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 @@ -14,15 +14,6 @@ // ------------------------------------------------------------- -// IE10 Metro responsive -// Required for Windows 8 Metro split-screen snapping with IE10 -// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ - -@-ms-viewport{ - width: device-width; -} - - // REPEAT VARIABLES & MIXINS // ------------------------- // Required since we compile the responsive stuff separately diff --git a/assets/less/twbs-222/scaffolding.less b/assets/less/twbs-2.3.1/scaffolding.less index 7a7496a64..f17e8cadb 100755 --- a/assets/less/twbs-222/scaffolding.less +++ b/assets/less/twbs-2.3.1/scaffolding.less @@ -23,7 +23,8 @@ a { color: @linkColor; text-decoration: none; } -a:hover { +a:hover, +a:focus { color: @linkColorHover; text-decoration: underline; } diff --git a/assets/less/twbs-222/sprites.less b/assets/less/twbs-2.3.1/sprites.less index 9cd2ae3bf..1812bf71a 100755 --- a/assets/less/twbs-222/sprites.less +++ b/assets/less/twbs-2.3.1/sprites.less @@ -28,7 +28,7 @@ margin-top: 1px; } -/* White icons with optional class, or on hover/active states of certain elements */ +/* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], @@ -37,11 +37,15 @@ .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { +.dropdown-submenu:focus > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"], +.dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("@{iconWhiteSpritePath}"); } @@ -166,7 +170,7 @@ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } -.icon-folder-close { background-position: -384px -120px; } +.icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off diff --git a/assets/less/twbs-222/tables.less b/assets/less/twbs-2.3.1/tables.less index f3b9967f0..0e35271e1 100755 --- a/assets/less/twbs-222/tables.less +++ b/assets/less/twbs-2.3.1/tables.less @@ -93,24 +93,32 @@ table { tbody:first-child tr:first-child td { border-top: 0; } - // For first th or td in the first row in the first thead or tbody + // For first th/td in the first row in the first thead or tbody thead:first-child tr:first-child > th:first-child, - tbody:first-child tr:first-child > td:first-child { + tbody:first-child tr:first-child > td:first-child, + tbody:first-child tr:first-child > th:first-child { .border-top-left-radius(@baseBorderRadius); } + // For last th/td in the first row in the first thead or tbody thead:first-child tr:first-child > th:last-child, - tbody:first-child tr:first-child > td:last-child { + tbody:first-child tr:first-child > td:last-child, + tbody:first-child tr:first-child > th:last-child { .border-top-right-radius(@baseBorderRadius); } - // For first th or td in the last row in the last thead or tbody + // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot thead:last-child tr:last-child > th:first-child, tbody:last-child tr:last-child > td:first-child, - tfoot:last-child tr:last-child > td:first-child { + tbody:last-child tr:last-child > th:first-child, + tfoot:last-child tr:last-child > td:first-child, + tfoot:last-child tr:last-child > th:first-child { .border-bottom-left-radius(@baseBorderRadius); } + // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot thead:last-child tr:last-child > th:last-child, tbody:last-child tr:last-child > td:last-child, - tfoot:last-child tr:last-child > td:last-child { + tbody:last-child tr:last-child > th:last-child, + tfoot:last-child tr:last-child > td:last-child, + tfoot:last-child tr:last-child > th:last-child { .border-bottom-right-radius(@baseBorderRadius); } @@ -122,7 +130,6 @@ table { .border-bottom-right-radius(0); } - // Special fixes to round the left border on the first td/th caption + thead tr:first-child th:first-child, caption + tbody tr:first-child td:first-child, @@ -161,8 +168,8 @@ table { // Placed here since it has to come after the potential zebra striping .table-hover { tbody { - tr:hover td, - tr:hover th { + tr:hover > td, + tr:hover > th { background-color: @tableBackgroundHover; } } @@ -206,32 +213,32 @@ table th[class*="span"], // Exact selectors below required to override .table-striped .table tbody tr { - &.success td { + &.success > td { background-color: @successBackground; } - &.error td { + &.error > td { background-color: @errorBackground; } - &.warning td { + &.warning > td { background-color: @warningBackground; } - &.info td { + &.info > td { background-color: @infoBackground; } } // Hover states for .table-hover .table-hover tbody tr { - &.success:hover td { + &.success:hover > td { background-color: darken(@successBackground, 5%); } - &.error:hover td { + &.error:hover > td { background-color: darken(@errorBackground, 5%); } - &.warning:hover td { + &.warning:hover > td { background-color: darken(@warningBackground, 5%); } - &.info:hover td { + &.info:hover > td { background-color: darken(@infoBackground, 5%); } } diff --git a/assets/less/twbs-222/tests/buttons.html b/assets/less/twbs-2.3.1/tests/buttons.html index 9b3c2c572..9b3c2c572 100755 --- a/assets/less/twbs-222/tests/buttons.html +++ b/assets/less/twbs-2.3.1/tests/buttons.html diff --git a/assets/less/twbs-222/tests/css-tests.css b/assets/less/twbs-2.3.1/tests/css-tests.css index 9edaf69bf..0f5604ee6 100755 --- a/assets/less/twbs-222/tests/css-tests.css +++ b/assets/less/twbs-2.3.1/tests/css-tests.css @@ -136,4 +136,15 @@ body { background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -}
\ No newline at end of file +} + +.gradient-horizontal-three { + background-color: #00b3ee; + background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f)); + background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f); + background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f); + background-image: -o-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f); + background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ee', endColorstr='#c3325f', GradientType=0); +} diff --git a/assets/less/twbs-222/tests/css-tests.html b/assets/less/twbs-2.3.1/tests/css-tests.html index 035ba8bd4..c69688c76 100755 --- a/assets/less/twbs-222/tests/css-tests.html +++ b/assets/less/twbs-2.3.1/tests/css-tests.html @@ -1291,10 +1291,64 @@ <h4>Striped</h4> <div class="gradient-striped"></div> +<h4>Horizontal three colors</h4> +<div class="gradient-horizontal-three"></div> +<div class="page-header"> + <h1>Alerts</h1> +</div> + +<h4>Alert default</h4> +<div class="alert"> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Alert!</strong> Best check yourself, you're not looking too good. +</div> +<div class="alert alert-block"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p><strong>Alert!</strong> Best check yourself, you're not looking too good.</p> +</div> + +<h4>Success</h4> +<div class="alert alert-success"> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Success!</strong> Best check yourself, you're not looking too good. +</div> +<div class="alert alert-block alert-success"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p><strong>Success!</strong> Best check yourself, you're not looking too good.</p> +</div> +<h4>Info</h4> +<div class="alert alert-info"> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Info!</strong> Best check yourself, you're not looking too good. +</div> +<div class="alert alert-block alert-info"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p><strong>Info!</strong> Best check yourself, you're not looking too good.</p> +</div> + +<h4>Warning</h4> +<div class="alert "> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Warning!</strong> Best check yourself, you're not looking too good. +</div> +<div class="alert alert-block alert-warning"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p><strong>Warning!</strong> Best check yourself, you're not looking too good.</p> +</div> + +<h4>Error</h4> +<div class="alert alert-error"> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Error!</strong> Best check yourself, you're not looking too good. +</div> +<div class="alert alert-block alert-error"> + <button type="button" class="close" data-dismiss="alert">×</button> + <p><strong>Error!</strong> Best check yourself, you're not looking too good.</p> +</div> </div><!-- /container --> diff --git a/assets/less/twbs-222/tests/forms-responsive.html b/assets/less/twbs-2.3.1/tests/forms-responsive.html index c3e208d02..c3e208d02 100755 --- a/assets/less/twbs-222/tests/forms-responsive.html +++ b/assets/less/twbs-2.3.1/tests/forms-responsive.html diff --git a/assets/less/twbs-222/tests/forms.html b/assets/less/twbs-2.3.1/tests/forms.html index a63d728a0..a63d728a0 100755 --- a/assets/less/twbs-222/tests/forms.html +++ b/assets/less/twbs-2.3.1/tests/forms.html diff --git a/assets/less/twbs-222/tests/navbar-fixed-top.html b/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html index 2d9a7a718..2d9a7a718 100755 --- a/assets/less/twbs-222/tests/navbar-fixed-top.html +++ b/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html diff --git a/assets/less/twbs-222/tests/navbar-static-top.html b/assets/less/twbs-2.3.1/tests/navbar-static-top.html index 4bead8ec6..4bead8ec6 100755 --- a/assets/less/twbs-222/tests/navbar-static-top.html +++ b/assets/less/twbs-2.3.1/tests/navbar-static-top.html diff --git a/assets/less/twbs-222/tests/navbar.html b/assets/less/twbs-2.3.1/tests/navbar.html index d5ad4784e..d5ad4784e 100755 --- a/assets/less/twbs-222/tests/navbar.html +++ b/assets/less/twbs-2.3.1/tests/navbar.html diff --git a/assets/less/twbs-222/thumbnails.less b/assets/less/twbs-2.3.1/thumbnails.less index a84a7d37d..4fd07d253 100755 --- a/assets/less/twbs-222/thumbnails.less +++ b/assets/less/twbs-2.3.1/thumbnails.less @@ -33,8 +33,9 @@ .box-shadow(0 1px 3px rgba(0,0,0,.055)); .transition(all .2s ease-in-out); } -// Add a hover state for linked versions only -a.thumbnail:hover { +// Add a hover/focus state for linked versions only +a.thumbnail:hover, +a.thumbnail:focus { border-color: @linkColor; .box-shadow(0 1px 4px rgba(0,105,214,.25)); } diff --git a/assets/less/twbs-222/tooltip.less b/assets/less/twbs-2.3.1/tooltip.less index 93fac8d6b..83d5f2bd7 100755 --- a/assets/less/twbs-222/tooltip.less +++ b/assets/less/twbs-2.3.1/tooltip.less @@ -9,20 +9,20 @@ z-index: @zindexTooltip; display: block; visibility: visible; - padding: 5px; font-size: 11px; + line-height: 1.4; .opacity(0); &.in { .opacity(80); } - &.top { margin-top: -3px; } - &.right { margin-left: 3px; } - &.bottom { margin-top: 3px; } - &.left { margin-left: -3px; } + &.top { margin-top: -3px; padding: 5px 0; } + &.right { margin-left: 3px; padding: 0 5px; } + &.bottom { margin-top: 3px; padding: 5px 0; } + &.left { margin-left: -3px; padding: 0 5px; } } // Wrapper for the tooltip content .tooltip-inner { max-width: 200px; - padding: 3px 8px; + padding: 8px; color: @tooltipColor; text-align: center; text-decoration: none; diff --git a/assets/less/twbs-222/type.less b/assets/less/twbs-2.3.1/type.less index 683a30772..337138ac8 100755 --- a/assets/less/twbs-222/type.less +++ b/assets/less/twbs-2.3.1/type.less @@ -29,19 +29,28 @@ cite { font-style: normal; } // Utility classes .muted { color: @grayLight; } -a.muted:hover { color: darken(@grayLight, 10%); } +a.muted:hover, +a.muted:focus { color: darken(@grayLight, 10%); } .text-warning { color: @warningText; } -a.text-warning:hover { color: darken(@warningText, 10%); } +a.text-warning:hover, +a.text-warning:focus { color: darken(@warningText, 10%); } .text-error { color: @errorText; } -a.text-error:hover { color: darken(@errorText, 10%); } +a.text-error:hover, +a.text-error:focus { color: darken(@errorText, 10%); } .text-info { color: @infoText; } -a.text-info:hover { color: darken(@infoText, 10%); } +a.text-info:hover, +a.text-info:focus { color: darken(@infoText, 10%); } .text-success { color: @successText; } -a.text-success:hover { color: darken(@successText, 10%); } +a.text-success:hover, +a.text-success:focus { color: darken(@successText, 10%); } + +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } // Headings @@ -119,8 +128,9 @@ ul.inline, ol.inline { margin-left: 0; list-style: none; - & > li { + > li { display: inline-block; + .ie7-inline-block(); padding-left: 5px; padding-right: 5px; } @@ -185,7 +195,9 @@ blockquote { border-left: 5px solid @grayLighter; p { margin-bottom: 0; - #font > .shorthand(16px,300,@baseLineHeight * 1.25); + font-size: @baseFontSize * 1.25; + font-weight: 300; + line-height: 1.25; } small { display: block; diff --git a/assets/less/twbs-222/utilities.less b/assets/less/twbs-2.3.1/utilities.less index 314b4ffdb..314b4ffdb 100755 --- a/assets/less/twbs-222/utilities.less +++ b/assets/less/twbs-2.3.1/utilities.less diff --git a/assets/less/twbs-222/variables.less b/assets/less/twbs-2.3.1/variables.less index de36074fd..31c131b1e 100755 --- a/assets/less/twbs-222/variables.less +++ b/assets/less/twbs-2.3.1/variables.less @@ -86,7 +86,7 @@ // ------------------------- @btnBackground: @white; @btnBackgroundHighlight: darken(@white, 10%); -@btnBorder: #bbb; +@btnBorder: #ccc; @btnPrimaryBackground: @linkColor; @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%); diff --git a/assets/less/twbs-222/wells.less b/assets/less/twbs-2.3.1/wells.less index 84a744b1c..84a744b1c 100755 --- a/assets/less/twbs-222/wells.less +++ b/assets/less/twbs-2.3.1/wells.less diff --git a/assets/less/variables.less b/assets/less/variables.less index 1140cf1cd..74c091810 100644..100755 --- a/assets/less/variables.less +++ b/assets/less/variables.less @@ -17,18 +17,58 @@ @grayLighter: #eee; @white: #fff; +// Blues +// ------------------------- +@blueDarker: #003366; +@blueDark: #005f9b; // Pantone 3015 C; +@blue: #009add; // Pantone 2925 C; +@blueLight: #b8dcf2; +@blueLighter: #f0f9ff; + +// Greens +// ------------------------- +@greenDarker: #41683b; +@greenDark: #678943; +@green: #95bf52; +@greenLight: #ddefbd; +@greenLighter: #f3f9e8; + +// Reds +// ------------------------- +@redDarker: #702222; +@redDark: #ba4a4a; +@red: #dd7373; +@redLight: #f2adb1; +@redLighter: #fff0f0; + +// Yellows +// ------------------------- +@yellowDarker: #5b4411; +@yellowDark: #cc9600; +@yellow: #f9e27d; +@yellowLight: #fff5bd; +@yellowLighter: #fffcee; + +// Oranges +// ------------------------- +@orangeDarker: #8c3900; +@orangeDark: #cc5d11; +@orange: #f4914e; +@orangeLight: #ffd0a6; +@orangeLighter: #fff4e6; + +// Purples +// ------------------------- +@purpleDarker: #4a226d; +@purpleDark: #7457ad; +@purple: #9780d6; +@purpleLight: #c3b8f4; +@purpleLighter: #fbf5ff; + // Accent colors // ------------------------- -@blue: #009add; // Kyruus Light Blue -@blueDark: #005f9b; // Kyruus Blue -@green: #46a546; @red: #9d261d; -@yellow: #ffc40d; -@orange: #f89406; -@pink: #c3325f; -@purple: #7a43b6; - @redDark: darken(@red, 10%); @@ -56,7 +96,7 @@ @altFontFamily: @serifFontFamily; @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily -@headingsFontWeight: bold; // instead of browser default, bold +@headingsFontWeight: 500; // instead of browser default, bold @headingsColor: inherit; // empty to use BS default, @textColor @@ -93,14 +133,14 @@ @btnPrimaryBackground: #fffeb8; @btnPrimaryBackgroundHighlight: #c49c38; -@btnInfoBackground: #5bc0de; -@btnInfoBackgroundHighlight: #2f96b4; +@btnInfoBackground: @blue; +@btnInfoBackgroundHighlight: mix(@blue, @blueDark, 50%); -@btnSuccessBackground: #62c462; -@btnSuccessBackgroundHighlight: #51a351; +@btnSuccessBackground: @green; +@btnSuccessBackgroundHighlight: @greenDark; -@btnWarningBackground: lighten(@orange, 15%); -@btnWarningBackgroundHighlight: @orange; +@btnWarningBackground: @yellow; +@btnWarningBackgroundHighlight: @yellowDark; @btnDangerBackground: lighten(@red, 20%); @btnDangerBackgroundHighlight: lighten(@red, 5%); @@ -232,22 +272,26 @@ // Form states and alerts // ------------------------- -@warningText: #c09853; -@warningBackground: #fcf8e3; -@warningBorder: darken(spin(@warningBackground, -10), 3%); +@warningText: mix(@yellowDark, @yellowDarker, 80%); +@warningBackground: @yellowLighter; +@warningBorder: darken(spin(@warningBackground, -10), 7%); -@errorText: #b94a48; -@errorBackground: #f2dede; -@errorBorder: darken(spin(@errorBackground, -10), 3%); +@errorText: @red; +@errorBackground: @redLighter; +@errorBorder: darken(spin(@errorBackground, -10), 4%); -@successText: #468847; -@successBackground: #dff0d8; -@successBorder: darken(spin(@successBackground, -10), 5%); +@successText: mix(@greenDarker, @greenDark, 30%); +@successBackground: @greenLighter; +@successBorder: darken(spin(@successBackground, -10), 13%); -@infoText: #3a87ad; -@infoBackground: #d9edf7; +@infoText: mix(@blueDark, @blue, 50%); +@infoBackground: @blueLighter; @infoBorder: darken(spin(@infoBackground, -10), 7%); +@inverseText: @white; +@inverseBackground: @gray; +@inverseBorder: darken(spin(@inverseBackground, -10), 7%); + // Tooltips and popovers // ------------------------- diff --git a/cheatsheet/index.html b/cheatsheet/index.html new file mode 100644 index 000000000..5ab191765 --- /dev/null +++ b/cheatsheet/index.html @@ -0,0 +1,528 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>Font Awesome Cheatsheet</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-list-ul icon-large"></i> Cheatsheet</h1> + <p>The complete Font Awesome 3.1.0 icon reference</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy + and paste the icons (not the unicode) directly into your designs. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div> + <h2 class="page-header">Every Font Awesome 3.1.0 Icon, CSS Class, & Unicode</h2> + <div class="row"> + <div class="span4"> + <ul class="unstyled"> + <li><i class="icon-fixed-width"></i> icon-glass <span class="muted">(&#xf000;)</span></li> + <li><i class="icon-fixed-width"></i> icon-music <span class="muted">(&#xf001;)</span></li> + <li><i class="icon-fixed-width"></i> icon-search <span class="muted">(&#xf002;)</span></li> + <li><i class="icon-fixed-width"></i> icon-envelope <span class="muted">(&#xf003;)</span></li> + <li><i class="icon-fixed-width"></i> icon-heart <span class="muted">(&#xf004;)</span></li> + <li><i class="icon-fixed-width"></i> icon-star <span class="muted">(&#xf005;)</span></li> + <li><i class="icon-fixed-width"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li> + <li><i class="icon-fixed-width"></i> icon-user <span class="muted">(&#xf007;)</span></li> + <li><i class="icon-fixed-width"></i> icon-film <span class="muted">(&#xf008;)</span></li> + <li><i class="icon-fixed-width"></i> icon-th-large <span class="muted">(&#xf009;)</span></li> + <li><i class="icon-fixed-width"></i> icon-th <span class="muted">(&#xf00a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ok <span class="muted">(&#xf00c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-remove <span class="muted">(&#xf00d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li> + <li><i class="icon-fixed-width"></i> icon-off <span class="muted">(&#xf011;)</span></li> + <li><i class="icon-fixed-width"></i> icon-signal <span class="muted">(&#xf012;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cog <span class="muted">(&#xf013;)</span></li> + <li><i class="icon-fixed-width"></i> icon-trash <span class="muted">(&#xf014;)</span></li> + <li><i class="icon-fixed-width"></i> icon-home <span class="muted">(&#xf015;)</span></li> + <li><i class="icon-fixed-width"></i> icon-file <span class="muted">(&#xf016;)</span></li> + <li><i class="icon-fixed-width"></i> icon-time <span class="muted">(&#xf017;)</span></li> + <li><i class="icon-fixed-width"></i> icon-road <span class="muted">(&#xf018;)</span></li> + <li><i class="icon-fixed-width"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li> + <li><i class="icon-fixed-width"></i> icon-download <span class="muted">(&#xf01a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-upload <span class="muted">(&#xf01b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-refresh <span class="muted">(&#xf021;)</span></li> + <li><i class="icon-fixed-width"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li> + <li><i class="icon-fixed-width"></i> icon-lock <span class="muted">(&#xf023;)</span></li> + <li><i class="icon-fixed-width"></i> icon-flag <span class="muted">(&#xf024;)</span></li> + <li><i class="icon-fixed-width"></i> icon-headphones <span class="muted">(&#xf025;)</span></li> + <li><i class="icon-fixed-width"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li> + <li><i class="icon-fixed-width"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li> + <li><i class="icon-fixed-width"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li> + <li><i class="icon-fixed-width"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li> + <li><i class="icon-fixed-width"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-tag <span class="muted">(&#xf02b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-tags <span class="muted">(&#xf02c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-book <span class="muted">(&#xf02d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-print <span class="muted">(&#xf02f;)</span></li> + <li><i class="icon-fixed-width"></i> icon-camera <span class="muted">(&#xf030;)</span></li> + <li><i class="icon-fixed-width"></i> icon-font <span class="muted">(&#xf031;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bold <span class="muted">(&#xf032;)</span></li> + <li><i class="icon-fixed-width"></i> icon-italic <span class="muted">(&#xf033;)</span></li> + <li><i class="icon-fixed-width"></i> icon-text-height <span class="muted">(&#xf034;)</span></li> + <li><i class="icon-fixed-width"></i> icon-text-width <span class="muted">(&#xf035;)</span></li> + <li><i class="icon-fixed-width"></i> icon-align-left <span class="muted">(&#xf036;)</span></li> + <li><i class="icon-fixed-width"></i> icon-align-center <span class="muted">(&#xf037;)</span></li> + <li><i class="icon-fixed-width"></i> icon-align-right <span class="muted">(&#xf038;)</span></li> + <li><i class="icon-fixed-width"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li> + <li><i class="icon-fixed-width"></i> icon-list <span class="muted">(&#xf03a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-picture <span class="muted">(&#xf03e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-pencil <span class="muted">(&#xf040;)</span></li> + <li><i class="icon-fixed-width"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li> + <li><i class="icon-fixed-width"></i> icon-adjust <span class="muted">(&#xf042;)</span></li> + <li><i class="icon-fixed-width"></i> icon-tint <span class="muted">(&#xf043;)</span></li> + <li><i class="icon-fixed-width"></i> icon-edit <span class="muted">(&#xf044;)</span></li> + <li><i class="icon-fixed-width"></i> icon-share <span class="muted">(&#xf045;)</span></li> + <li><i class="icon-fixed-width"></i> icon-check <span class="muted">(&#xf046;)</span></li> + <li><i class="icon-fixed-width"></i> icon-move <span class="muted">(&#xf047;)</span></li> + <li><i class="icon-fixed-width"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li> + <li><i class="icon-fixed-width"></i> icon-backward <span class="muted">(&#xf04a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-play <span class="muted">(&#xf04b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-pause <span class="muted">(&#xf04c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-stop <span class="muted">(&#xf04d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-forward <span class="muted">(&#xf04e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li> + <li><i class="icon-fixed-width"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li> + <li><i class="icon-fixed-width"></i> icon-eject <span class="muted">(&#xf052;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li> + <li><i class="icon-fixed-width"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li> + <li><i class="icon-fixed-width"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li> + <li><i class="icon-fixed-width"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li> + <li><i class="icon-fixed-width"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li> + <li><i class="icon-fixed-width"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li> + <li><i class="icon-fixed-width"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li> + <li><i class="icon-fixed-width"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li> + <li><i class="icon-fixed-width"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li> + <li><i class="icon-fixed-width"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li> + <li><i class="icon-fixed-width"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li> + <li><i class="icon-fixed-width"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li> + <li><i class="icon-fixed-width"></i> icon-plus <span class="muted">(&#xf067;)</span></li> + <li><i class="icon-fixed-width"></i> icon-minus <span class="muted">(&#xf068;)</span></li> + <li><i class="icon-fixed-width"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li> + <li><i class="icon-fixed-width"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li> + </ul> + </div> + <div class="span4"> + <ul class="unstyled"> + <li><i class="icon-fixed-width"></i> icon-gift <span class="muted">(&#xf06b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fire <span class="muted">(&#xf06d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li> + <li><i class="icon-fixed-width"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li> + <li><i class="icon-fixed-width"></i> icon-plane <span class="muted">(&#xf072;)</span></li> + <li><i class="icon-fixed-width"></i> icon-calendar <span class="muted">(&#xf073;)</span></li> + <li><i class="icon-fixed-width"></i> icon-random <span class="muted">(&#xf074;)</span></li> + <li><i class="icon-fixed-width"></i> icon-comment <span class="muted">(&#xf075;)</span></li> + <li><i class="icon-fixed-width"></i> icon-magnet <span class="muted">(&#xf076;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li> + <li><i class="icon-fixed-width"></i> icon-retweet <span class="muted">(&#xf079;)</span></li> + <li><i class="icon-fixed-width"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li> + <li><i class="icon-fixed-width"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li> + <li><i class="icon-fixed-width"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li> + <li><i class="icon-fixed-width"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li> + <li><i class="icon-fixed-width"></i> icon-key <span class="muted">(&#xf084;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cogs <span class="muted">(&#xf085;)</span></li> + <li><i class="icon-fixed-width"></i> icon-comments <span class="muted">(&#xf086;)</span></li> + <li><i class="icon-fixed-width"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li> + <li><i class="icon-fixed-width"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li> + <li><i class="icon-fixed-width"></i> icon-star-half <span class="muted">(&#xf089;)</span></li> + <li><i class="icon-fixed-width"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-signout <span class="muted">(&#xf08b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-signin <span class="muted">(&#xf090;)</span></li> + <li><i class="icon-fixed-width"></i> icon-trophy <span class="muted">(&#xf091;)</span></li> + <li><i class="icon-fixed-width"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li> + <li><i class="icon-fixed-width"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li> + <li><i class="icon-fixed-width"></i> icon-lemon <span class="muted">(&#xf094;)</span></li> + <li><i class="icon-fixed-width"></i> icon-phone <span class="muted">(&#xf095;)</span></li> + <li><i class="icon-fixed-width"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li> + <li><i class="icon-fixed-width"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li> + <li><i class="icon-fixed-width"></i> icon-twitter <span class="muted">(&#xf099;)</span></li> + <li><i class="icon-fixed-width"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-github <span class="muted">(&#xf09b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-rss <span class="muted">(&#xf09e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li> + <li><i class="icon-fixed-width"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li> + <li><i class="icon-fixed-width"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li> + <li><i class="icon-fixed-width"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li> + <li><i class="icon-fixed-width"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-group <span class="muted">(&#xf0c0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-link <span class="muted">(&#xf0c1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li> + <li><i class="icon-fixed-width"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li> + <li><i class="icon-fixed-width"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li> + <li><i class="icon-fixed-width"></i> icon-save <span class="muted">(&#xf0c7;)</span></li> + <li><i class="icon-fixed-width"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li> + <li><i class="icon-fixed-width"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li> + <li><i class="icon-fixed-width"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li> + <li><i class="icon-fixed-width"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li> + <li><i class="icon-fixed-width"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li> + <li><i class="icon-fixed-width"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li> + <li><i class="icon-fixed-width"></i> icon-table <span class="muted">(&#xf0ce;)</span></li> + <li><i class="icon-fixed-width"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li> + <li><i class="icon-fixed-width"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li> + <li><i class="icon-fixed-width"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li> + <li><i class="icon-fixed-width"></i> icon-money <span class="muted">(&#xf0d6;)</span></li> + <li><i class="icon-fixed-width"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li> + <li><i class="icon-fixed-width"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li> + <li><i class="icon-fixed-width"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li> + <li><i class="icon-fixed-width"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li> + <li><i class="icon-fixed-width"></i> icon-columns <span class="muted">(&#xf0db;)</span></li> + <li><i class="icon-fixed-width"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li> + <li><i class="icon-fixed-width"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li> + <li><i class="icon-fixed-width"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li> + <li><i class="icon-fixed-width"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li> + </ul> + </div> + <div class="span4"> + <ul class="unstyled"> + <li><i class="icon-fixed-width"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li> + <li><i class="icon-fixed-width"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li> + <li><i class="icon-fixed-width"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li> + <li><i class="icon-fixed-width"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li> + <li><i class="icon-fixed-width"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li> + <li><i class="icon-fixed-width"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li> + <li><i class="icon-fixed-width"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li> + <li><i class="icon-fixed-width"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li> + <li><i class="icon-fixed-width"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li> + <li><i class="icon-fixed-width"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li> + <li><i class="icon-fixed-width"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li> + <li><i class="icon-fixed-width"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li> + <li><i class="icon-fixed-width"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li> + <li><i class="icon-fixed-width"></i> icon-food <span class="muted">(&#xf0f5;)</span></li> + <li><i class="icon-fixed-width"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li> + <li><i class="icon-fixed-width"></i> icon-building <span class="muted">(&#xf0f7;)</span></li> + <li><i class="icon-fixed-width"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li> + <li><i class="icon-fixed-width"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li> + <li><i class="icon-fixed-width"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li> + <li><i class="icon-fixed-width"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li> + <li><i class="icon-fixed-width"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li> + <li><i class="icon-fixed-width"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li> + <li><i class="icon-fixed-width"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li> + <li><i class="icon-fixed-width"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li> + <li><i class="icon-fixed-width"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li> + <li><i class="icon-fixed-width"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li> + <li><i class="icon-fixed-width"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li> + <li><i class="icon-fixed-width"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li> + <li><i class="icon-fixed-width"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li> + <li><i class="icon-fixed-width"></i> icon-desktop <span class="muted">(&#xf108;)</span></li> + <li><i class="icon-fixed-width"></i> icon-laptop <span class="muted">(&#xf109;)</span></li> + <li><i class="icon-fixed-width"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-spinner <span class="muted">(&#xf110;)</span></li> + <li><i class="icon-fixed-width"></i> icon-circle <span class="muted">(&#xf111;)</span></li> + <li><i class="icon-fixed-width"></i> icon-reply <span class="muted">(&#xf112;)</span></li> + <li><i class="icon-fixed-width"></i> icon-folder-close-alt <span class="muted">(&#xf114;)</span></li> + <li><i class="icon-fixed-width"></i> icon-folder-open-alt <span class="muted">(&#xf115;)</span></li> + <li><i class="icon-fixed-width"></i> icon-expand-alt <span class="muted">(&#xf116;)</span></li> + <li><i class="icon-fixed-width"></i> icon-collapse-alt <span class="muted">(&#xf117;)</span></li> + <li><i class="icon-fixed-width"></i> icon-smile <span class="muted">(&#xf118;)</span></li> + <li><i class="icon-fixed-width"></i> icon-frown <span class="muted">(&#xf119;)</span></li> + <li><i class="icon-fixed-width"></i> icon-meh <span class="muted">(&#xf11a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-gamepad <span class="muted">(&#xf11b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-keyboard <span class="muted">(&#xf11c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-flag-alt <span class="muted">(&#xf11d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-flag-checkered <span class="muted">(&#xf11e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-terminal <span class="muted">(&#xf120;)</span></li> + <li><i class="icon-fixed-width"></i> icon-code <span class="muted">(&#xf121;)</span></li> + <li><i class="icon-fixed-width"></i> icon-reply-all <span class="muted">(&#xf122;)</span></li> + <li><i class="icon-fixed-width"></i> icon-mail-reply-all <span class="muted">(&#xf122;)</span></li> + <li><i class="icon-fixed-width"></i> icon-star-half-empty <span class="muted">(&#xf123;)</span></li> + <li><i class="icon-fixed-width"></i> icon-location-arrow <span class="muted">(&#xf124;)</span></li> + <li><i class="icon-fixed-width"></i> icon-crop <span class="muted">(&#xf125;)</span></li> + <li><i class="icon-fixed-width"></i> icon-code-fork <span class="muted">(&#xf126;)</span></li> + <li><i class="icon-fixed-width"></i> icon-unlink <span class="muted">(&#xf127;)</span></li> + <li><i class="icon-fixed-width"></i> icon-question <span class="muted">(&#xf128;)</span></li> + <li><i class="icon-fixed-width"></i> icon-info <span class="muted">(&#xf129;)</span></li> + <li><i class="icon-fixed-width"></i> icon-exclamation <span class="muted">(&#xf12a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-superscript <span class="muted">(&#xf12b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-subscript <span class="muted">(&#xf12c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-eraser <span class="muted">(&#xf12d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-puzzle-piece <span class="muted">(&#xf12e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-microphone <span class="muted">(&#xf130;)</span></li> + <li><i class="icon-fixed-width"></i> icon-microphone-off <span class="muted">(&#xf131;)</span></li> + <li><i class="icon-fixed-width"></i> icon-shield <span class="muted">(&#xf132;)</span></li> + <li><i class="icon-fixed-width"></i> icon-calendar-empty <span class="muted">(&#xf133;)</span></li> + <li><i class="icon-fixed-width"></i> icon-fire-extinguisher <span class="muted">(&#xf134;)</span></li> + <li><i class="icon-fixed-width"></i> icon-rocket <span class="muted">(&#xf135;)</span></li> + <li><i class="icon-fixed-width"></i> icon-maxcdn <span class="muted">(&#xf136;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-sign-left <span class="muted">(&#xf137;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-sign-right <span class="muted">(&#xf138;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-sign-up <span class="muted">(&#xf139;)</span></li> + <li><i class="icon-fixed-width"></i> icon-chevron-sign-down <span class="muted">(&#xf13a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-html5 <span class="muted">(&#xf13b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-css3 <span class="muted">(&#xf13c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-anchor <span class="muted">(&#xf13d;)</span></li> + <li><i class="icon-fixed-width"></i> icon-unlock-alt <span class="muted">(&#xf13e;)</span></li> + <li><i class="icon-fixed-width"></i> icon-bullseye <span class="muted">(&#xf140;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ellipsis-horizontal <span class="muted">(&#xf141;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ellipsis-vertical <span class="muted">(&#xf142;)</span></li> + <li><i class="icon-fixed-width"></i> icon-rss-sign <span class="muted">(&#xf143;)</span></li> + <li><i class="icon-fixed-width"></i> icon-play-sign <span class="muted">(&#xf144;)</span></li> + <li><i class="icon-fixed-width"></i> icon-ticket <span class="muted">(&#xf145;)</span></li> + <li><i class="icon-fixed-width"></i> icon-minus-sign-alt <span class="muted">(&#xf146;)</span></li> + <li><i class="icon-fixed-width"></i> icon-check-minus <span class="muted">(&#xf147;)</span></li> + <li><i class="icon-fixed-width"></i> icon-level-up <span class="muted">(&#xf148;)</span></li> + <li><i class="icon-fixed-width"></i> icon-level-down <span class="muted">(&#xf149;)</span></li> + <li><i class="icon-fixed-width"></i> icon-check-sign <span class="muted">(&#xf14a;)</span></li> + <li><i class="icon-fixed-width"></i> icon-edit-sign <span class="muted">(&#xf14b;)</span></li> + <li><i class="icon-fixed-width"></i> icon-external-link-sign <span class="muted">(&#xf14c;)</span></li> + <li><i class="icon-fixed-width"></i> icon-share-sign <span class="muted">(&#xf14d;)</span></li> + </ul> + </div> + </div> +</div> + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> diff --git a/community/index.html b/community/index.html new file mode 100644 index 000000000..083b0545d --- /dev/null +++ b/community/index.html @@ -0,0 +1,356 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>The Font Awesome Community</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li class="active"><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-thumbs-up icon-large"></i> Community</h1> + <p>Lots of ways to get involved with Font Awesome</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + Font Awesome has a vibrant community of folks helping each other out. You can + <a href="#getting-support">get support</a>, + <a href="#reporting-bugs">report bugs</a>, + <a href="#requesting-new-icons">request new icons</a>, + <a href="#submitting-pull-requests">submit pull requests</a>, and + <a href="#project-milestones">check upcoming milestones</a>. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div id="getting-support"> + <h2 class="page-header">Getting Support</h2> + <p> + Having trouble getting Font Awesome up and running? Something not working the way you think it should? I hate that + I don't have time to answer Font Awesome support emails anymore. So here are some things you might wanna do: + </p> + <ol> + <li> + Make sure you've read the latest version of how to <a href="../get-started/">get started</a>. + It's been updated recently to make Font Awesome even easier to use. + </li> + <li> + Check out the <a href="http://stackoverflow.com/questions/tagged/font-awesome">existing questions tagged as + Font Awesome</a> over on Stack Overflow. Other folks might have had the same question you've had. + </li> + <li> + Can't find the answer to your question on Stack Overflow? + <a href="http://stackoverflow.com/questions/ask?tags=font-awesome">Ask a new question</a>, then + <a href="mailto:dave@fontawesome.io">send me an email</a> and I might be able to take a look. + </li> + </ol> +</div> + +<section id="reporting-bugs"> + <h2 class="page-header">Reporting Bugs</h2> + <p> + Found a problem with Font Awesome? Feel free to submit an issue on the GitHub project. But please keep the following in mind: + </p> + <ol> + <li>Please be nice. Font Awesome is a happy place.</li> + <li>Please <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues">search</a> to see if your icon request already exists.</li> + <li> + Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue + guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>. + </li> + <li> + After doing everything above, feel free to + <a href="https://github.com/FortAwesome/Font-Awesome/issues/new">submit an issue</a>. + </li> + </ol> +</section> + +<section id="requesting-new-icons"> + <h2 class="page-header">Requesting New Icons</h2> + <p> + New icons mostly start as requests by the + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Font Awesome community on GitHub</a>. Want to request a new + icon? Here are some things to keep in mind: + </p> + <ol> + <li>Please be nice. Font Awesome is a happy place.</li> + <li>Please <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues">search</a> to see if your icon request already exists.</li> + <li> + Please and thank you if you include the following: + <ul> + <li> + Title your <a href="https://github.com/FortAwesome/Font-Awesome/issues/new?title=Icon%20Request:%20icon-name">new issue</a> + <code>Icon request: icon-name</code>. + </li> + <li>Include a few use cases for your requested icon. How do you plan on using it?</li> + <li>Attach a single color image or two that represent the idea you're going for.</li> + </ul> + </li> + <li> + Concrete objects make good icons, since abstract concepts are, well, abstract. It's harder to make an icon + to represent happiness. It's easier to make a smiley face. <i class="icon-smile"></i> + </li> + </ol> +</section> + +<section id="submitting-pull-requests"> + <h2 class="page-header">Submitting Pull Requests</h2> + Found a way to solve a bug in Font Awesome? Want to contribute new features? Here are a few things to remember: + <ol> + <li>Please submit all pull requests against *-wip branches.</li> + <li>All pull requests submitted against master will be sumarily closed and this guide referenced.</li> + <li> + After doing everything above, feel free to + <a href="https://github.com/FortAwesome/Font-Awesome/issues/new">submit a pull request</a>. + </li> + </ol> +</section> + +<section id="project-milestones"> + <h2 class="page-header">Project Milestones</h2> + <p> + Want to keep up with what's planned for Font Awesome? Check out our + <a href="https://github.com/FortAwesome/Font-Awesome/issues/milestones">milestones</a> on the GitHub project. + </p> +</section> + + +<section id="thanks-to"> + <h2 class="page-header">Thanks To</h2> + <div class="row"> + <div class="span4"> + <p> + Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and + <a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design + review, advice, some Jekyll help, and being all around badass coders. + </p> + </div> + <div class="span4"> + <p> + Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and + <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting + <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome. + </p> + </div> + <div class="span4"> + <p> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent + <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to + <a href="../get-started/#bootstrapcdn">get started</a> with Font Awesome. + </p> + </div> + </div> +</section> + +<section id="tell-me-thanks"> + <h2 class="page-header">Tell Me Thanks</h2> + <p class="lead"> + Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the + open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work. + </p> + <div class="row"> + <div class="span6"> + <h3><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h3> + <p> + <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny + new iMac for me to keep making great icons. + </p> + </div> + <div class="span6"> + <h3><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h3> + <p> + Or pick something straight + from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great. + </p> + </div> + </div> +</section> + + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> diff --git a/design.html b/design.html deleted file mode 100644 index 2af2905f7..000000000 --- a/design.html +++ /dev/null @@ -1,333 +0,0 @@ -<!DOCTYPE html> -<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> -<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> -<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> -<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> -<head> - <!-- Basic Page Needs - ================================================== --> - <meta charset="utf-8" /> - <title>Font Awesome Copy & Paste</title> - <meta name="description" content=""> - <meta name="author" content=""> - <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> - - <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> - <![endif]--> - - <!-- CSS - ================================================== --> - - <link rel="stylesheet" href="assets/css/site.css"> - <link rel="stylesheet" href="assets/css/prettify.css"> - <link rel="stylesheet" href="assets/css/font-awesome.min.css"> - <!--[if IE 7]> - <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> - <![endif]--> - <!-- Le fav and touch icons --> - <link rel="shortcut icon" href="assets/ico/favicon.ico"> - - <script type="text/javascript"> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-30136587-1']); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - </script> -</head> -<body> - -<div class="jumbotron"> - <div class="container"> - - <h1><i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste</h1> - <p> - Install FontAwesome.otf on your system. - Then, copy and paste any of these icons to use them in your mockups & designs. - </p> - - </div> -</div> - - -<div class="container"> - <section> - <div class="row"> - <div class="span4"> - <ul class="unstyled"> - <li><i class="icon-"></i> icon-glass <span class="muted">(&#xf000;)</span></li> - <li><i class="icon-"></i> icon-music <span class="muted">(&#xf001;)</span></li> - <li><i class="icon-"></i> icon-search <span class="muted">(&#xf002;)</span></li> - <li><i class="icon-"></i> icon-envelope <span class="muted">(&#xf003;)</span></li> - <li><i class="icon-"></i> icon-heart <span class="muted">(&#xf004;)</span></li> - <li><i class="icon-"></i> icon-star <span class="muted">(&#xf005;)</span></li> - <li><i class="icon-"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li> - <li><i class="icon-"></i> icon-user <span class="muted">(&#xf007;)</span></li> - <li><i class="icon-"></i> icon-film <span class="muted">(&#xf008;)</span></li> - <li><i class="icon-"></i> icon-th-large <span class="muted">(&#xf009;)</span></li> - <li><i class="icon-"></i> icon-th <span class="muted">(&#xf00a;)</span></li> - <li><i class="icon-"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li> - <li><i class="icon-"></i> icon-ok <span class="muted">(&#xf00c;)</span></li> - <li><i class="icon-"></i> icon-remove <span class="muted">(&#xf00d;)</span></li> - <li><i class="icon-"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li> - <li><i class="icon-"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li> - <li><i class="icon-"></i> icon-off <span class="muted">(&#xf011;)</span></li> - <li><i class="icon-"></i> icon-signal <span class="muted">(&#xf012;)</span></li> - <li><i class="icon-"></i> icon-cog <span class="muted">(&#xf013;)</span></li> - <li><i class="icon-"></i> icon-trash <span class="muted">(&#xf014;)</span></li> - <li><i class="icon-"></i> icon-home <span class="muted">(&#xf015;)</span></li> - <li><i class="icon-"></i> icon-file <span class="muted">(&#xf016;)</span></li> - <li><i class="icon-"></i> icon-time <span class="muted">(&#xf017;)</span></li> - <li><i class="icon-"></i> icon-road <span class="muted">(&#xf018;)</span></li> - <li><i class="icon-"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li> - <li><i class="icon-"></i> icon-download <span class="muted">(&#xf01a;)</span></li> - <li><i class="icon-"></i> icon-upload <span class="muted">(&#xf01b;)</span></li> - <li><i class="icon-"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li> - <li><i class="icon-"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li> - <li><i class="icon-"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li> - <li><i class="icon-"></i> icon-refresh <span class="muted">(&#xf021;)</span></li> - <li><i class="icon-"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li> - <li><i class="icon-"></i> icon-lock <span class="muted">(&#xf023;)</span></li> - <li><i class="icon-"></i> icon-flag <span class="muted">(&#xf024;)</span></li> - <li><i class="icon-"></i> icon-headphones <span class="muted">(&#xf025;)</span></li> - <li><i class="icon-"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li> - <li><i class="icon-"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li> - <li><i class="icon-"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li> - <li><i class="icon-"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li> - <li><i class="icon-"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li> - <li><i class="icon-"></i> icon-tag <span class="muted">(&#xf02b;)</span></li> - <li><i class="icon-"></i> icon-tags <span class="muted">(&#xf02c;)</span></li> - <li><i class="icon-"></i> icon-book <span class="muted">(&#xf02d;)</span></li> - <li><i class="icon-"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li> - <li><i class="icon-"></i> icon-print <span class="muted">(&#xf02f;)</span></li> - <li><i class="icon-"></i> icon-camera <span class="muted">(&#xf030;)</span></li> - <li><i class="icon-"></i> icon-font <span class="muted">(&#xf031;)</span></li> - <li><i class="icon-"></i> icon-bold <span class="muted">(&#xf032;)</span></li> - <li><i class="icon-"></i> icon-italic <span class="muted">(&#xf033;)</span></li> - <li><i class="icon-"></i> icon-text-height <span class="muted">(&#xf034;)</span></li> - <li><i class="icon-"></i> icon-text-width <span class="muted">(&#xf035;)</span></li> - <li><i class="icon-"></i> icon-align-left <span class="muted">(&#xf036;)</span></li> - <li><i class="icon-"></i> icon-align-center <span class="muted">(&#xf037;)</span></li> - <li><i class="icon-"></i> icon-align-right <span class="muted">(&#xf038;)</span></li> - <li><i class="icon-"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li> - <li><i class="icon-"></i> icon-list <span class="muted">(&#xf03a;)</span></li> - <li><i class="icon-"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li> - <li><i class="icon-"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li> - <li><i class="icon-"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li> - <li><i class="icon-"></i> icon-picture <span class="muted">(&#xf03e;)</span></li> - <li><i class="icon-"></i> icon-pencil <span class="muted">(&#xf040;)</span></li> - <li><i class="icon-"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li> - <li><i class="icon-"></i> icon-adjust <span class="muted">(&#xf042;)</span></li> - <li><i class="icon-"></i> icon-tint <span class="muted">(&#xf043;)</span></li> - <li><i class="icon-"></i> icon-edit <span class="muted">(&#xf044;)</span></li> - <li><i class="icon-"></i> icon-share <span class="muted">(&#xf045;)</span></li> - <li><i class="icon-"></i> icon-check <span class="muted">(&#xf046;)</span></li> - <li><i class="icon-"></i> icon-move <span class="muted">(&#xf047;)</span></li> - <li><i class="icon-"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li> - <li><i class="icon-"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li> - <li><i class="icon-"></i> icon-backward <span class="muted">(&#xf04a;)</span></li> - <li><i class="icon-"></i> icon-play <span class="muted">(&#xf04b;)</span></li> - <li><i class="icon-"></i> icon-pause <span class="muted">(&#xf04c;)</span></li> - <li><i class="icon-"></i> icon-stop <span class="muted">(&#xf04d;)</span></li> - <li><i class="icon-"></i> icon-forward <span class="muted">(&#xf04e;)</span></li> - <li><i class="icon-"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li> - <li><i class="icon-"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li> - <li><i class="icon-"></i> icon-eject <span class="muted">(&#xf052;)</span></li> - <li><i class="icon-"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li> - <li><i class="icon-"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li> - <li><i class="icon-"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li> - <li><i class="icon-"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li> - </ul> - </div> - <div class="span4"> - <ul class="unstyled"> - <li><i class="icon-"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li> - <li><i class="icon-"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li> - <li><i class="icon-"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li> - <li><i class="icon-"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li> - <li><i class="icon-"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li> - <li><i class="icon-"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li> - <li><i class="icon-"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li> - <li><i class="icon-"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li> - <li><i class="icon-"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li> - <li><i class="icon-"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li> - <li><i class="icon-"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li> - <li><i class="icon-"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li> - <li><i class="icon-"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li> - <li><i class="icon-"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li> - <li><i class="icon-"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li> - <li><i class="icon-"></i> icon-plus <span class="muted">(&#xf067;)</span></li> - <li><i class="icon-"></i> icon-minus <span class="muted">(&#xf068;)</span></li> - <li><i class="icon-"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li> - <li><i class="icon-"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li> - <li><i class="icon-"></i> icon-gift <span class="muted">(&#xf06b;)</span></li> - <li><i class="icon-"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li> - <li><i class="icon-"></i> icon-fire <span class="muted">(&#xf06d;)</span></li> - <li><i class="icon-"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li> - <li><i class="icon-"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li> - <li><i class="icon-"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li> - <li><i class="icon-"></i> icon-plane <span class="muted">(&#xf072;)</span></li> - <li><i class="icon-"></i> icon-calendar <span class="muted">(&#xf073;)</span></li> - <li><i class="icon-"></i> icon-random <span class="muted">(&#xf074;)</span></li> - <li><i class="icon-"></i> icon-comment <span class="muted">(&#xf075;)</span></li> - <li><i class="icon-"></i> icon-magnet <span class="muted">(&#xf076;)</span></li> - <li><i class="icon-"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li> - <li><i class="icon-"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li> - <li><i class="icon-"></i> icon-retweet <span class="muted">(&#xf079;)</span></li> - <li><i class="icon-"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li> - <li><i class="icon-"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li> - <li><i class="icon-"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li> - <li><i class="icon-"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li> - <li><i class="icon-"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li> - <li><i class="icon-"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li> - <li><i class="icon-"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li> - <li><i class="icon-"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li> - <li><i class="icon-"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li> - <li><i class="icon-"></i> icon-key <span class="muted">(&#xf084;)</span></li> - <li><i class="icon-"></i> icon-cogs <span class="muted">(&#xf085;)</span></li> - <li><i class="icon-"></i> icon-comments <span class="muted">(&#xf086;)</span></li> - <li><i class="icon-"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li> - <li><i class="icon-"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li> - <li><i class="icon-"></i> icon-star-half <span class="muted">(&#xf089;)</span></li> - <li><i class="icon-"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li> - <li><i class="icon-"></i> icon-signout <span class="muted">(&#xf08b;)</span></li> - <li><i class="icon-"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li> - <li><i class="icon-"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li> - <li><i class="icon-"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li> - <li><i class="icon-"></i> icon-signin <span class="muted">(&#xf090;)</span></li> - <li><i class="icon-"></i> icon-trophy <span class="muted">(&#xf091;)</span></li> - <li><i class="icon-"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li> - <li><i class="icon-"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li> - <li><i class="icon-"></i> icon-lemon <span class="muted">(&#xf094;)</span></li> - <li><i class="icon-"></i> icon-phone <span class="muted">(&#xf095;)</span></li> - <li><i class="icon-"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li> - <li><i class="icon-"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li> - <li><i class="icon-"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li> - <li><i class="icon-"></i> icon-twitter <span class="muted">(&#xf099;)</span></li> - <li><i class="icon-"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li> - <li><i class="icon-"></i> icon-github <span class="muted">(&#xf09b;)</span></li> - <li><i class="icon-"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li> - <li><i class="icon-"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li> - <li><i class="icon-"></i> icon-rss <span class="muted">(&#xf09e;)</span></li> - <li><i class="icon-"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li> - <li><i class="icon-"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li> - <li><i class="icon-"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li> - <li><i class="icon-"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li> - <li><i class="icon-"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li> - <li><i class="icon-"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li> - <li><i class="icon-"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li> - <li><i class="icon-"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li> - <li><i class="icon-"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li> - <li><i class="icon-"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li> - <li><i class="icon-"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li> - <li><i class="icon-"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li> - <li><i class="icon-"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li> - <li><i class="icon-"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li> - </ul> - </div> - <div class="span4"> - <ul class="unstyled"> - <li><i class="icon-"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li> - <li><i class="icon-"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li> - <li><i class="icon-"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li> - <li><i class="icon-"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li> - <li><i class="icon-"></i> icon-group <span class="muted">(&#xf0c0;)</span></li> - <li><i class="icon-"></i> icon-link <span class="muted">(&#xf0c1;)</span></li> - <li><i class="icon-"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li> - <li><i class="icon-"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li> - <li><i class="icon-"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li> - <li><i class="icon-"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li> - <li><i class="icon-"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li> - <li><i class="icon-"></i> icon-save <span class="muted">(&#xf0c7;)</span></li> - <li><i class="icon-"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li> - <li><i class="icon-"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li> - <li><i class="icon-"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li> - <li><i class="icon-"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li> - <li><i class="icon-"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li> - <li><i class="icon-"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li> - <li><i class="icon-"></i> icon-table <span class="muted">(&#xf0ce;)</span></li> - <li><i class="icon-"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li> - <li><i class="icon-"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li> - <li><i class="icon-"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li> - <li><i class="icon-"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li> - <li><i class="icon-"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li> - <li><i class="icon-"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li> - <li><i class="icon-"></i> icon-money <span class="muted">(&#xf0d6;)</span></li> - <li><i class="icon-"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li> - <li><i class="icon-"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li> - <li><i class="icon-"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li> - <li><i class="icon-"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li> - <li><i class="icon-"></i> icon-columns <span class="muted">(&#xf0db;)</span></li> - <li><i class="icon-"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li> - <li><i class="icon-"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li> - <li><i class="icon-"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li> - <li><i class="icon-"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li> - <li><i class="icon-"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li> - <li><i class="icon-"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li> - <li><i class="icon-"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li> - <li><i class="icon-"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li> - <li><i class="icon-"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li> - <li><i class="icon-"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li> - <li><i class="icon-"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li> - <li><i class="icon-"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li> - <li><i class="icon-"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li> - <li><i class="icon-"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li> - <li><i class="icon-"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li> - <li><i class="icon-"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li> - <li><i class="icon-"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li> - <li><i class="icon-"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li> - <li><i class="icon-"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li> - <li><i class="icon-"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li> - <li><i class="icon-"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li> - <li><i class="icon-"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li> - <li><i class="icon-"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li> - <li><i class="icon-"></i> icon-food <span class="muted">(&#xf0f5;)</span></li> - <li><i class="icon-"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li> - <li><i class="icon-"></i> icon-building <span class="muted">(&#xf0f7;)</span></li> - <li><i class="icon-"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li> - <li><i class="icon-"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li> - <li><i class="icon-"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li> - <li><i class="icon-"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li> - <li><i class="icon-"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li> - <li><i class="icon-"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li> - <li><i class="icon-"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li> - <li><i class="icon-"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li> - <li><i class="icon-"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li> - <li><i class="icon-"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li> - <li><i class="icon-"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li> - <li><i class="icon-"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li> - <li><i class="icon-"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li> - <li><i class="icon-"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li> - <li><i class="icon-"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li> - <li><i class="icon-"></i> icon-desktop <span class="muted">(&#xf108;)</span></li> - <li><i class="icon-"></i> icon-laptop <span class="muted">(&#xf109;)</span></li> - <li><i class="icon-"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li> - <li><i class="icon-"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li> - <li><i class="icon-"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li> - <li><i class="icon-"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li> - <li><i class="icon-"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li> - <li><i class="icon-"></i> icon-spinner <span class="muted">(&#xf110;)</span></li> - <li><i class="icon-"></i> icon-circle <span class="muted">(&#xf111;)</span></li> - <li><i class="icon-"></i> icon-reply <span class="muted">(&#xf112;)</span></li> - </ul> - </div> - </div> - </section> - - - - - - -</div> - -<script src="assets/js/jquery-1.7.1.min.js"></script> -<script src="assets/js/bootstrap-222.min.js"></script> - -</body> -</html>
\ No newline at end of file diff --git a/examples/index.html b/examples/index.html new file mode 100644 index 000000000..ef605c2d9 --- /dev/null +++ b/examples/index.html @@ -0,0 +1,661 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>Font Awesome Examples</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left active"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right active"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-magic icon-large"></i> Examples</h1> + <p>Lots of easy ways to use Font Awesome</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + After you <a href="../get-started/">get up and running</a>, you can place Font Awesome icons just about + anywhere with the <code><i></code> tag. + Many examples appreciatively re-used from the <a href="http://getbootstrap.com">Bootstrap documentation</a>. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div id="new-styles"> + <h2 class="page-header">New Styles in 3.1.0</h2> + <div class="row"> + <div class="span4"> + <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4> + <div class="well well-transparent"> + <i class="icon-shield"></i> normal<br> + <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> + <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> + <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> + <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> + <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical + </div> + </div> + <div class="span4"> + <h4><a href="#stacked">Stacked Icons</a></h4> + <div class="well well-transparent"> + <span class="icon-stack"> + <i class="icon-check-empty icon-stack-base"></i> + <i class="icon-twitter"></i> + </span> + icon-twitter on icon-check-empty<br> + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-flag icon-light"></i> + </span> + icon-flag on icon-circle<br> + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-terminal icon-light"></i> + </span> + icon-terminal on icon-sign-blank + </div> + </div> + <div class="span4"> + <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4> + <div class="well well-transparent"> + <ul class="icons-ul"> + <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li> + <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li> + <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li> + <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li> + </ul> + </div> + </div> + </div> +</div> + + +<section id="inline-icons"> + <h2 class="page-header">Inline Icons</h2> + <div class="row"> + <div class="span3"> + <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> + </div> + <div class="span9"> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-camera-retro"></i> icon-camera-retro + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro"</span><span class="nt">></i></span> icon-camera-retro +</code></pre></div> + <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> + </div> + </div> +</section> + +<section id="larger-icons"> + <h2 class="page-header">Larger Icons</h2> + <div class="row"> + <div class="span3"> + <p> + To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, + <code>icon-3x</code>, or <code>icon-4x</code>. + </p> + </div> + <div class="span9"> + <p> + Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, + <code>icon-3x</code>, or <code>icon-4x</code> classes. + </p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-large"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span> +<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-2x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span> +<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-3x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span> +<span class="nt"><p><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro icon-4x"</span><span class="nt">></i></span> icon-camera-retro<span class="nt"></p></span> +</code></pre></div> + <div class="alert alert-info"> + <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. + </div> + </div> + </div> +</section> + +<section id="bordered-pulled"> + <h2 class="page-header">Bordered & Pulled Icons</h2> + <div class="row"> + <div class="span3"> + <p> + Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or + article graphics. + </p> + </div> + <div class="span9"> + <div class="well well-large well-transparent"> + <i class="icon-quote-left icon-4x pull-left icon-muted"></i> + Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. + Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all + of them in any combination to get lots of new possibilities. + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-left icon-4x pull-left icon-muted"</span><span class="nt">></i></span> +Use a few of the new styles together ... lots of new possibilities. +</code></pre></div> + <div class="well well-large well-transparent"> + <i class="icon-flag icon-4x pull-left icon-border"></i> + Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. + Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all + of them in any combination to get lots of new possibilities. + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-4x pull-left icon-border"</span><span class="nt">></i></span> +Use a few of the new styles together ... lots of new possibilities. +</code></pre></div> + </div> + </div> +</section> + +<section id="buttons"> + <h2 class="page-header">Buttons</h2> + <div class="row"> + <div class="span3"> + <p> + <a class="btn" href="#"> + <i class="icon-repeat"></i> Reload</a> + <a class="btn btn-success" href="#"> + <i class="icon-shopping-cart icon-large"></i> Checkout</a> + </p> + <p> + <a class="btn btn-large btn-primary" href="#"> + <i class="icon-comment"></i> Comment</a> + <a class="btn btn-small btn-info" href="#"> + <i class="icon-info-sign"></i> Info</a> + </p> + <p> + <a class="btn btn-danger" href="#"> + <i class="icon-trash icon-large"></i> Delete</a> + <a class="btn btn-small" href="#"> + <i class="icon-cog"></i> Settings</a> + </p> + <p> + <a class="btn btn-large btn-danger" href="#"> + <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version 3.1.0</a> + </p> + <p> + <a class="btn btn-primary" href="#"> + <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> + </p> + </div> + <div class="span9"> + <p> + Font Awesome icons work great in buttons. You can even combine them with larger icon styles, + <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. + </p> +<div class="highlight"><pre><code class="html"><span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-repeat"</span><span class="nt">></i></span> Reload<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-success"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shopping-cart icon-large"</span><span class="nt">></i></span> Checkout<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-large btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment"</span><span class="nt">></i></span> Comment<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-small btn-info"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info-sign"</span><span class="nt">></i></span> Info<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trash icon-large"</span><span class="nt">></i></span> Delete<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-small"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cog"</span><span class="nt">></i></span> Settings<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-large btn-danger"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-2x pull-left"</span><span class="nt">></i></span> Font Awesome<span class="nt"><br></span>Version 3.1.0<span class="nt"></a></span> +<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-refresh icon-spin"</span><span class="nt">></i></span> Synchronizing Content...<span class="nt"></a></span> +</code></pre></div> + </div> + </div> +</section> + +<section id="button-groups"> + <h2 class="page-header">Button Groups</h2> + <div class="row"> + <div class="span3"> + <p> + <div class="btn-group"> + <a class="btn" href="#"><i class="icon-align-left"></i></a> + <a class="btn" href="#"><i class="icon-align-center"></i></a> + <a class="btn" href="#"><i class="icon-align-right"></i></a> + <a class="btn" href="#"><i class="icon-align-justify"></i></a> + </div> + </p> + </div> + <div class="span9"> +<div class="highlight"><pre><code class="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-group"</span><span class="nt">></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-left"</span><span class="nt">></i></a></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-center"</span><span class="nt">></i></a></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-right"</span><span class="nt">></i></a></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-align-justify"</span><span class="nt">></i></a></span> +<span class="nt"></div></span> +</code></pre></div> + </div> + </div> +</section> + +<section id="button-dropdowns"> + <h2 class="page-header">Button Dropdowns</h2> + <div class="row"> + <div class="span3"> + <div class="btn-group open"> + <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="icon-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> + <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> + <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> + </div> + </div> + <div class="span9"> +<div class="highlight"><pre><code class="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-group open"</span><span class="nt">></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-user"</span><span class="nt">></i></span> User<span class="nt"></a></span> + <span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-primary dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span> + <span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-caret-down"</span><span class="nt">></span></a></span> + <span class="nt"><ul</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-pencil"</span><span class="nt">></i></span> Edit<span class="nt"></a></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-trash"</span><span class="nt">></i></span> Delete<span class="nt"></a></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-ban-circle"</span><span class="nt">></i></span> Ban<span class="nt"></a></li></span> + <span class="nt"><li</span> <span class="na">class=</span><span class="s">"divider"</span><span class="nt">></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"i"</span><span class="nt">></i></span> Make admin<span class="nt"></a></li></span> + <span class="nt"></ul></span> +<span class="nt"></div></span> +</code></pre></div> + <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div> + </div> + </div> +</section> + +<section id="bulleted-lists"> + <h2 class="page-header">Bulleted Lists</h2> + <div class="row"> + <div class="span12"> + </div> + <div class="span3"> + <ul class="icons-ul"> + <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li> + <li><i class="icon-li icon-ok"></i>Buttons</li> + <li><i class="icon-li icon-ok"></i>Button groups</li> + <li><i class="icon-li icon-ok"></i>Navigation</li> + <li><i class="icon-li icon-ok"></i>Prepended form inputs</li> + <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li> + </ul> + </div> + <div class="span9"> + <p>Easily replace individual bullets.</p> +<div class="highlight"><pre><code class="html"><span class="nt"><ul</span> <span class="na">class=</span><span class="s">"icons-ul"</span><span class="nt">></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Bulleted lists (like this one)<span class="nt"></li></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Buttons<span class="nt"></li></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Button groups<span class="nt"></li></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Navigation<span class="nt"></li></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span>Prepended form inputs<span class="nt"></li></span> + <span class="nt"><li><i</span> <span class="na">class=</span><span class="s">"icon-li icon-ok"</span><span class="nt">></i></span><span class="ni">&hellip;</span>and many more with custom CSS<span class="nt"></li></span> +<span class="nt"></ul></span> +</code></pre></div> + </div> + </div> +</section> + +<section id="navigation"> + <h2 class="page-header">Navigation</h2> + <div class="row"> + <div class="span3"> + <div class="well" style="padding: 8px 0;"> + <ul class="nav nav-list"> + <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li> + <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li> + <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li> + <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li> + </ul> + </div> + </div> + <div class="span9"> + <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> +<div class="highlight"><pre><code class="html"><span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-list"</span><span class="nt">></span> + <span class="nt"><li</span> <span class="na">class=</span><span class="s">"active"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-home"</span><span class="nt">></i></span> Home<span class="nt"></a></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-book"</span><span class="nt">></i></span> Library<span class="nt"></a></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-pencil"</span><span class="nt">></i></span> Applications<span class="nt"></a></li></span> + <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-fixed-width icon-cogs"</span><span class="nt">></i></span> Settings<span class="nt"></a></li></span> +<span class="nt"></ul></span> +</code></pre></div> + </div> + </div> +</section> + +<section id="form-inputs"> + <h2 class="page-header">Prepended & Appended Form Inputs</h2> + <div class="row"> + <div class="span3"> + <form> + <div class="input-prepend"> + <span class="add-on"><i class="icon-envelope"></i></span> + <input class="span2" type="text" placeholder="Email address"> + </div> + <div class="input-prepend"> + <span class="add-on"><i class="icon-key"></i></span> + <input class="span2" type="password" placeholder="Password"> + </div> + </form> + </div> + <div class="span9"> +<div class="highlight"><pre><code class="html"><span class="nt"><form></span> + <span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-prepend"</span><span class="nt">></span> + <span class="nt"><span</span> <span class="na">class=</span><span class="s">"add-on"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-envelope"</span><span class="nt">></i></span></span> + <span class="nt"><input</span> <span class="na">class=</span><span class="s">"span2"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">placeholder=</span><span class="s">"Email address"</span><span class="nt">></span> + <span class="nt"></div></span> + <span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-prepend"</span><span class="nt">></span> + <span class="nt"><span</span> <span class="na">class=</span><span class="s">"add-on"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"icon-key"</span><span class="nt">></i></span></span> + <span class="nt"><input</span> <span class="na">class=</span><span class="s">"span2"</span> <span class="na">type=</span><span class="s">"password"</span> <span class="na">placeholder=</span><span class="s">"Password"</span><span class="nt">></span> + <span class="nt"></div></span> +<span class="nt"></form></span> +</code></pre></div> + </div> + </div> +</section> + +<section id="animated-spinner"> + <h2 class="page-header">Animated Spinner</h2> + <div class="row"> + <div class="span3"> + Use the <code>icon-spin</code> class to get any icon to rotate. Works well with <code>icon-spinner</code> and + <code>icon-refresh</code>. + </div> + <div class="span9"> + <div class="well well-large well-transparent lead"> + <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content... + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-spinner icon-spin icon-large"</span><span class="nt">></i></span> Spinner icon when loading content... +</code></pre></div> + <p class="alert alert-info"> + <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9. + </p> + </div> + </div> +</section> + +<section id="rotated-flipped"> + <h2 class="page-header">Rotated & Flipped</h2> + <div class="row"> + <div class="span3"> + A set of classes that can be used to arbitrarily rotate and flip icons. + </div> + <div class="span9"> + <div class="well well-large well-transparent lead"> + <i class="icon-shield"></i> normal<br> + <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> + <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> + <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> + <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> + <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> normal<span class="nt"><br></span> +<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-90"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-90<span class="nt"><br></span> +<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-180"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-180<span class="nt"><br></span> +<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-rotate-270"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-rotate-270<span class="nt"><br></span> +<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-flip-horizontal"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-flip-horizontal<span class="nt"><br></span> +<span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield icon-flip-vertical"</span><span class="nt">></i></span><span class="ni">&nbsp;</span> icon-flip-vertical +</code></pre></div> + <p class="alert alert-info"> + <i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7. + </p> + </div> + </div> +</section> + +<section id="stacked"> + <h2 class="page-header">Stacked Icons</h2> + <div class="row"> + <div class="span3"> + A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and + <code>icon-stack-base</code> for the bottom icon. + </div> + <div class="span9"> + <div class="well well-large well-transparent lead"> + <span class="icon-stack"> + <i class="icon-check-empty icon-stack-base"></i> + <i class="icon-twitter"></i> + </span> + icon-twitter on icon-check-empty<br> + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-flag icon-light"></i> + </span> + icon-flag on icon-circle<br> + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-terminal icon-light"></i> + </span> + icon-terminal on icon-sign-blank + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-empty icon-stack-base"</span><span class="nt">></i></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter"</span><span class="nt">></i></span> +<span class="nt"></span></span> +icon-twitter on icon-check-empty<span class="nt"><br></span> +<span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle icon-stack-base"</span><span class="nt">></i></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag icon-light"</span><span class="nt">></i></span> +<span class="nt"></span></span> +icon-flag on icon-circle<span class="nt"><br></span> +<span class="nt"><span</span> <span class="na">class=</span><span class="s">"icon-stack"</span><span class="nt">></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sign-blank icon-stack-base"</span><span class="nt">></i></span> + <span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-terminal icon-light"</span><span class="nt">></i></span> +<span class="nt"></span></span> +icon-terminal on icon-sign-blank +</code></pre></div> + </div> + </div> +</section> + +<section id="custom"> + <h2 class="page-header">Custom CSS</h2> + <div class="row"> + <div class="span3"> + <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p> + </div> + <div class="span9"> + <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p> + <div class="well"> + <span class="rating"> + <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> + </span> + </div> + </div> + </div> +</section> + + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> diff --git a/get-started/index.html b/get-started/index.html new file mode 100644 index 000000000..5754b76f9 --- /dev/null +++ b/get-started/index.html @@ -0,0 +1,294 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>Get Started with Font Awesome</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li class="active"><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-cogs icon-large"></i> Get Started</h1> + <p>Easy ways to get Font Awesome 3.1.0 onto your website</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and + customize the LESS yourself! Font Awesome even plays nicely with + <a href="http://getbootstrap.com">Bootstrap</a>! +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div id="bootstrapcdn"> + <h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2> + <p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p> + <ol> + <li> + Paste the following code into the <code><head></code> section of your site's HTML. +<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">href=</span><span class="s">"//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span> +<span class="nt"><link</span> <span class="na">href=</span><span class="s">"//netdna.bootstrapcdn.com/font-awesome/3.1.0/css/font-awesome.css"</span> <span class="na">rel=</span><span class="s">"stylesheet"</span><span class="nt">></span> +</code></pre></div> + <div class="alert alert-info margin-top"> + <i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just don't include the first line. + </div> + </li> + <li> + Pat yourself on the back for your scalable-vector-icons-on-the-website + <a href="http://37signals.com/svn/posts/312-lingo-judo">judo solution</a> in two lines of code. + </li> + <li> + Check out the <a href="../examples/">examples</a> to start using Font Awesome! + </li> + </ol> +</div> + +<section id="default-css"> + <h2 class="page-header">EASY: Default CSS</h2> + <p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p> + <ol> + <li>Copy the <code>font-awesome</code> directory into your project.</li> + <li> + In the <code><head></code> of your html, reference the location to your font-awesome.min.css. +<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/bootstrap/css/bootstrap.min.css"</span><span class="nt">></span> +<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/font-awesome/css/font-awesome.min.css"</span><span class="nt">></span> +</code></pre></div> + </li> + <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li> + </ol> +</section> + +<section id="custom-less"> + <h2 class="page-header">PRO: Custom LESS</h2> + <p>Use this method to customize Font Awesome and Bootstrap 2.3.1 using LESS.</p> + <ol> + <li>Copy the <code>font-awesome</code> directory into your project.</li> + <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li> + <li> + Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. +<div class="highlight"><pre><code class="html">@FontAwesomePath: "../font"; +</code></pre></div> + <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> + </li> + <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li> + <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li> + </ol> +</section> + +<section id="not-using-bootstrap"> + <h2 class="page-header">Not using Bootstrap?</h2> + <p>Font Awesome works just as well without Bootstrap.</p> + <ol> + <li>Copy the <code>font-awesome</code> directory into your project.</li> + <li>Follow the above directions and skip the Bootstrap parts.</li> + <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li> + <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li> + </ol> +</section> + +<section class="need-ie7"> + <h2 class="page-header">Need IE7 Support?</h2> + <p>Font Awesome supports IE7. If you need it, you have my condolences.</p> + <ol> + <li>Get Font Awesome working properly in a modern browser.</li> + <li>Copy font-awesome-ie7.min.css into your project.</li> + <li> + In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css. +<div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/bootstrap/css/bootstrap.min.css"</span><span class="nt">></span> +<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"path/to/font-awesome/css/font-awesome.min.css"</span><span class="nt">></span> +<span class="c"><!--[if IE 7]></span> +<span class="c"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css"></span> +<span class="c"><![endif]--></span> +</code></pre></div> + </li> + <li>Go complain to whoever decided your project needs IE7 support.</li> + </ol> +</section> + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/adjust/index.html b/icon/adjust/index.html new file mode 100644 index 000000000..0ec858794 --- /dev/null +++ b/icon/adjust/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-adjust: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-adjust icon-6"></i> + <i class="icon-adjust icon-5"></i> + <i class="icon-adjust icon-4"></i> + <i class="icon-adjust icon-3"></i> + <i class="icon-adjust icon-2"></i> + <i class="icon-adjust icon-1"></i> + </div> + <h1 class="info-class"> + icon-adjust + <small> + <i class="icon-adjust"></i> · + Unicode: <span class="upper">f042</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-adjust"></i> icon-adjust + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-adjust"</span><span class="nt">></i></span> icon-adjust +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/align-center/index.html b/icon/align-center/index.html new file mode 100644 index 000000000..edfb81ee8 --- /dev/null +++ b/icon/align-center/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-align-center: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-align-center icon-6"></i> + <i class="icon-align-center icon-5"></i> + <i class="icon-align-center icon-4"></i> + <i class="icon-align-center icon-3"></i> + <i class="icon-align-center icon-2"></i> + <i class="icon-align-center icon-1"></i> + </div> + <h1 class="info-class"> + icon-align-center + <small> + <i class="icon-align-center"></i> · + Unicode: <span class="upper">f037</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-align-center"></i> icon-align-center + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-center"</span><span class="nt">></i></span> icon-align-center +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/align-justify/index.html b/icon/align-justify/index.html new file mode 100644 index 000000000..fc4631ff0 --- /dev/null +++ b/icon/align-justify/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-align-justify: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-align-justify icon-6"></i> + <i class="icon-align-justify icon-5"></i> + <i class="icon-align-justify icon-4"></i> + <i class="icon-align-justify icon-3"></i> + <i class="icon-align-justify icon-2"></i> + <i class="icon-align-justify icon-1"></i> + </div> + <h1 class="info-class"> + icon-align-justify + <small> + <i class="icon-align-justify"></i> · + Unicode: <span class="upper">f039</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-align-justify"></i> icon-align-justify + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-justify"</span><span class="nt">></i></span> icon-align-justify +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/align-left/index.html b/icon/align-left/index.html new file mode 100644 index 000000000..787dcb934 --- /dev/null +++ b/icon/align-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-align-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-align-left icon-6"></i> + <i class="icon-align-left icon-5"></i> + <i class="icon-align-left icon-4"></i> + <i class="icon-align-left icon-3"></i> + <i class="icon-align-left icon-2"></i> + <i class="icon-align-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-align-left + <small> + <i class="icon-align-left"></i> · + Unicode: <span class="upper">f036</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-align-left"></i> icon-align-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-left"</span><span class="nt">></i></span> icon-align-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/align-right/index.html b/icon/align-right/index.html new file mode 100644 index 000000000..e1d18284b --- /dev/null +++ b/icon/align-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-align-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-align-right icon-6"></i> + <i class="icon-align-right icon-5"></i> + <i class="icon-align-right icon-4"></i> + <i class="icon-align-right icon-3"></i> + <i class="icon-align-right icon-2"></i> + <i class="icon-align-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-align-right + <small> + <i class="icon-align-right"></i> · + Unicode: <span class="upper">f038</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-align-right"></i> icon-align-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-align-right"</span><span class="nt">></i></span> icon-align-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ambulance/index.html b/icon/ambulance/index.html new file mode 100644 index 000000000..85d0a7eba --- /dev/null +++ b/icon/ambulance/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ambulance: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ambulance icon-6"></i> + <i class="icon-ambulance icon-5"></i> + <i class="icon-ambulance icon-4"></i> + <i class="icon-ambulance icon-3"></i> + <i class="icon-ambulance icon-2"></i> + <i class="icon-ambulance icon-1"></i> + </div> + <h1 class="info-class"> + icon-ambulance + <small> + <i class="icon-ambulance"></i> · + Unicode: <span class="upper">f0f9</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ambulance"></i> icon-ambulance + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ambulance"</span><span class="nt">></i></span> icon-ambulance +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/anchor/index.html b/icon/anchor/index.html new file mode 100644 index 000000000..fc41b7209 --- /dev/null +++ b/icon/anchor/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-anchor: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-anchor icon-6"></i> + <i class="icon-anchor icon-5"></i> + <i class="icon-anchor icon-4"></i> + <i class="icon-anchor icon-3"></i> + <i class="icon-anchor icon-2"></i> + <i class="icon-anchor icon-1"></i> + </div> + <h1 class="info-class"> + icon-anchor + <small> + <i class="icon-anchor"></i> · + Unicode: <span class="upper">f13d</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-anchor"></i> icon-anchor + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-anchor"</span><span class="nt">></i></span> icon-anchor +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/angle-down/index.html b/icon/angle-down/index.html new file mode 100644 index 000000000..55c13ac3b --- /dev/null +++ b/icon/angle-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-angle-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-angle-down icon-6"></i> + <i class="icon-angle-down icon-5"></i> + <i class="icon-angle-down icon-4"></i> + <i class="icon-angle-down icon-3"></i> + <i class="icon-angle-down icon-2"></i> + <i class="icon-angle-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-angle-down + <small> + <i class="icon-angle-down"></i> · + Unicode: <span class="upper">f107</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-angle-down"></i> icon-angle-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-down"</span><span class="nt">></i></span> icon-angle-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/angle-left/index.html b/icon/angle-left/index.html new file mode 100644 index 000000000..767a3c83a --- /dev/null +++ b/icon/angle-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-angle-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-angle-left icon-6"></i> + <i class="icon-angle-left icon-5"></i> + <i class="icon-angle-left icon-4"></i> + <i class="icon-angle-left icon-3"></i> + <i class="icon-angle-left icon-2"></i> + <i class="icon-angle-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-angle-left + <small> + <i class="icon-angle-left"></i> · + Unicode: <span class="upper">f104</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-angle-left"></i> icon-angle-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-left"</span><span class="nt">></i></span> icon-angle-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/angle-right/index.html b/icon/angle-right/index.html new file mode 100644 index 000000000..b577c829b --- /dev/null +++ b/icon/angle-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-angle-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-angle-right icon-6"></i> + <i class="icon-angle-right icon-5"></i> + <i class="icon-angle-right icon-4"></i> + <i class="icon-angle-right icon-3"></i> + <i class="icon-angle-right icon-2"></i> + <i class="icon-angle-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-angle-right + <small> + <i class="icon-angle-right"></i> · + Unicode: <span class="upper">f105</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-angle-right"></i> icon-angle-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-right"</span><span class="nt">></i></span> icon-angle-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/angle-up/index.html b/icon/angle-up/index.html new file mode 100644 index 000000000..45c75564b --- /dev/null +++ b/icon/angle-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-angle-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-angle-up icon-6"></i> + <i class="icon-angle-up icon-5"></i> + <i class="icon-angle-up icon-4"></i> + <i class="icon-angle-up icon-3"></i> + <i class="icon-angle-up icon-2"></i> + <i class="icon-angle-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-angle-up + <small> + <i class="icon-angle-up"></i> · + Unicode: <span class="upper">f106</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-angle-up"></i> icon-angle-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-angle-up"</span><span class="nt">></i></span> icon-angle-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/arrow-down/index.html b/icon/arrow-down/index.html new file mode 100644 index 000000000..5dd1f410f --- /dev/null +++ b/icon/arrow-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-arrow-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-arrow-down icon-6"></i> + <i class="icon-arrow-down icon-5"></i> + <i class="icon-arrow-down icon-4"></i> + <i class="icon-arrow-down icon-3"></i> + <i class="icon-arrow-down icon-2"></i> + <i class="icon-arrow-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-arrow-down + <small> + <i class="icon-arrow-down"></i> · + Unicode: <span class="upper">f063</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-arrow-down"></i> icon-arrow-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-down"</span><span class="nt">></i></span> icon-arrow-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/arrow-left/index.html b/icon/arrow-left/index.html new file mode 100644 index 000000000..350f0608e --- /dev/null +++ b/icon/arrow-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-arrow-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-arrow-left icon-6"></i> + <i class="icon-arrow-left icon-5"></i> + <i class="icon-arrow-left icon-4"></i> + <i class="icon-arrow-left icon-3"></i> + <i class="icon-arrow-left icon-2"></i> + <i class="icon-arrow-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-arrow-left + <small> + <i class="icon-arrow-left"></i> · + Unicode: <span class="upper">f060</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-arrow-left"></i> icon-arrow-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-left"</span><span class="nt">></i></span> icon-arrow-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/arrow-right/index.html b/icon/arrow-right/index.html new file mode 100644 index 000000000..95bf6ecb1 --- /dev/null +++ b/icon/arrow-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-arrow-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-arrow-right icon-6"></i> + <i class="icon-arrow-right icon-5"></i> + <i class="icon-arrow-right icon-4"></i> + <i class="icon-arrow-right icon-3"></i> + <i class="icon-arrow-right icon-2"></i> + <i class="icon-arrow-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-arrow-right + <small> + <i class="icon-arrow-right"></i> · + Unicode: <span class="upper">f061</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-arrow-right"></i> icon-arrow-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-right"</span><span class="nt">></i></span> icon-arrow-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/arrow-up/index.html b/icon/arrow-up/index.html new file mode 100644 index 000000000..61b54caa4 --- /dev/null +++ b/icon/arrow-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-arrow-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-arrow-up icon-6"></i> + <i class="icon-arrow-up icon-5"></i> + <i class="icon-arrow-up icon-4"></i> + <i class="icon-arrow-up icon-3"></i> + <i class="icon-arrow-up icon-2"></i> + <i class="icon-arrow-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-arrow-up + <small> + <i class="icon-arrow-up"></i> · + Unicode: <span class="upper">f062</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-arrow-up"></i> icon-arrow-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-arrow-up"</span><span class="nt">></i></span> icon-arrow-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/asterisk/index.html b/icon/asterisk/index.html new file mode 100644 index 000000000..4271a62e5 --- /dev/null +++ b/icon/asterisk/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-asterisk: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-asterisk icon-6"></i> + <i class="icon-asterisk icon-5"></i> + <i class="icon-asterisk icon-4"></i> + <i class="icon-asterisk icon-3"></i> + <i class="icon-asterisk icon-2"></i> + <i class="icon-asterisk icon-1"></i> + </div> + <h1 class="info-class"> + icon-asterisk + <small> + <i class="icon-asterisk"></i> · + Unicode: <span class="upper">f069</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-asterisk"></i> icon-asterisk + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-asterisk"</span><span class="nt">></i></span> icon-asterisk +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/backward/index.html b/icon/backward/index.html new file mode 100644 index 000000000..ac2723f84 --- /dev/null +++ b/icon/backward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-backward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-backward icon-6"></i> + <i class="icon-backward icon-5"></i> + <i class="icon-backward icon-4"></i> + <i class="icon-backward icon-3"></i> + <i class="icon-backward icon-2"></i> + <i class="icon-backward icon-1"></i> + </div> + <h1 class="info-class"> + icon-backward + <small> + <i class="icon-backward"></i> · + Unicode: <span class="upper">f04a</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-backward"></i> icon-backward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-backward"</span><span class="nt">></i></span> icon-backward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ban-circle/index.html b/icon/ban-circle/index.html new file mode 100644 index 000000000..93871ee9e --- /dev/null +++ b/icon/ban-circle/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ban-circle: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ban-circle icon-6"></i> + <i class="icon-ban-circle icon-5"></i> + <i class="icon-ban-circle icon-4"></i> + <i class="icon-ban-circle icon-3"></i> + <i class="icon-ban-circle icon-2"></i> + <i class="icon-ban-circle icon-1"></i> + </div> + <h1 class="info-class"> + icon-ban-circle + <small> + <i class="icon-ban-circle"></i> · + Unicode: <span class="upper">f05e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ban-circle"></i> icon-ban-circle + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ban-circle"</span><span class="nt">></i></span> icon-ban-circle +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bar-chart/index.html b/icon/bar-chart/index.html new file mode 100644 index 000000000..6a2a305d7 --- /dev/null +++ b/icon/bar-chart/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bar-chart: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bar-chart icon-6"></i> + <i class="icon-bar-chart icon-5"></i> + <i class="icon-bar-chart icon-4"></i> + <i class="icon-bar-chart icon-3"></i> + <i class="icon-bar-chart icon-2"></i> + <i class="icon-bar-chart icon-1"></i> + </div> + <h1 class="info-class"> + icon-bar-chart + <small> + <i class="icon-bar-chart"></i> · + Unicode: <span class="upper">f080</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bar-chart"></i> icon-bar-chart + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bar-chart"</span><span class="nt">></i></span> icon-bar-chart +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/barcode/index.html b/icon/barcode/index.html new file mode 100644 index 000000000..e3b95c68e --- /dev/null +++ b/icon/barcode/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-barcode: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-barcode icon-6"></i> + <i class="icon-barcode icon-5"></i> + <i class="icon-barcode icon-4"></i> + <i class="icon-barcode icon-3"></i> + <i class="icon-barcode icon-2"></i> + <i class="icon-barcode icon-1"></i> + </div> + <h1 class="info-class"> + icon-barcode + <small> + <i class="icon-barcode"></i> · + Unicode: <span class="upper">f02a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-barcode"></i> icon-barcode + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-barcode"</span><span class="nt">></i></span> icon-barcode +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/beaker/index.html b/icon/beaker/index.html new file mode 100644 index 000000000..5a30cbaa4 --- /dev/null +++ b/icon/beaker/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-beaker: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-beaker icon-6"></i> + <i class="icon-beaker icon-5"></i> + <i class="icon-beaker icon-4"></i> + <i class="icon-beaker icon-3"></i> + <i class="icon-beaker icon-2"></i> + <i class="icon-beaker icon-1"></i> + </div> + <h1 class="info-class"> + icon-beaker + <small> + <i class="icon-beaker"></i> · + Unicode: <span class="upper">f0c3</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-beaker"></i> icon-beaker + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-beaker"</span><span class="nt">></i></span> icon-beaker +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/beer/index.html b/icon/beer/index.html new file mode 100644 index 000000000..ce3288819 --- /dev/null +++ b/icon/beer/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-beer: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-beer icon-6"></i> + <i class="icon-beer icon-5"></i> + <i class="icon-beer icon-4"></i> + <i class="icon-beer icon-3"></i> + <i class="icon-beer icon-2"></i> + <i class="icon-beer icon-1"></i> + </div> + <h1 class="info-class"> + icon-beer + <small> + <i class="icon-beer"></i> · + Unicode: <span class="upper">f0fc</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-beer"></i> icon-beer + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-beer"</span><span class="nt">></i></span> icon-beer +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bell-alt/index.html b/icon/bell-alt/index.html new file mode 100644 index 000000000..b43f5d55c --- /dev/null +++ b/icon/bell-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bell-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bell-alt icon-6"></i> + <i class="icon-bell-alt icon-5"></i> + <i class="icon-bell-alt icon-4"></i> + <i class="icon-bell-alt icon-3"></i> + <i class="icon-bell-alt icon-2"></i> + <i class="icon-bell-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-bell-alt + <small> + <i class="icon-bell-alt"></i> · + Unicode: <span class="upper">f0f3</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bell-alt"></i> icon-bell-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bell-alt"</span><span class="nt">></i></span> icon-bell-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bell/index.html b/icon/bell/index.html new file mode 100644 index 000000000..014769308 --- /dev/null +++ b/icon/bell/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bell: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bell icon-6"></i> + <i class="icon-bell icon-5"></i> + <i class="icon-bell icon-4"></i> + <i class="icon-bell icon-3"></i> + <i class="icon-bell icon-2"></i> + <i class="icon-bell icon-1"></i> + </div> + <h1 class="info-class"> + icon-bell + <small> + <i class="icon-bell"></i> · + Unicode: <span class="upper">f0a2</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bell"></i> icon-bell + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bell"</span><span class="nt">></i></span> icon-bell +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bold/index.html b/icon/bold/index.html new file mode 100644 index 000000000..c42b986f9 --- /dev/null +++ b/icon/bold/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bold: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bold icon-6"></i> + <i class="icon-bold icon-5"></i> + <i class="icon-bold icon-4"></i> + <i class="icon-bold icon-3"></i> + <i class="icon-bold icon-2"></i> + <i class="icon-bold icon-1"></i> + </div> + <h1 class="info-class"> + icon-bold + <small> + <i class="icon-bold"></i> · + Unicode: <span class="upper">f032</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bold"></i> icon-bold + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bold"</span><span class="nt">></i></span> icon-bold +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bolt/index.html b/icon/bolt/index.html new file mode 100644 index 000000000..94616ca34 --- /dev/null +++ b/icon/bolt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bolt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bolt icon-6"></i> + <i class="icon-bolt icon-5"></i> + <i class="icon-bolt icon-4"></i> + <i class="icon-bolt icon-3"></i> + <i class="icon-bolt icon-2"></i> + <i class="icon-bolt icon-1"></i> + </div> + <h1 class="info-class"> + icon-bolt + <small> + <i class="icon-bolt"></i> · + Unicode: <span class="upper">f0e7</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bolt"></i> icon-bolt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bolt"</span><span class="nt">></i></span> icon-bolt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/book/index.html b/icon/book/index.html new file mode 100644 index 000000000..6ccbee2bb --- /dev/null +++ b/icon/book/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-book: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-book icon-6"></i> + <i class="icon-book icon-5"></i> + <i class="icon-book icon-4"></i> + <i class="icon-book icon-3"></i> + <i class="icon-book icon-2"></i> + <i class="icon-book icon-1"></i> + </div> + <h1 class="info-class"> + icon-book + <small> + <i class="icon-book"></i> · + Unicode: <span class="upper">f02d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-book"></i> icon-book + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-book"</span><span class="nt">></i></span> icon-book +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bookmark-empty/index.html b/icon/bookmark-empty/index.html new file mode 100644 index 000000000..7f15a586d --- /dev/null +++ b/icon/bookmark-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bookmark-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bookmark-empty icon-6"></i> + <i class="icon-bookmark-empty icon-5"></i> + <i class="icon-bookmark-empty icon-4"></i> + <i class="icon-bookmark-empty icon-3"></i> + <i class="icon-bookmark-empty icon-2"></i> + <i class="icon-bookmark-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-bookmark-empty + <small> + <i class="icon-bookmark-empty"></i> · + Unicode: <span class="upper">f097</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bookmark-empty"></i> icon-bookmark-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bookmark-empty"</span><span class="nt">></i></span> icon-bookmark-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bookmark/index.html b/icon/bookmark/index.html new file mode 100644 index 000000000..4e4961cfe --- /dev/null +++ b/icon/bookmark/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bookmark: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bookmark icon-6"></i> + <i class="icon-bookmark icon-5"></i> + <i class="icon-bookmark icon-4"></i> + <i class="icon-bookmark icon-3"></i> + <i class="icon-bookmark icon-2"></i> + <i class="icon-bookmark icon-1"></i> + </div> + <h1 class="info-class"> + icon-bookmark + <small> + <i class="icon-bookmark"></i> · + Unicode: <span class="upper">f02e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bookmark"></i> icon-bookmark + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bookmark"</span><span class="nt">></i></span> icon-bookmark +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/briefcase/index.html b/icon/briefcase/index.html new file mode 100644 index 000000000..af30983ba --- /dev/null +++ b/icon/briefcase/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-briefcase: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-briefcase icon-6"></i> + <i class="icon-briefcase icon-5"></i> + <i class="icon-briefcase icon-4"></i> + <i class="icon-briefcase icon-3"></i> + <i class="icon-briefcase icon-2"></i> + <i class="icon-briefcase icon-1"></i> + </div> + <h1 class="info-class"> + icon-briefcase + <small> + <i class="icon-briefcase"></i> · + Unicode: <span class="upper">f0b1</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-briefcase"></i> icon-briefcase + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-briefcase"</span><span class="nt">></i></span> icon-briefcase +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/building/index.html b/icon/building/index.html new file mode 100644 index 000000000..97d7790be --- /dev/null +++ b/icon/building/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-building: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-building icon-6"></i> + <i class="icon-building icon-5"></i> + <i class="icon-building icon-4"></i> + <i class="icon-building icon-3"></i> + <i class="icon-building icon-2"></i> + <i class="icon-building icon-1"></i> + </div> + <h1 class="info-class"> + icon-building + <small> + <i class="icon-building"></i> · + Unicode: <span class="upper">f0f7</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-building"></i> icon-building + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-building"</span><span class="nt">></i></span> icon-building +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bullhorn/index.html b/icon/bullhorn/index.html new file mode 100644 index 000000000..83746414f --- /dev/null +++ b/icon/bullhorn/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bullhorn: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bullhorn icon-6"></i> + <i class="icon-bullhorn icon-5"></i> + <i class="icon-bullhorn icon-4"></i> + <i class="icon-bullhorn icon-3"></i> + <i class="icon-bullhorn icon-2"></i> + <i class="icon-bullhorn icon-1"></i> + </div> + <h1 class="info-class"> + icon-bullhorn + <small> + <i class="icon-bullhorn"></i> · + Unicode: <span class="upper">f0a1</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bullhorn"></i> icon-bullhorn + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bullhorn"</span><span class="nt">></i></span> icon-bullhorn +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/bullseye/index.html b/icon/bullseye/index.html new file mode 100644 index 000000000..6312818d9 --- /dev/null +++ b/icon/bullseye/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-bullseye: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-bullseye icon-6"></i> + <i class="icon-bullseye icon-5"></i> + <i class="icon-bullseye icon-4"></i> + <i class="icon-bullseye icon-3"></i> + <i class="icon-bullseye icon-2"></i> + <i class="icon-bullseye icon-1"></i> + </div> + <h1 class="info-class"> + icon-bullseye + <small> + <i class="icon-bullseye"></i> · + Unicode: <span class="upper">f140</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-bullseye"></i> icon-bullseye + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-bullseye"</span><span class="nt">></i></span> icon-bullseye +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/calendar-empty/index.html b/icon/calendar-empty/index.html new file mode 100644 index 000000000..7d404de72 --- /dev/null +++ b/icon/calendar-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-calendar-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-calendar-empty icon-6"></i> + <i class="icon-calendar-empty icon-5"></i> + <i class="icon-calendar-empty icon-4"></i> + <i class="icon-calendar-empty icon-3"></i> + <i class="icon-calendar-empty icon-2"></i> + <i class="icon-calendar-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-calendar-empty + <small> + <i class="icon-calendar-empty"></i> · + Unicode: <span class="upper">f133</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-calendar-empty"></i> icon-calendar-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-calendar-empty"</span><span class="nt">></i></span> icon-calendar-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/calendar/index.html b/icon/calendar/index.html new file mode 100644 index 000000000..9d37f9ced --- /dev/null +++ b/icon/calendar/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-calendar: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-calendar icon-6"></i> + <i class="icon-calendar icon-5"></i> + <i class="icon-calendar icon-4"></i> + <i class="icon-calendar icon-3"></i> + <i class="icon-calendar icon-2"></i> + <i class="icon-calendar icon-1"></i> + </div> + <h1 class="info-class"> + icon-calendar + <small> + <i class="icon-calendar"></i> · + Unicode: <span class="upper">f073</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-calendar"></i> icon-calendar + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-calendar"</span><span class="nt">></i></span> icon-calendar +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/camera-retro/index.html b/icon/camera-retro/index.html new file mode 100644 index 000000000..2eb0fd4b1 --- /dev/null +++ b/icon/camera-retro/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-camera-retro: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-camera-retro icon-6"></i> + <i class="icon-camera-retro icon-5"></i> + <i class="icon-camera-retro icon-4"></i> + <i class="icon-camera-retro icon-3"></i> + <i class="icon-camera-retro icon-2"></i> + <i class="icon-camera-retro icon-1"></i> + </div> + <h1 class="info-class"> + icon-camera-retro + <small> + <i class="icon-camera-retro"></i> · + Unicode: <span class="upper">f083</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-camera-retro"></i> icon-camera-retro + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera-retro"</span><span class="nt">></i></span> icon-camera-retro +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/camera/index.html b/icon/camera/index.html new file mode 100644 index 000000000..4598e0f5e --- /dev/null +++ b/icon/camera/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-camera: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-camera icon-6"></i> + <i class="icon-camera icon-5"></i> + <i class="icon-camera icon-4"></i> + <i class="icon-camera icon-3"></i> + <i class="icon-camera icon-2"></i> + <i class="icon-camera icon-1"></i> + </div> + <h1 class="info-class"> + icon-camera + <small> + <i class="icon-camera"></i> · + Unicode: <span class="upper">f030</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-camera"></i> icon-camera + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-camera"</span><span class="nt">></i></span> icon-camera +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/caret-down/index.html b/icon/caret-down/index.html new file mode 100644 index 000000000..fd9449578 --- /dev/null +++ b/icon/caret-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-caret-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-caret-down icon-6"></i> + <i class="icon-caret-down icon-5"></i> + <i class="icon-caret-down icon-4"></i> + <i class="icon-caret-down icon-3"></i> + <i class="icon-caret-down icon-2"></i> + <i class="icon-caret-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-caret-down + <small> + <i class="icon-caret-down"></i> · + Unicode: <span class="upper">f0d7</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-caret-down"></i> icon-caret-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-down"</span><span class="nt">></i></span> icon-caret-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/caret-left/index.html b/icon/caret-left/index.html new file mode 100644 index 000000000..a68431fca --- /dev/null +++ b/icon/caret-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-caret-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-caret-left icon-6"></i> + <i class="icon-caret-left icon-5"></i> + <i class="icon-caret-left icon-4"></i> + <i class="icon-caret-left icon-3"></i> + <i class="icon-caret-left icon-2"></i> + <i class="icon-caret-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-caret-left + <small> + <i class="icon-caret-left"></i> · + Unicode: <span class="upper">f0d9</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-caret-left"></i> icon-caret-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-left"</span><span class="nt">></i></span> icon-caret-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/caret-right/index.html b/icon/caret-right/index.html new file mode 100644 index 000000000..05d92692b --- /dev/null +++ b/icon/caret-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-caret-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-caret-right icon-6"></i> + <i class="icon-caret-right icon-5"></i> + <i class="icon-caret-right icon-4"></i> + <i class="icon-caret-right icon-3"></i> + <i class="icon-caret-right icon-2"></i> + <i class="icon-caret-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-caret-right + <small> + <i class="icon-caret-right"></i> · + Unicode: <span class="upper">f0da</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-caret-right"></i> icon-caret-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-right"</span><span class="nt">></i></span> icon-caret-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/caret-up/index.html b/icon/caret-up/index.html new file mode 100644 index 000000000..f22db4fdb --- /dev/null +++ b/icon/caret-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-caret-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-caret-up icon-6"></i> + <i class="icon-caret-up icon-5"></i> + <i class="icon-caret-up icon-4"></i> + <i class="icon-caret-up icon-3"></i> + <i class="icon-caret-up icon-2"></i> + <i class="icon-caret-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-caret-up + <small> + <i class="icon-caret-up"></i> · + Unicode: <span class="upper">f0d8</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-caret-up"></i> icon-caret-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-caret-up"</span><span class="nt">></i></span> icon-caret-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/certificate/index.html b/icon/certificate/index.html new file mode 100644 index 000000000..084a8bd2c --- /dev/null +++ b/icon/certificate/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-certificate: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-certificate icon-6"></i> + <i class="icon-certificate icon-5"></i> + <i class="icon-certificate icon-4"></i> + <i class="icon-certificate icon-3"></i> + <i class="icon-certificate icon-2"></i> + <i class="icon-certificate icon-1"></i> + </div> + <h1 class="info-class"> + icon-certificate + <small> + <i class="icon-certificate"></i> · + Unicode: <span class="upper">f0a3</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-certificate"></i> icon-certificate + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-certificate"</span><span class="nt">></i></span> icon-certificate +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/check-empty/index.html b/icon/check-empty/index.html new file mode 100644 index 000000000..e4ab5d7af --- /dev/null +++ b/icon/check-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-check-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-check-empty icon-6"></i> + <i class="icon-check-empty icon-5"></i> + <i class="icon-check-empty icon-4"></i> + <i class="icon-check-empty icon-3"></i> + <i class="icon-check-empty icon-2"></i> + <i class="icon-check-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-check-empty + <small> + <i class="icon-check-empty"></i> · + Unicode: <span class="upper">f096</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-check-empty"></i> icon-check-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-empty"</span><span class="nt">></i></span> icon-check-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/check-minus/index.html b/icon/check-minus/index.html new file mode 100644 index 000000000..f0e486dc8 --- /dev/null +++ b/icon/check-minus/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-check-minus: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-check-minus icon-6"></i> + <i class="icon-check-minus icon-5"></i> + <i class="icon-check-minus icon-4"></i> + <i class="icon-check-minus icon-3"></i> + <i class="icon-check-minus icon-2"></i> + <i class="icon-check-minus icon-1"></i> + </div> + <h1 class="info-class"> + icon-check-minus + <small> + <i class="icon-check-minus"></i> · + Unicode: <span class="upper">f147</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-check-minus"></i> icon-check-minus + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-minus"</span><span class="nt">></i></span> icon-check-minus +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/check-sign/index.html b/icon/check-sign/index.html new file mode 100644 index 000000000..c94dc9593 --- /dev/null +++ b/icon/check-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-check-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-check-sign icon-6"></i> + <i class="icon-check-sign icon-5"></i> + <i class="icon-check-sign icon-4"></i> + <i class="icon-check-sign icon-3"></i> + <i class="icon-check-sign icon-2"></i> + <i class="icon-check-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-check-sign + <small> + <i class="icon-check-sign"></i> · + Unicode: <span class="upper">f14a</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-check-sign"></i> icon-check-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check-sign"</span><span class="nt">></i></span> icon-check-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/check/index.html b/icon/check/index.html new file mode 100644 index 000000000..0cea34aa8 --- /dev/null +++ b/icon/check/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-check: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-check icon-6"></i> + <i class="icon-check icon-5"></i> + <i class="icon-check icon-4"></i> + <i class="icon-check icon-3"></i> + <i class="icon-check icon-2"></i> + <i class="icon-check icon-1"></i> + </div> + <h1 class="info-class"> + icon-check + <small> + <i class="icon-check"></i> · + Unicode: <span class="upper">f046</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-check"></i> icon-check + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-check"</span><span class="nt">></i></span> icon-check +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-down/index.html b/icon/chevron-down/index.html new file mode 100644 index 000000000..a67d88e72 --- /dev/null +++ b/icon/chevron-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-down icon-6"></i> + <i class="icon-chevron-down icon-5"></i> + <i class="icon-chevron-down icon-4"></i> + <i class="icon-chevron-down icon-3"></i> + <i class="icon-chevron-down icon-2"></i> + <i class="icon-chevron-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-down + <small> + <i class="icon-chevron-down"></i> · + Unicode: <span class="upper">f078</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-down"></i> icon-chevron-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-down"</span><span class="nt">></i></span> icon-chevron-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-left/index.html b/icon/chevron-left/index.html new file mode 100644 index 000000000..45bd8b539 --- /dev/null +++ b/icon/chevron-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-left icon-6"></i> + <i class="icon-chevron-left icon-5"></i> + <i class="icon-chevron-left icon-4"></i> + <i class="icon-chevron-left icon-3"></i> + <i class="icon-chevron-left icon-2"></i> + <i class="icon-chevron-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-left + <small> + <i class="icon-chevron-left"></i> · + Unicode: <span class="upper">f053</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-left"></i> icon-chevron-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-left"</span><span class="nt">></i></span> icon-chevron-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-right/index.html b/icon/chevron-right/index.html new file mode 100644 index 000000000..fa852c20a --- /dev/null +++ b/icon/chevron-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-right icon-6"></i> + <i class="icon-chevron-right icon-5"></i> + <i class="icon-chevron-right icon-4"></i> + <i class="icon-chevron-right icon-3"></i> + <i class="icon-chevron-right icon-2"></i> + <i class="icon-chevron-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-right + <small> + <i class="icon-chevron-right"></i> · + Unicode: <span class="upper">f054</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-right"></i> icon-chevron-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-right"</span><span class="nt">></i></span> icon-chevron-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-sign-down/index.html b/icon/chevron-sign-down/index.html new file mode 100644 index 000000000..fb8dd2397 --- /dev/null +++ b/icon/chevron-sign-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-sign-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-sign-down icon-6"></i> + <i class="icon-chevron-sign-down icon-5"></i> + <i class="icon-chevron-sign-down icon-4"></i> + <i class="icon-chevron-sign-down icon-3"></i> + <i class="icon-chevron-sign-down icon-2"></i> + <i class="icon-chevron-sign-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-sign-down + <small> + <i class="icon-chevron-sign-down"></i> · + Unicode: <span class="upper">f13a</span> · + Created: v3.1.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-sign-down"></i> icon-chevron-sign-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-down"</span><span class="nt">></i></span> icon-chevron-sign-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-sign-left/index.html b/icon/chevron-sign-left/index.html new file mode 100644 index 000000000..49e0e789f --- /dev/null +++ b/icon/chevron-sign-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-sign-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-sign-left icon-6"></i> + <i class="icon-chevron-sign-left icon-5"></i> + <i class="icon-chevron-sign-left icon-4"></i> + <i class="icon-chevron-sign-left icon-3"></i> + <i class="icon-chevron-sign-left icon-2"></i> + <i class="icon-chevron-sign-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-sign-left + <small> + <i class="icon-chevron-sign-left"></i> · + Unicode: <span class="upper">f137</span> · + Created: v3.1.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-sign-left"></i> icon-chevron-sign-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-left"</span><span class="nt">></i></span> icon-chevron-sign-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-sign-right/index.html b/icon/chevron-sign-right/index.html new file mode 100644 index 000000000..168124be8 --- /dev/null +++ b/icon/chevron-sign-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-sign-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-sign-right icon-6"></i> + <i class="icon-chevron-sign-right icon-5"></i> + <i class="icon-chevron-sign-right icon-4"></i> + <i class="icon-chevron-sign-right icon-3"></i> + <i class="icon-chevron-sign-right icon-2"></i> + <i class="icon-chevron-sign-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-sign-right + <small> + <i class="icon-chevron-sign-right"></i> · + Unicode: <span class="upper">f138</span> · + Created: v3.1.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-sign-right"></i> icon-chevron-sign-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-right"</span><span class="nt">></i></span> icon-chevron-sign-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-sign-up/index.html b/icon/chevron-sign-up/index.html new file mode 100644 index 000000000..92f7b9389 --- /dev/null +++ b/icon/chevron-sign-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-sign-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-sign-up icon-6"></i> + <i class="icon-chevron-sign-up icon-5"></i> + <i class="icon-chevron-sign-up icon-4"></i> + <i class="icon-chevron-sign-up icon-3"></i> + <i class="icon-chevron-sign-up icon-2"></i> + <i class="icon-chevron-sign-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-sign-up + <small> + <i class="icon-chevron-sign-up"></i> · + Unicode: <span class="upper">f139</span> · + Created: v3.1.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-sign-up"></i> icon-chevron-sign-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-sign-up"</span><span class="nt">></i></span> icon-chevron-sign-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/chevron-up/index.html b/icon/chevron-up/index.html new file mode 100644 index 000000000..f09715372 --- /dev/null +++ b/icon/chevron-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-chevron-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-chevron-up icon-6"></i> + <i class="icon-chevron-up icon-5"></i> + <i class="icon-chevron-up icon-4"></i> + <i class="icon-chevron-up icon-3"></i> + <i class="icon-chevron-up icon-2"></i> + <i class="icon-chevron-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-chevron-up + <small> + <i class="icon-chevron-up"></i> · + Unicode: <span class="upper">f077</span> · + Created: v1.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-chevron-up"></i> icon-chevron-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-chevron-up"</span><span class="nt">></i></span> icon-chevron-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle-arrow-down/index.html b/icon/circle-arrow-down/index.html new file mode 100644 index 000000000..93e677c3f --- /dev/null +++ b/icon/circle-arrow-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle-arrow-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle-arrow-down icon-6"></i> + <i class="icon-circle-arrow-down icon-5"></i> + <i class="icon-circle-arrow-down icon-4"></i> + <i class="icon-circle-arrow-down icon-3"></i> + <i class="icon-circle-arrow-down icon-2"></i> + <i class="icon-circle-arrow-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle-arrow-down + <small> + <i class="icon-circle-arrow-down"></i> · + Unicode: <span class="upper">f0ab</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle-arrow-down"></i> icon-circle-arrow-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-down"</span><span class="nt">></i></span> icon-circle-arrow-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle-arrow-left/index.html b/icon/circle-arrow-left/index.html new file mode 100644 index 000000000..dc9e1939a --- /dev/null +++ b/icon/circle-arrow-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle-arrow-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle-arrow-left icon-6"></i> + <i class="icon-circle-arrow-left icon-5"></i> + <i class="icon-circle-arrow-left icon-4"></i> + <i class="icon-circle-arrow-left icon-3"></i> + <i class="icon-circle-arrow-left icon-2"></i> + <i class="icon-circle-arrow-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle-arrow-left + <small> + <i class="icon-circle-arrow-left"></i> · + Unicode: <span class="upper">f0a8</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle-arrow-left"></i> icon-circle-arrow-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-left"</span><span class="nt">></i></span> icon-circle-arrow-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle-arrow-right/index.html b/icon/circle-arrow-right/index.html new file mode 100644 index 000000000..ef16d26bf --- /dev/null +++ b/icon/circle-arrow-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle-arrow-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle-arrow-right icon-6"></i> + <i class="icon-circle-arrow-right icon-5"></i> + <i class="icon-circle-arrow-right icon-4"></i> + <i class="icon-circle-arrow-right icon-3"></i> + <i class="icon-circle-arrow-right icon-2"></i> + <i class="icon-circle-arrow-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle-arrow-right + <small> + <i class="icon-circle-arrow-right"></i> · + Unicode: <span class="upper">f0a9</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle-arrow-right"></i> icon-circle-arrow-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-right"</span><span class="nt">></i></span> icon-circle-arrow-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle-arrow-up/index.html b/icon/circle-arrow-up/index.html new file mode 100644 index 000000000..2293aa036 --- /dev/null +++ b/icon/circle-arrow-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle-arrow-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle-arrow-up icon-6"></i> + <i class="icon-circle-arrow-up icon-5"></i> + <i class="icon-circle-arrow-up icon-4"></i> + <i class="icon-circle-arrow-up icon-3"></i> + <i class="icon-circle-arrow-up icon-2"></i> + <i class="icon-circle-arrow-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle-arrow-up + <small> + <i class="icon-circle-arrow-up"></i> · + Unicode: <span class="upper">f0aa</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle-arrow-up"></i> icon-circle-arrow-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-arrow-up"</span><span class="nt">></i></span> icon-circle-arrow-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle-blank/index.html b/icon/circle-blank/index.html new file mode 100644 index 000000000..d602b15de --- /dev/null +++ b/icon/circle-blank/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle-blank: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle-blank icon-6"></i> + <i class="icon-circle-blank icon-5"></i> + <i class="icon-circle-blank icon-4"></i> + <i class="icon-circle-blank icon-3"></i> + <i class="icon-circle-blank icon-2"></i> + <i class="icon-circle-blank icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle-blank + <small> + <i class="icon-circle-blank"></i> · + Unicode: <span class="upper">f10c</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle-blank"></i> icon-circle-blank + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle-blank"</span><span class="nt">></i></span> icon-circle-blank +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/circle/index.html b/icon/circle/index.html new file mode 100644 index 000000000..88c74ae57 --- /dev/null +++ b/icon/circle/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-circle: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-circle icon-6"></i> + <i class="icon-circle icon-5"></i> + <i class="icon-circle icon-4"></i> + <i class="icon-circle icon-3"></i> + <i class="icon-circle icon-2"></i> + <i class="icon-circle icon-1"></i> + </div> + <h1 class="info-class"> + icon-circle + <small> + <i class="icon-circle"></i> · + Unicode: <span class="upper">f111</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-circle"></i> icon-circle + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-circle"</span><span class="nt">></i></span> icon-circle +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cloud-download/index.html b/icon/cloud-download/index.html new file mode 100644 index 000000000..4b3eda5e2 --- /dev/null +++ b/icon/cloud-download/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cloud-download: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cloud-download icon-6"></i> + <i class="icon-cloud-download icon-5"></i> + <i class="icon-cloud-download icon-4"></i> + <i class="icon-cloud-download icon-3"></i> + <i class="icon-cloud-download icon-2"></i> + <i class="icon-cloud-download icon-1"></i> + </div> + <h1 class="info-class"> + icon-cloud-download + <small> + <i class="icon-cloud-download"></i> · + Unicode: <span class="upper">f0ed</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cloud-download"></i> icon-cloud-download + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud-download"</span><span class="nt">></i></span> icon-cloud-download +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cloud-upload/index.html b/icon/cloud-upload/index.html new file mode 100644 index 000000000..cfe8f6ff3 --- /dev/null +++ b/icon/cloud-upload/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cloud-upload: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cloud-upload icon-6"></i> + <i class="icon-cloud-upload icon-5"></i> + <i class="icon-cloud-upload icon-4"></i> + <i class="icon-cloud-upload icon-3"></i> + <i class="icon-cloud-upload icon-2"></i> + <i class="icon-cloud-upload icon-1"></i> + </div> + <h1 class="info-class"> + icon-cloud-upload + <small> + <i class="icon-cloud-upload"></i> · + Unicode: <span class="upper">f0ee</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cloud-upload"></i> icon-cloud-upload + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud-upload"</span><span class="nt">></i></span> icon-cloud-upload +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cloud/index.html b/icon/cloud/index.html new file mode 100644 index 000000000..112298f7e --- /dev/null +++ b/icon/cloud/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cloud: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cloud icon-6"></i> + <i class="icon-cloud icon-5"></i> + <i class="icon-cloud icon-4"></i> + <i class="icon-cloud icon-3"></i> + <i class="icon-cloud icon-2"></i> + <i class="icon-cloud icon-1"></i> + </div> + <h1 class="info-class"> + icon-cloud + <small> + <i class="icon-cloud"></i> · + Unicode: <span class="upper">f0c2</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cloud"></i> icon-cloud + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cloud"</span><span class="nt">></i></span> icon-cloud +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/code-fork/index.html b/icon/code-fork/index.html new file mode 100644 index 000000000..8a211beab --- /dev/null +++ b/icon/code-fork/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-code-fork: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-code-fork icon-6"></i> + <i class="icon-code-fork icon-5"></i> + <i class="icon-code-fork icon-4"></i> + <i class="icon-code-fork icon-3"></i> + <i class="icon-code-fork icon-2"></i> + <i class="icon-code-fork icon-1"></i> + </div> + <h1 class="info-class"> + icon-code-fork + <small> + <i class="icon-code-fork"></i> · + Unicode: <span class="upper">f126</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-code-fork"></i> icon-code-fork + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-code-fork"</span><span class="nt">></i></span> icon-code-fork +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/code/index.html b/icon/code/index.html new file mode 100644 index 000000000..5c14da884 --- /dev/null +++ b/icon/code/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-code: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-code icon-6"></i> + <i class="icon-code icon-5"></i> + <i class="icon-code icon-4"></i> + <i class="icon-code icon-3"></i> + <i class="icon-code icon-2"></i> + <i class="icon-code icon-1"></i> + </div> + <h1 class="info-class"> + icon-code + <small> + <i class="icon-code"></i> · + Unicode: <span class="upper">f121</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-code"></i> icon-code + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-code"</span><span class="nt">></i></span> icon-code +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/coffee/index.html b/icon/coffee/index.html new file mode 100644 index 000000000..53dac1642 --- /dev/null +++ b/icon/coffee/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-coffee: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-coffee icon-6"></i> + <i class="icon-coffee icon-5"></i> + <i class="icon-coffee icon-4"></i> + <i class="icon-coffee icon-3"></i> + <i class="icon-coffee icon-2"></i> + <i class="icon-coffee icon-1"></i> + </div> + <h1 class="info-class"> + icon-coffee + <small> + <i class="icon-coffee"></i> · + Unicode: <span class="upper">f0f4</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-coffee"></i> icon-coffee + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-coffee"</span><span class="nt">></i></span> icon-coffee +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cog/index.html b/icon/cog/index.html new file mode 100644 index 000000000..7e3fd3571 --- /dev/null +++ b/icon/cog/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cog: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cog icon-6"></i> + <i class="icon-cog icon-5"></i> + <i class="icon-cog icon-4"></i> + <i class="icon-cog icon-3"></i> + <i class="icon-cog icon-2"></i> + <i class="icon-cog icon-1"></i> + </div> + <h1 class="info-class"> + icon-cog + <small> + <i class="icon-cog"></i> · + Unicode: <span class="upper">f013</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cog"></i> icon-cog + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cog"</span><span class="nt">></i></span> icon-cog +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cogs/index.html b/icon/cogs/index.html new file mode 100644 index 000000000..4ae6d5924 --- /dev/null +++ b/icon/cogs/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cogs: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cogs icon-6"></i> + <i class="icon-cogs icon-5"></i> + <i class="icon-cogs icon-4"></i> + <i class="icon-cogs icon-3"></i> + <i class="icon-cogs icon-2"></i> + <i class="icon-cogs icon-1"></i> + </div> + <h1 class="info-class"> + icon-cogs + <small> + <i class="icon-cogs"></i> · + Unicode: <span class="upper">f085</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cogs"></i> icon-cogs + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cogs"</span><span class="nt">></i></span> icon-cogs +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/collapse-alt/index.html b/icon/collapse-alt/index.html new file mode 100644 index 000000000..dd6024745 --- /dev/null +++ b/icon/collapse-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-collapse-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-collapse-alt icon-6"></i> + <i class="icon-collapse-alt icon-5"></i> + <i class="icon-collapse-alt icon-4"></i> + <i class="icon-collapse-alt icon-3"></i> + <i class="icon-collapse-alt icon-2"></i> + <i class="icon-collapse-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-collapse-alt + <small> + <i class="icon-collapse-alt"></i> · + Unicode: <span class="upper">f117</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-collapse-alt"></i> icon-collapse-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-collapse-alt"</span><span class="nt">></i></span> icon-collapse-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/columns/index.html b/icon/columns/index.html new file mode 100644 index 000000000..f84d893d9 --- /dev/null +++ b/icon/columns/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-columns: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-columns icon-6"></i> + <i class="icon-columns icon-5"></i> + <i class="icon-columns icon-4"></i> + <i class="icon-columns icon-3"></i> + <i class="icon-columns icon-2"></i> + <i class="icon-columns icon-1"></i> + </div> + <h1 class="info-class"> + icon-columns + <small> + <i class="icon-columns"></i> · + Unicode: <span class="upper">f0db</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-columns"></i> icon-columns + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-columns"</span><span class="nt">></i></span> icon-columns +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/comment-alt/index.html b/icon/comment-alt/index.html new file mode 100644 index 000000000..98e32a041 --- /dev/null +++ b/icon/comment-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-comment-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-comment-alt icon-6"></i> + <i class="icon-comment-alt icon-5"></i> + <i class="icon-comment-alt icon-4"></i> + <i class="icon-comment-alt icon-3"></i> + <i class="icon-comment-alt icon-2"></i> + <i class="icon-comment-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-comment-alt + <small> + <i class="icon-comment-alt"></i> · + Unicode: <span class="upper">f0e5</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-comment-alt"></i> icon-comment-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment-alt"</span><span class="nt">></i></span> icon-comment-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/comment/index.html b/icon/comment/index.html new file mode 100644 index 000000000..5cede4713 --- /dev/null +++ b/icon/comment/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-comment: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-comment icon-6"></i> + <i class="icon-comment icon-5"></i> + <i class="icon-comment icon-4"></i> + <i class="icon-comment icon-3"></i> + <i class="icon-comment icon-2"></i> + <i class="icon-comment icon-1"></i> + </div> + <h1 class="info-class"> + icon-comment + <small> + <i class="icon-comment"></i> · + Unicode: <span class="upper">f075</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-comment"></i> icon-comment + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comment"</span><span class="nt">></i></span> icon-comment +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/comments-alt/index.html b/icon/comments-alt/index.html new file mode 100644 index 000000000..781cef61b --- /dev/null +++ b/icon/comments-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-comments-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-comments-alt icon-6"></i> + <i class="icon-comments-alt icon-5"></i> + <i class="icon-comments-alt icon-4"></i> + <i class="icon-comments-alt icon-3"></i> + <i class="icon-comments-alt icon-2"></i> + <i class="icon-comments-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-comments-alt + <small> + <i class="icon-comments-alt"></i> · + Unicode: <span class="upper">f0e6</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-comments-alt"></i> icon-comments-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comments-alt"</span><span class="nt">></i></span> icon-comments-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/comments/index.html b/icon/comments/index.html new file mode 100644 index 000000000..c3a7bf7cb --- /dev/null +++ b/icon/comments/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-comments: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-comments icon-6"></i> + <i class="icon-comments icon-5"></i> + <i class="icon-comments icon-4"></i> + <i class="icon-comments icon-3"></i> + <i class="icon-comments icon-2"></i> + <i class="icon-comments icon-1"></i> + </div> + <h1 class="info-class"> + icon-comments + <small> + <i class="icon-comments"></i> · + Unicode: <span class="upper">f086</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-comments"></i> icon-comments + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-comments"</span><span class="nt">></i></span> icon-comments +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/copy/index.html b/icon/copy/index.html new file mode 100644 index 000000000..1e73145f1 --- /dev/null +++ b/icon/copy/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-copy: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-copy icon-6"></i> + <i class="icon-copy icon-5"></i> + <i class="icon-copy icon-4"></i> + <i class="icon-copy icon-3"></i> + <i class="icon-copy icon-2"></i> + <i class="icon-copy icon-1"></i> + </div> + <h1 class="info-class"> + icon-copy + <small> + <i class="icon-copy"></i> · + Unicode: <span class="upper">f0c5</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-copy"></i> icon-copy + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-copy"</span><span class="nt">></i></span> icon-copy +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/credit-card/index.html b/icon/credit-card/index.html new file mode 100644 index 000000000..a82438d53 --- /dev/null +++ b/icon/credit-card/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-credit-card: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-credit-card icon-6"></i> + <i class="icon-credit-card icon-5"></i> + <i class="icon-credit-card icon-4"></i> + <i class="icon-credit-card icon-3"></i> + <i class="icon-credit-card icon-2"></i> + <i class="icon-credit-card icon-1"></i> + </div> + <h1 class="info-class"> + icon-credit-card + <small> + <i class="icon-credit-card"></i> · + Unicode: <span class="upper">f09d</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-credit-card"></i> icon-credit-card + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-credit-card"</span><span class="nt">></i></span> icon-credit-card +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/crop/index.html b/icon/crop/index.html new file mode 100644 index 000000000..b4e149ede --- /dev/null +++ b/icon/crop/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-crop: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-crop icon-6"></i> + <i class="icon-crop icon-5"></i> + <i class="icon-crop icon-4"></i> + <i class="icon-crop icon-3"></i> + <i class="icon-crop icon-2"></i> + <i class="icon-crop icon-1"></i> + </div> + <h1 class="info-class"> + icon-crop + <small> + <i class="icon-crop"></i> · + Unicode: <span class="upper">f125</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-crop"></i> icon-crop + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-crop"</span><span class="nt">></i></span> icon-crop +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/css3/index.html b/icon/css3/index.html new file mode 100644 index 000000000..dd2093dc2 --- /dev/null +++ b/icon/css3/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-css3: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-css3 icon-6"></i> + <i class="icon-css3 icon-5"></i> + <i class="icon-css3 icon-4"></i> + <i class="icon-css3 icon-3"></i> + <i class="icon-css3 icon-2"></i> + <i class="icon-css3 icon-1"></i> + </div> + <h1 class="info-class"> + icon-css3 + <small> + <i class="icon-css3"></i> · + Unicode: <span class="upper">f13c</span> · + Created: v3.1.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-css3"></i> icon-css3 + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-css3"</span><span class="nt">></i></span> icon-css3 +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/cut/index.html b/icon/cut/index.html new file mode 100644 index 000000000..10f95c6be --- /dev/null +++ b/icon/cut/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-cut: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-cut icon-6"></i> + <i class="icon-cut icon-5"></i> + <i class="icon-cut icon-4"></i> + <i class="icon-cut icon-3"></i> + <i class="icon-cut icon-2"></i> + <i class="icon-cut icon-1"></i> + </div> + <h1 class="info-class"> + icon-cut + <small> + <i class="icon-cut"></i> · + Unicode: <span class="upper">f0c4</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-cut"></i> icon-cut + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-cut"</span><span class="nt">></i></span> icon-cut +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/dashboard/index.html b/icon/dashboard/index.html new file mode 100644 index 000000000..7a85ec4d4 --- /dev/null +++ b/icon/dashboard/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-dashboard: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-dashboard icon-6"></i> + <i class="icon-dashboard icon-5"></i> + <i class="icon-dashboard icon-4"></i> + <i class="icon-dashboard icon-3"></i> + <i class="icon-dashboard icon-2"></i> + <i class="icon-dashboard icon-1"></i> + </div> + <h1 class="info-class"> + icon-dashboard + <small> + <i class="icon-dashboard"></i> · + Unicode: <span class="upper">f0e4</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-dashboard"></i> icon-dashboard + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-dashboard"</span><span class="nt">></i></span> icon-dashboard +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/desktop/index.html b/icon/desktop/index.html new file mode 100644 index 000000000..8ec94a816 --- /dev/null +++ b/icon/desktop/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-desktop: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-desktop icon-6"></i> + <i class="icon-desktop icon-5"></i> + <i class="icon-desktop icon-4"></i> + <i class="icon-desktop icon-3"></i> + <i class="icon-desktop icon-2"></i> + <i class="icon-desktop icon-1"></i> + </div> + <h1 class="info-class"> + icon-desktop + <small> + <i class="icon-desktop"></i> · + Unicode: <span class="upper">f108</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-desktop"></i> icon-desktop + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-desktop"</span><span class="nt">></i></span> icon-desktop +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/double-angle-down/index.html b/icon/double-angle-down/index.html new file mode 100644 index 000000000..a8786e617 --- /dev/null +++ b/icon/double-angle-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-double-angle-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-double-angle-down icon-6"></i> + <i class="icon-double-angle-down icon-5"></i> + <i class="icon-double-angle-down icon-4"></i> + <i class="icon-double-angle-down icon-3"></i> + <i class="icon-double-angle-down icon-2"></i> + <i class="icon-double-angle-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-double-angle-down + <small> + <i class="icon-double-angle-down"></i> · + Unicode: <span class="upper">f103</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-double-angle-down"></i> icon-double-angle-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-down"</span><span class="nt">></i></span> icon-double-angle-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/double-angle-left/index.html b/icon/double-angle-left/index.html new file mode 100644 index 000000000..c932b803e --- /dev/null +++ b/icon/double-angle-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-double-angle-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-double-angle-left icon-6"></i> + <i class="icon-double-angle-left icon-5"></i> + <i class="icon-double-angle-left icon-4"></i> + <i class="icon-double-angle-left icon-3"></i> + <i class="icon-double-angle-left icon-2"></i> + <i class="icon-double-angle-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-double-angle-left + <small> + <i class="icon-double-angle-left"></i> · + Unicode: <span class="upper">f100</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-double-angle-left"></i> icon-double-angle-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-left"</span><span class="nt">></i></span> icon-double-angle-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/double-angle-right/index.html b/icon/double-angle-right/index.html new file mode 100644 index 000000000..d12b19b59 --- /dev/null +++ b/icon/double-angle-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-double-angle-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-double-angle-right icon-6"></i> + <i class="icon-double-angle-right icon-5"></i> + <i class="icon-double-angle-right icon-4"></i> + <i class="icon-double-angle-right icon-3"></i> + <i class="icon-double-angle-right icon-2"></i> + <i class="icon-double-angle-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-double-angle-right + <small> + <i class="icon-double-angle-right"></i> · + Unicode: <span class="upper">f101</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-double-angle-right"></i> icon-double-angle-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-right"</span><span class="nt">></i></span> icon-double-angle-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/double-angle-up/index.html b/icon/double-angle-up/index.html new file mode 100644 index 000000000..914828f18 --- /dev/null +++ b/icon/double-angle-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-double-angle-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-double-angle-up icon-6"></i> + <i class="icon-double-angle-up icon-5"></i> + <i class="icon-double-angle-up icon-4"></i> + <i class="icon-double-angle-up icon-3"></i> + <i class="icon-double-angle-up icon-2"></i> + <i class="icon-double-angle-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-double-angle-up + <small> + <i class="icon-double-angle-up"></i> · + Unicode: <span class="upper">f102</span> · + Created: v3.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-double-angle-up"></i> icon-double-angle-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-double-angle-up"</span><span class="nt">></i></span> icon-double-angle-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/download-alt/index.html b/icon/download-alt/index.html new file mode 100644 index 000000000..03ca19e03 --- /dev/null +++ b/icon/download-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-download-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-download-alt icon-6"></i> + <i class="icon-download-alt icon-5"></i> + <i class="icon-download-alt icon-4"></i> + <i class="icon-download-alt icon-3"></i> + <i class="icon-download-alt icon-2"></i> + <i class="icon-download-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-download-alt + <small> + <i class="icon-download-alt"></i> · + Unicode: <span class="upper">f019</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-download-alt"></i> icon-download-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-download-alt"</span><span class="nt">></i></span> icon-download-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/download/index.html b/icon/download/index.html new file mode 100644 index 000000000..b9e64460e --- /dev/null +++ b/icon/download/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-download: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-download icon-6"></i> + <i class="icon-download icon-5"></i> + <i class="icon-download icon-4"></i> + <i class="icon-download icon-3"></i> + <i class="icon-download icon-2"></i> + <i class="icon-download icon-1"></i> + </div> + <h1 class="info-class"> + icon-download + <small> + <i class="icon-download"></i> · + Unicode: <span class="upper">f01a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-download"></i> icon-download + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-download"</span><span class="nt">></i></span> icon-download +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/edit-sign/index.html b/icon/edit-sign/index.html new file mode 100644 index 000000000..0487af4f0 --- /dev/null +++ b/icon/edit-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-edit-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-edit-sign icon-6"></i> + <i class="icon-edit-sign icon-5"></i> + <i class="icon-edit-sign icon-4"></i> + <i class="icon-edit-sign icon-3"></i> + <i class="icon-edit-sign icon-2"></i> + <i class="icon-edit-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-edit-sign + <small> + <i class="icon-edit-sign"></i> · + Unicode: <span class="upper">f14b</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-edit-sign"></i> icon-edit-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-edit-sign"</span><span class="nt">></i></span> icon-edit-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/edit/index.html b/icon/edit/index.html new file mode 100644 index 000000000..e5302056e --- /dev/null +++ b/icon/edit/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-edit: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-edit icon-6"></i> + <i class="icon-edit icon-5"></i> + <i class="icon-edit icon-4"></i> + <i class="icon-edit icon-3"></i> + <i class="icon-edit icon-2"></i> + <i class="icon-edit icon-1"></i> + </div> + <h1 class="info-class"> + icon-edit + <small> + <i class="icon-edit"></i> · + Unicode: <span class="upper">f044</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-edit"></i> icon-edit + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-edit"</span><span class="nt">></i></span> icon-edit +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/eject/index.html b/icon/eject/index.html new file mode 100644 index 000000000..ebcbe12c6 --- /dev/null +++ b/icon/eject/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-eject: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-eject icon-6"></i> + <i class="icon-eject icon-5"></i> + <i class="icon-eject icon-4"></i> + <i class="icon-eject icon-3"></i> + <i class="icon-eject icon-2"></i> + <i class="icon-eject icon-1"></i> + </div> + <h1 class="info-class"> + icon-eject + <small> + <i class="icon-eject"></i> · + Unicode: <span class="upper">f052</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-eject"></i> icon-eject + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eject"</span><span class="nt">></i></span> icon-eject +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ellipsis-horizontal/index.html b/icon/ellipsis-horizontal/index.html new file mode 100644 index 000000000..9114a7103 --- /dev/null +++ b/icon/ellipsis-horizontal/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ellipsis-horizontal: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ellipsis-horizontal icon-6"></i> + <i class="icon-ellipsis-horizontal icon-5"></i> + <i class="icon-ellipsis-horizontal icon-4"></i> + <i class="icon-ellipsis-horizontal icon-3"></i> + <i class="icon-ellipsis-horizontal icon-2"></i> + <i class="icon-ellipsis-horizontal icon-1"></i> + </div> + <h1 class="info-class"> + icon-ellipsis-horizontal + <small> + <i class="icon-ellipsis-horizontal"></i> · + Unicode: <span class="upper">f141</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ellipsis-horizontal"</span><span class="nt">></i></span> icon-ellipsis-horizontal +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ellipsis-vertical/index.html b/icon/ellipsis-vertical/index.html new file mode 100644 index 000000000..13b83ecf5 --- /dev/null +++ b/icon/ellipsis-vertical/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ellipsis-vertical: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ellipsis-vertical icon-6"></i> + <i class="icon-ellipsis-vertical icon-5"></i> + <i class="icon-ellipsis-vertical icon-4"></i> + <i class="icon-ellipsis-vertical icon-3"></i> + <i class="icon-ellipsis-vertical icon-2"></i> + <i class="icon-ellipsis-vertical icon-1"></i> + </div> + <h1 class="info-class"> + icon-ellipsis-vertical + <small> + <i class="icon-ellipsis-vertical"></i> · + Unicode: <span class="upper">f142</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ellipsis-vertical"</span><span class="nt">></i></span> icon-ellipsis-vertical +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/envelope-alt/index.html b/icon/envelope-alt/index.html new file mode 100644 index 000000000..31921b47f --- /dev/null +++ b/icon/envelope-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-envelope-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-envelope-alt icon-6"></i> + <i class="icon-envelope-alt icon-5"></i> + <i class="icon-envelope-alt icon-4"></i> + <i class="icon-envelope-alt icon-3"></i> + <i class="icon-envelope-alt icon-2"></i> + <i class="icon-envelope-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-envelope-alt + <small> + <i class="icon-envelope-alt"></i> · + Unicode: <span class="upper">f0e0</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-envelope-alt"></i> icon-envelope-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-envelope-alt"</span><span class="nt">></i></span> icon-envelope-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/envelope/index.html b/icon/envelope/index.html new file mode 100644 index 000000000..e0ad740c4 --- /dev/null +++ b/icon/envelope/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-envelope: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-envelope icon-6"></i> + <i class="icon-envelope icon-5"></i> + <i class="icon-envelope icon-4"></i> + <i class="icon-envelope icon-3"></i> + <i class="icon-envelope icon-2"></i> + <i class="icon-envelope icon-1"></i> + </div> + <h1 class="info-class"> + icon-envelope + <small> + <i class="icon-envelope"></i> · + Unicode: <span class="upper">f003</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-envelope"></i> icon-envelope + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-envelope"</span><span class="nt">></i></span> icon-envelope +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/eraser/index.html b/icon/eraser/index.html new file mode 100644 index 000000000..88de79898 --- /dev/null +++ b/icon/eraser/index.html @@ -0,0 +1,195 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-eraser: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-eraser icon-6"></i> + <i class="icon-eraser icon-5"></i> + <i class="icon-eraser icon-4"></i> + <i class="icon-eraser icon-3"></i> + <i class="icon-eraser icon-2"></i> + <i class="icon-eraser icon-1"></i> + </div> + <h1 class="info-class"> + icon-eraser + <small> + <i class="icon-eraser"></i> · + Unicode: <span class="upper">f12d</span> · + Created: v3.1.0 · + Categories: + + Text Editor Icons, + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-eraser"></i> icon-eraser + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eraser"</span><span class="nt">></i></span> icon-eraser +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/exchange/index.html b/icon/exchange/index.html new file mode 100644 index 000000000..74c17b88a --- /dev/null +++ b/icon/exchange/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-exchange: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-exchange icon-6"></i> + <i class="icon-exchange icon-5"></i> + <i class="icon-exchange icon-4"></i> + <i class="icon-exchange icon-3"></i> + <i class="icon-exchange icon-2"></i> + <i class="icon-exchange icon-1"></i> + </div> + <h1 class="info-class"> + icon-exchange + <small> + <i class="icon-exchange"></i> · + Unicode: <span class="upper">f0ec</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-exchange"></i> icon-exchange + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exchange"</span><span class="nt">></i></span> icon-exchange +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/exclamation-sign/index.html b/icon/exclamation-sign/index.html new file mode 100644 index 000000000..4685d28c2 --- /dev/null +++ b/icon/exclamation-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-exclamation-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-exclamation-sign icon-6"></i> + <i class="icon-exclamation-sign icon-5"></i> + <i class="icon-exclamation-sign icon-4"></i> + <i class="icon-exclamation-sign icon-3"></i> + <i class="icon-exclamation-sign icon-2"></i> + <i class="icon-exclamation-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-exclamation-sign + <small> + <i class="icon-exclamation-sign"></i> · + Unicode: <span class="upper">f06a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-exclamation-sign"></i> icon-exclamation-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exclamation-sign"</span><span class="nt">></i></span> icon-exclamation-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/exclamation/index.html b/icon/exclamation/index.html new file mode 100644 index 000000000..107497592 --- /dev/null +++ b/icon/exclamation/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-exclamation: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-exclamation icon-6"></i> + <i class="icon-exclamation icon-5"></i> + <i class="icon-exclamation icon-4"></i> + <i class="icon-exclamation icon-3"></i> + <i class="icon-exclamation icon-2"></i> + <i class="icon-exclamation icon-1"></i> + </div> + <h1 class="info-class"> + icon-exclamation + <small> + <i class="icon-exclamation"></i> · + Unicode: <span class="upper">f12a</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-exclamation"></i> icon-exclamation + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-exclamation"</span><span class="nt">></i></span> icon-exclamation +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/expand-alt/index.html b/icon/expand-alt/index.html new file mode 100644 index 000000000..dc96cfb1e --- /dev/null +++ b/icon/expand-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-expand-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-expand-alt icon-6"></i> + <i class="icon-expand-alt icon-5"></i> + <i class="icon-expand-alt icon-4"></i> + <i class="icon-expand-alt icon-3"></i> + <i class="icon-expand-alt icon-2"></i> + <i class="icon-expand-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-expand-alt + <small> + <i class="icon-expand-alt"></i> · + Unicode: <span class="upper">f116</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-expand-alt"></i> icon-expand-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-expand-alt"</span><span class="nt">></i></span> icon-expand-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/external-link-sign/index.html b/icon/external-link-sign/index.html new file mode 100644 index 000000000..4d759babf --- /dev/null +++ b/icon/external-link-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-external-link-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-external-link-sign icon-6"></i> + <i class="icon-external-link-sign icon-5"></i> + <i class="icon-external-link-sign icon-4"></i> + <i class="icon-external-link-sign icon-3"></i> + <i class="icon-external-link-sign icon-2"></i> + <i class="icon-external-link-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-external-link-sign + <small> + <i class="icon-external-link-sign"></i> · + Unicode: <span class="upper">f14c</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-external-link-sign"></i> icon-external-link-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-external-link-sign"</span><span class="nt">></i></span> icon-external-link-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/external-link/index.html b/icon/external-link/index.html new file mode 100644 index 000000000..a4821e018 --- /dev/null +++ b/icon/external-link/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-external-link: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-external-link icon-6"></i> + <i class="icon-external-link icon-5"></i> + <i class="icon-external-link icon-4"></i> + <i class="icon-external-link icon-3"></i> + <i class="icon-external-link icon-2"></i> + <i class="icon-external-link icon-1"></i> + </div> + <h1 class="info-class"> + icon-external-link + <small> + <i class="icon-external-link"></i> · + Unicode: <span class="upper">f08e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-external-link"></i> icon-external-link + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-external-link"</span><span class="nt">></i></span> icon-external-link +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/eye-close/index.html b/icon/eye-close/index.html new file mode 100644 index 000000000..06d8b4b10 --- /dev/null +++ b/icon/eye-close/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-eye-close: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-eye-close icon-6"></i> + <i class="icon-eye-close icon-5"></i> + <i class="icon-eye-close icon-4"></i> + <i class="icon-eye-close icon-3"></i> + <i class="icon-eye-close icon-2"></i> + <i class="icon-eye-close icon-1"></i> + </div> + <h1 class="info-class"> + icon-eye-close + <small> + <i class="icon-eye-close"></i> · + Unicode: <span class="upper">f070</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-eye-close"></i> icon-eye-close + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eye-close"</span><span class="nt">></i></span> icon-eye-close +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/eye-open/index.html b/icon/eye-open/index.html new file mode 100644 index 000000000..ddda7013a --- /dev/null +++ b/icon/eye-open/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-eye-open: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-eye-open icon-6"></i> + <i class="icon-eye-open icon-5"></i> + <i class="icon-eye-open icon-4"></i> + <i class="icon-eye-open icon-3"></i> + <i class="icon-eye-open icon-2"></i> + <i class="icon-eye-open icon-1"></i> + </div> + <h1 class="info-class"> + icon-eye-open + <small> + <i class="icon-eye-open"></i> · + Unicode: <span class="upper">f06e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-eye-open"></i> icon-eye-open + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-eye-open"</span><span class="nt">></i></span> icon-eye-open +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/facebook-sign/index.html b/icon/facebook-sign/index.html new file mode 100644 index 000000000..be0542361 --- /dev/null +++ b/icon/facebook-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-facebook-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-facebook-sign icon-6"></i> + <i class="icon-facebook-sign icon-5"></i> + <i class="icon-facebook-sign icon-4"></i> + <i class="icon-facebook-sign icon-3"></i> + <i class="icon-facebook-sign icon-2"></i> + <i class="icon-facebook-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-facebook-sign + <small> + <i class="icon-facebook-sign"></i> · + Unicode: <span class="upper">f082</span> · + Created: v1.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-facebook-sign"></i> icon-facebook-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facebook-sign"</span><span class="nt">></i></span> icon-facebook-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/facebook/index.html b/icon/facebook/index.html new file mode 100644 index 000000000..55e3b6089 --- /dev/null +++ b/icon/facebook/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-facebook: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-facebook icon-6"></i> + <i class="icon-facebook icon-5"></i> + <i class="icon-facebook icon-4"></i> + <i class="icon-facebook icon-3"></i> + <i class="icon-facebook icon-2"></i> + <i class="icon-facebook icon-1"></i> + </div> + <h1 class="info-class"> + icon-facebook + <small> + <i class="icon-facebook"></i> · + Unicode: <span class="upper">f09a</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-facebook"></i> icon-facebook + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facebook"</span><span class="nt">></i></span> icon-facebook +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/facetime-video/index.html b/icon/facetime-video/index.html new file mode 100644 index 000000000..637b2e969 --- /dev/null +++ b/icon/facetime-video/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-facetime-video: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-facetime-video icon-6"></i> + <i class="icon-facetime-video icon-5"></i> + <i class="icon-facetime-video icon-4"></i> + <i class="icon-facetime-video icon-3"></i> + <i class="icon-facetime-video icon-2"></i> + <i class="icon-facetime-video icon-1"></i> + </div> + <h1 class="info-class"> + icon-facetime-video + <small> + <i class="icon-facetime-video"></i> · + Unicode: <span class="upper">f03d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-facetime-video"></i> icon-facetime-video + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-facetime-video"</span><span class="nt">></i></span> icon-facetime-video +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fast-backward/index.html b/icon/fast-backward/index.html new file mode 100644 index 000000000..fe62f68e7 --- /dev/null +++ b/icon/fast-backward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fast-backward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fast-backward icon-6"></i> + <i class="icon-fast-backward icon-5"></i> + <i class="icon-fast-backward icon-4"></i> + <i class="icon-fast-backward icon-3"></i> + <i class="icon-fast-backward icon-2"></i> + <i class="icon-fast-backward icon-1"></i> + </div> + <h1 class="info-class"> + icon-fast-backward + <small> + <i class="icon-fast-backward"></i> · + Unicode: <span class="upper">f049</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fast-backward"></i> icon-fast-backward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fast-backward"</span><span class="nt">></i></span> icon-fast-backward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fast-forward/index.html b/icon/fast-forward/index.html new file mode 100644 index 000000000..039675abf --- /dev/null +++ b/icon/fast-forward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fast-forward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fast-forward icon-6"></i> + <i class="icon-fast-forward icon-5"></i> + <i class="icon-fast-forward icon-4"></i> + <i class="icon-fast-forward icon-3"></i> + <i class="icon-fast-forward icon-2"></i> + <i class="icon-fast-forward icon-1"></i> + </div> + <h1 class="info-class"> + icon-fast-forward + <small> + <i class="icon-fast-forward"></i> · + Unicode: <span class="upper">f050</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fast-forward"></i> icon-fast-forward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fast-forward"</span><span class="nt">></i></span> icon-fast-forward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fighter-jet/index.html b/icon/fighter-jet/index.html new file mode 100644 index 000000000..dbaa7748d --- /dev/null +++ b/icon/fighter-jet/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fighter-jet: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fighter-jet icon-6"></i> + <i class="icon-fighter-jet icon-5"></i> + <i class="icon-fighter-jet icon-4"></i> + <i class="icon-fighter-jet icon-3"></i> + <i class="icon-fighter-jet icon-2"></i> + <i class="icon-fighter-jet icon-1"></i> + </div> + <h1 class="info-class"> + icon-fighter-jet + <small> + <i class="icon-fighter-jet"></i> · + Unicode: <span class="upper">f0fb</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fighter-jet"></i> icon-fighter-jet + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fighter-jet"</span><span class="nt">></i></span> icon-fighter-jet +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/file-alt/index.html b/icon/file-alt/index.html new file mode 100644 index 000000000..3b5a24d25 --- /dev/null +++ b/icon/file-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-file-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-file-alt icon-6"></i> + <i class="icon-file-alt icon-5"></i> + <i class="icon-file-alt icon-4"></i> + <i class="icon-file-alt icon-3"></i> + <i class="icon-file-alt icon-2"></i> + <i class="icon-file-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-file-alt + <small> + <i class="icon-file-alt"></i> · + Unicode: <span class="upper">f0f6</span> · + Created: v3.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-file-alt"></i> icon-file-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file-alt"</span><span class="nt">></i></span> icon-file-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/file/index.html b/icon/file/index.html new file mode 100644 index 000000000..c82c7d05d --- /dev/null +++ b/icon/file/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-file: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-file icon-6"></i> + <i class="icon-file icon-5"></i> + <i class="icon-file icon-4"></i> + <i class="icon-file icon-3"></i> + <i class="icon-file icon-2"></i> + <i class="icon-file icon-1"></i> + </div> + <h1 class="info-class"> + icon-file + <small> + <i class="icon-file"></i> · + Unicode: <span class="upper">f016</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-file"></i> icon-file + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-file"</span><span class="nt">></i></span> icon-file +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/film/index.html b/icon/film/index.html new file mode 100644 index 000000000..0567e1e59 --- /dev/null +++ b/icon/film/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-film: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-film icon-6"></i> + <i class="icon-film icon-5"></i> + <i class="icon-film icon-4"></i> + <i class="icon-film icon-3"></i> + <i class="icon-film icon-2"></i> + <i class="icon-film icon-1"></i> + </div> + <h1 class="info-class"> + icon-film + <small> + <i class="icon-film"></i> · + Unicode: <span class="upper">f008</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-film"></i> icon-film + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-film"</span><span class="nt">></i></span> icon-film +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/filter/index.html b/icon/filter/index.html new file mode 100644 index 000000000..a508aa69f --- /dev/null +++ b/icon/filter/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-filter: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-filter icon-6"></i> + <i class="icon-filter icon-5"></i> + <i class="icon-filter icon-4"></i> + <i class="icon-filter icon-3"></i> + <i class="icon-filter icon-2"></i> + <i class="icon-filter icon-1"></i> + </div> + <h1 class="info-class"> + icon-filter + <small> + <i class="icon-filter"></i> · + Unicode: <span class="upper">f0b0</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-filter"></i> icon-filter + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-filter"</span><span class="nt">></i></span> icon-filter +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fire-extinguisher/index.html b/icon/fire-extinguisher/index.html new file mode 100644 index 000000000..51a3e1f75 --- /dev/null +++ b/icon/fire-extinguisher/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fire-extinguisher: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fire-extinguisher icon-6"></i> + <i class="icon-fire-extinguisher icon-5"></i> + <i class="icon-fire-extinguisher icon-4"></i> + <i class="icon-fire-extinguisher icon-3"></i> + <i class="icon-fire-extinguisher icon-2"></i> + <i class="icon-fire-extinguisher icon-1"></i> + </div> + <h1 class="info-class"> + icon-fire-extinguisher + <small> + <i class="icon-fire-extinguisher"></i> · + Unicode: <span class="upper">f134</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fire-extinguisher"></i> icon-fire-extinguisher + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fire-extinguisher"</span><span class="nt">></i></span> icon-fire-extinguisher +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fire/index.html b/icon/fire/index.html new file mode 100644 index 000000000..cb2a44230 --- /dev/null +++ b/icon/fire/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fire: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fire icon-6"></i> + <i class="icon-fire icon-5"></i> + <i class="icon-fire icon-4"></i> + <i class="icon-fire icon-3"></i> + <i class="icon-fire icon-2"></i> + <i class="icon-fire icon-1"></i> + </div> + <h1 class="info-class"> + icon-fire + <small> + <i class="icon-fire"></i> · + Unicode: <span class="upper">f06d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fire"></i> icon-fire + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fire"</span><span class="nt">></i></span> icon-fire +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/flag-alt/index.html b/icon/flag-alt/index.html new file mode 100644 index 000000000..22839a92b --- /dev/null +++ b/icon/flag-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-flag-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-flag-alt icon-6"></i> + <i class="icon-flag-alt icon-5"></i> + <i class="icon-flag-alt icon-4"></i> + <i class="icon-flag-alt icon-3"></i> + <i class="icon-flag-alt icon-2"></i> + <i class="icon-flag-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-flag-alt + <small> + <i class="icon-flag-alt"></i> · + Unicode: <span class="upper">f11d</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-flag-alt"></i> icon-flag-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag-alt"</span><span class="nt">></i></span> icon-flag-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/flag-checkered/index.html b/icon/flag-checkered/index.html new file mode 100644 index 000000000..212dc9437 --- /dev/null +++ b/icon/flag-checkered/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-flag-checkered: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-flag-checkered icon-6"></i> + <i class="icon-flag-checkered icon-5"></i> + <i class="icon-flag-checkered icon-4"></i> + <i class="icon-flag-checkered icon-3"></i> + <i class="icon-flag-checkered icon-2"></i> + <i class="icon-flag-checkered icon-1"></i> + </div> + <h1 class="info-class"> + icon-flag-checkered + <small> + <i class="icon-flag-checkered"></i> · + Unicode: <span class="upper">f11e</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-flag-checkered"></i> icon-flag-checkered + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag-checkered"</span><span class="nt">></i></span> icon-flag-checkered +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/flag/index.html b/icon/flag/index.html new file mode 100644 index 000000000..2b805c17e --- /dev/null +++ b/icon/flag/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-flag: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-flag icon-6"></i> + <i class="icon-flag icon-5"></i> + <i class="icon-flag icon-4"></i> + <i class="icon-flag icon-3"></i> + <i class="icon-flag icon-2"></i> + <i class="icon-flag icon-1"></i> + </div> + <h1 class="info-class"> + icon-flag + <small> + <i class="icon-flag"></i> · + Unicode: <span class="upper">f024</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-flag"></i> icon-flag + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-flag"</span><span class="nt">></i></span> icon-flag +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/folder-close-alt/index.html b/icon/folder-close-alt/index.html new file mode 100644 index 000000000..924ee5e02 --- /dev/null +++ b/icon/folder-close-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-folder-close-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-folder-close-alt icon-6"></i> + <i class="icon-folder-close-alt icon-5"></i> + <i class="icon-folder-close-alt icon-4"></i> + <i class="icon-folder-close-alt icon-3"></i> + <i class="icon-folder-close-alt icon-2"></i> + <i class="icon-folder-close-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-folder-close-alt + <small> + <i class="icon-folder-close-alt"></i> · + Unicode: <span class="upper">f114</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-folder-close-alt"></i> icon-folder-close-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-close-alt"</span><span class="nt">></i></span> icon-folder-close-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/folder-close/index.html b/icon/folder-close/index.html new file mode 100644 index 000000000..2d4f5eead --- /dev/null +++ b/icon/folder-close/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-folder-close: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-folder-close icon-6"></i> + <i class="icon-folder-close icon-5"></i> + <i class="icon-folder-close icon-4"></i> + <i class="icon-folder-close icon-3"></i> + <i class="icon-folder-close icon-2"></i> + <i class="icon-folder-close icon-1"></i> + </div> + <h1 class="info-class"> + icon-folder-close + <small> + <i class="icon-folder-close"></i> · + Unicode: <span class="upper">f07b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-folder-close"></i> icon-folder-close + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-close"</span><span class="nt">></i></span> icon-folder-close +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/folder-open-alt/index.html b/icon/folder-open-alt/index.html new file mode 100644 index 000000000..1ec7c0c77 --- /dev/null +++ b/icon/folder-open-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-folder-open-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-folder-open-alt icon-6"></i> + <i class="icon-folder-open-alt icon-5"></i> + <i class="icon-folder-open-alt icon-4"></i> + <i class="icon-folder-open-alt icon-3"></i> + <i class="icon-folder-open-alt icon-2"></i> + <i class="icon-folder-open-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-folder-open-alt + <small> + <i class="icon-folder-open-alt"></i> · + Unicode: <span class="upper">f115</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-folder-open-alt"></i> icon-folder-open-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-open-alt"</span><span class="nt">></i></span> icon-folder-open-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/folder-open/index.html b/icon/folder-open/index.html new file mode 100644 index 000000000..e06bc2e8b --- /dev/null +++ b/icon/folder-open/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-folder-open: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-folder-open icon-6"></i> + <i class="icon-folder-open icon-5"></i> + <i class="icon-folder-open icon-4"></i> + <i class="icon-folder-open icon-3"></i> + <i class="icon-folder-open icon-2"></i> + <i class="icon-folder-open icon-1"></i> + </div> + <h1 class="info-class"> + icon-folder-open + <small> + <i class="icon-folder-open"></i> · + Unicode: <span class="upper">f07c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-folder-open"></i> icon-folder-open + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-folder-open"</span><span class="nt">></i></span> icon-folder-open +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/font/index.html b/icon/font/index.html new file mode 100644 index 000000000..9f37c7e9d --- /dev/null +++ b/icon/font/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-font: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-font icon-6"></i> + <i class="icon-font icon-5"></i> + <i class="icon-font icon-4"></i> + <i class="icon-font icon-3"></i> + <i class="icon-font icon-2"></i> + <i class="icon-font icon-1"></i> + </div> + <h1 class="info-class"> + icon-font + <small> + <i class="icon-font"></i> · + Unicode: <span class="upper">f031</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-font"></i> icon-font + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-font"</span><span class="nt">></i></span> icon-font +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/food/index.html b/icon/food/index.html new file mode 100644 index 000000000..434e42f16 --- /dev/null +++ b/icon/food/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-food: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-food icon-6"></i> + <i class="icon-food icon-5"></i> + <i class="icon-food icon-4"></i> + <i class="icon-food icon-3"></i> + <i class="icon-food icon-2"></i> + <i class="icon-food icon-1"></i> + </div> + <h1 class="info-class"> + icon-food + <small> + <i class="icon-food"></i> · + Unicode: <span class="upper">f0f5</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-food"></i> icon-food + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-food"</span><span class="nt">></i></span> icon-food +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/forward/index.html b/icon/forward/index.html new file mode 100644 index 000000000..af521d284 --- /dev/null +++ b/icon/forward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-forward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-forward icon-6"></i> + <i class="icon-forward icon-5"></i> + <i class="icon-forward icon-4"></i> + <i class="icon-forward icon-3"></i> + <i class="icon-forward icon-2"></i> + <i class="icon-forward icon-1"></i> + </div> + <h1 class="info-class"> + icon-forward + <small> + <i class="icon-forward"></i> · + Unicode: <span class="upper">f04e</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-forward"></i> icon-forward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-forward"</span><span class="nt">></i></span> icon-forward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/frown/index.html b/icon/frown/index.html new file mode 100644 index 000000000..74ec971e4 --- /dev/null +++ b/icon/frown/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-frown: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-frown icon-6"></i> + <i class="icon-frown icon-5"></i> + <i class="icon-frown icon-4"></i> + <i class="icon-frown icon-3"></i> + <i class="icon-frown icon-2"></i> + <i class="icon-frown icon-1"></i> + </div> + <h1 class="info-class"> + icon-frown + <small> + <i class="icon-frown"></i> · + Unicode: <span class="upper">f119</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-frown"></i> icon-frown + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-frown"</span><span class="nt">></i></span> icon-frown +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/fullscreen/index.html b/icon/fullscreen/index.html new file mode 100644 index 000000000..8a06675ae --- /dev/null +++ b/icon/fullscreen/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-fullscreen: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-fullscreen icon-6"></i> + <i class="icon-fullscreen icon-5"></i> + <i class="icon-fullscreen icon-4"></i> + <i class="icon-fullscreen icon-3"></i> + <i class="icon-fullscreen icon-2"></i> + <i class="icon-fullscreen icon-1"></i> + </div> + <h1 class="info-class"> + icon-fullscreen + <small> + <i class="icon-fullscreen"></i> · + Unicode: <span class="upper">f0b2</span> · + Created: v2.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-fullscreen"></i> icon-fullscreen + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-fullscreen"</span><span class="nt">></i></span> icon-fullscreen +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/gamepad/index.html b/icon/gamepad/index.html new file mode 100644 index 000000000..6b97ba3b8 --- /dev/null +++ b/icon/gamepad/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-gamepad: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-gamepad icon-6"></i> + <i class="icon-gamepad icon-5"></i> + <i class="icon-gamepad icon-4"></i> + <i class="icon-gamepad icon-3"></i> + <i class="icon-gamepad icon-2"></i> + <i class="icon-gamepad icon-1"></i> + </div> + <h1 class="info-class"> + icon-gamepad + <small> + <i class="icon-gamepad"></i> · + Unicode: <span class="upper">f11b</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-gamepad"></i> icon-gamepad + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gamepad"</span><span class="nt">></i></span> icon-gamepad +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/gift/index.html b/icon/gift/index.html new file mode 100644 index 000000000..a984e1279 --- /dev/null +++ b/icon/gift/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-gift: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-gift icon-6"></i> + <i class="icon-gift icon-5"></i> + <i class="icon-gift icon-4"></i> + <i class="icon-gift icon-3"></i> + <i class="icon-gift icon-2"></i> + <i class="icon-gift icon-1"></i> + </div> + <h1 class="info-class"> + icon-gift + <small> + <i class="icon-gift"></i> · + Unicode: <span class="upper">f06b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-gift"></i> icon-gift + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-gift"</span><span class="nt">></i></span> icon-gift +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/github-sign/index.html b/icon/github-sign/index.html new file mode 100644 index 000000000..b842b5a23 --- /dev/null +++ b/icon/github-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-github-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-github-sign icon-6"></i> + <i class="icon-github-sign icon-5"></i> + <i class="icon-github-sign icon-4"></i> + <i class="icon-github-sign icon-3"></i> + <i class="icon-github-sign icon-2"></i> + <i class="icon-github-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-github-sign + <small> + <i class="icon-github-sign"></i> · + Unicode: <span class="upper">f092</span> · + Created: v1.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-github-sign"></i> icon-github-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-github-sign"</span><span class="nt">></i></span> icon-github-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/github/index.html b/icon/github/index.html new file mode 100644 index 000000000..acaced0a1 --- /dev/null +++ b/icon/github/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-github: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-github icon-6"></i> + <i class="icon-github icon-5"></i> + <i class="icon-github icon-4"></i> + <i class="icon-github icon-3"></i> + <i class="icon-github icon-2"></i> + <i class="icon-github icon-1"></i> + </div> + <h1 class="info-class"> + icon-github + <small> + <i class="icon-github"></i> · + Unicode: <span class="upper">f09b</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-github"></i> icon-github + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-github"</span><span class="nt">></i></span> icon-github +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/glass/index.html b/icon/glass/index.html new file mode 100644 index 000000000..fcde44fde --- /dev/null +++ b/icon/glass/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-glass: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-glass icon-6"></i> + <i class="icon-glass icon-5"></i> + <i class="icon-glass icon-4"></i> + <i class="icon-glass icon-3"></i> + <i class="icon-glass icon-2"></i> + <i class="icon-glass icon-1"></i> + </div> + <h1 class="info-class"> + icon-glass + <small> + <i class="icon-glass"></i> · + Unicode: <span class="upper">f000</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-glass"></i> icon-glass + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-glass"</span><span class="nt">></i></span> icon-glass +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/globe/index.html b/icon/globe/index.html new file mode 100644 index 000000000..05e642a0c --- /dev/null +++ b/icon/globe/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-globe: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-globe icon-6"></i> + <i class="icon-globe icon-5"></i> + <i class="icon-globe icon-4"></i> + <i class="icon-globe icon-3"></i> + <i class="icon-globe icon-2"></i> + <i class="icon-globe icon-1"></i> + </div> + <h1 class="info-class"> + icon-globe + <small> + <i class="icon-globe"></i> · + Unicode: <span class="upper">f0ac</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-globe"></i> icon-globe + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-globe"</span><span class="nt">></i></span> icon-globe +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/google-plus-sign/index.html b/icon/google-plus-sign/index.html new file mode 100644 index 000000000..1d04b40ce --- /dev/null +++ b/icon/google-plus-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-google-plus-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-google-plus-sign icon-6"></i> + <i class="icon-google-plus-sign icon-5"></i> + <i class="icon-google-plus-sign icon-4"></i> + <i class="icon-google-plus-sign icon-3"></i> + <i class="icon-google-plus-sign icon-2"></i> + <i class="icon-google-plus-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-google-plus-sign + <small> + <i class="icon-google-plus-sign"></i> · + Unicode: <span class="upper">f0d4</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-google-plus-sign"></i> icon-google-plus-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-google-plus-sign"</span><span class="nt">></i></span> icon-google-plus-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/google-plus/index.html b/icon/google-plus/index.html new file mode 100644 index 000000000..ecf3603a0 --- /dev/null +++ b/icon/google-plus/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-google-plus: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-google-plus icon-6"></i> + <i class="icon-google-plus icon-5"></i> + <i class="icon-google-plus icon-4"></i> + <i class="icon-google-plus icon-3"></i> + <i class="icon-google-plus icon-2"></i> + <i class="icon-google-plus icon-1"></i> + </div> + <h1 class="info-class"> + icon-google-plus + <small> + <i class="icon-google-plus"></i> · + Unicode: <span class="upper">f0d5</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-google-plus"></i> icon-google-plus + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-google-plus"</span><span class="nt">></i></span> icon-google-plus +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/group/index.html b/icon/group/index.html new file mode 100644 index 000000000..f7c961cfa --- /dev/null +++ b/icon/group/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-group: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-group icon-6"></i> + <i class="icon-group icon-5"></i> + <i class="icon-group icon-4"></i> + <i class="icon-group icon-3"></i> + <i class="icon-group icon-2"></i> + <i class="icon-group icon-1"></i> + </div> + <h1 class="info-class"> + icon-group + <small> + <i class="icon-group"></i> · + Unicode: <span class="upper">f0c0</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-group"></i> icon-group + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-group"</span><span class="nt">></i></span> icon-group +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/h-sign/index.html b/icon/h-sign/index.html new file mode 100644 index 000000000..1124e1c41 --- /dev/null +++ b/icon/h-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-h-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-h-sign icon-6"></i> + <i class="icon-h-sign icon-5"></i> + <i class="icon-h-sign icon-4"></i> + <i class="icon-h-sign icon-3"></i> + <i class="icon-h-sign icon-2"></i> + <i class="icon-h-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-h-sign + <small> + <i class="icon-h-sign"></i> · + Unicode: <span class="upper">f0fd</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-h-sign"></i> icon-h-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-h-sign"</span><span class="nt">></i></span> icon-h-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hand-down/index.html b/icon/hand-down/index.html new file mode 100644 index 000000000..f412f2d34 --- /dev/null +++ b/icon/hand-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hand-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hand-down icon-6"></i> + <i class="icon-hand-down icon-5"></i> + <i class="icon-hand-down icon-4"></i> + <i class="icon-hand-down icon-3"></i> + <i class="icon-hand-down icon-2"></i> + <i class="icon-hand-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-hand-down + <small> + <i class="icon-hand-down"></i> · + Unicode: <span class="upper">f0a7</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hand-down"></i> icon-hand-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-down"</span><span class="nt">></i></span> icon-hand-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hand-left/index.html b/icon/hand-left/index.html new file mode 100644 index 000000000..66680ba3c --- /dev/null +++ b/icon/hand-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hand-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hand-left icon-6"></i> + <i class="icon-hand-left icon-5"></i> + <i class="icon-hand-left icon-4"></i> + <i class="icon-hand-left icon-3"></i> + <i class="icon-hand-left icon-2"></i> + <i class="icon-hand-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-hand-left + <small> + <i class="icon-hand-left"></i> · + Unicode: <span class="upper">f0a5</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hand-left"></i> icon-hand-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-left"</span><span class="nt">></i></span> icon-hand-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hand-right/index.html b/icon/hand-right/index.html new file mode 100644 index 000000000..949ff083f --- /dev/null +++ b/icon/hand-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hand-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hand-right icon-6"></i> + <i class="icon-hand-right icon-5"></i> + <i class="icon-hand-right icon-4"></i> + <i class="icon-hand-right icon-3"></i> + <i class="icon-hand-right icon-2"></i> + <i class="icon-hand-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-hand-right + <small> + <i class="icon-hand-right"></i> · + Unicode: <span class="upper">f0a4</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hand-right"></i> icon-hand-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-right"</span><span class="nt">></i></span> icon-hand-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hand-up/index.html b/icon/hand-up/index.html new file mode 100644 index 000000000..150a5b82b --- /dev/null +++ b/icon/hand-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hand-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hand-up icon-6"></i> + <i class="icon-hand-up icon-5"></i> + <i class="icon-hand-up icon-4"></i> + <i class="icon-hand-up icon-3"></i> + <i class="icon-hand-up icon-2"></i> + <i class="icon-hand-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-hand-up + <small> + <i class="icon-hand-up"></i> · + Unicode: <span class="upper">f0a6</span> · + Created: v2.0.0 · + Categories: + + Directional Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hand-up"></i> icon-hand-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hand-up"</span><span class="nt">></i></span> icon-hand-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hdd/index.html b/icon/hdd/index.html new file mode 100644 index 000000000..f59a1323f --- /dev/null +++ b/icon/hdd/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hdd: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hdd icon-6"></i> + <i class="icon-hdd icon-5"></i> + <i class="icon-hdd icon-4"></i> + <i class="icon-hdd icon-3"></i> + <i class="icon-hdd icon-2"></i> + <i class="icon-hdd icon-1"></i> + </div> + <h1 class="info-class"> + icon-hdd + <small> + <i class="icon-hdd"></i> · + Unicode: <span class="upper">f0a0</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hdd"></i> icon-hdd + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hdd"</span><span class="nt">></i></span> icon-hdd +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/headphones/index.html b/icon/headphones/index.html new file mode 100644 index 000000000..8e69e5805 --- /dev/null +++ b/icon/headphones/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-headphones: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-headphones icon-6"></i> + <i class="icon-headphones icon-5"></i> + <i class="icon-headphones icon-4"></i> + <i class="icon-headphones icon-3"></i> + <i class="icon-headphones icon-2"></i> + <i class="icon-headphones icon-1"></i> + </div> + <h1 class="info-class"> + icon-headphones + <small> + <i class="icon-headphones"></i> · + Unicode: <span class="upper">f025</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-headphones"></i> icon-headphones + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-headphones"</span><span class="nt">></i></span> icon-headphones +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/heart-empty/index.html b/icon/heart-empty/index.html new file mode 100644 index 000000000..59211d7fe --- /dev/null +++ b/icon/heart-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-heart-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-heart-empty icon-6"></i> + <i class="icon-heart-empty icon-5"></i> + <i class="icon-heart-empty icon-4"></i> + <i class="icon-heart-empty icon-3"></i> + <i class="icon-heart-empty icon-2"></i> + <i class="icon-heart-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-heart-empty + <small> + <i class="icon-heart-empty"></i> · + Unicode: <span class="upper">f08a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-heart-empty"></i> icon-heart-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-heart-empty"</span><span class="nt">></i></span> icon-heart-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/heart/index.html b/icon/heart/index.html new file mode 100644 index 000000000..ee84a20e7 --- /dev/null +++ b/icon/heart/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-heart: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-heart icon-6"></i> + <i class="icon-heart icon-5"></i> + <i class="icon-heart icon-4"></i> + <i class="icon-heart icon-3"></i> + <i class="icon-heart icon-2"></i> + <i class="icon-heart icon-1"></i> + </div> + <h1 class="info-class"> + icon-heart + <small> + <i class="icon-heart"></i> · + Unicode: <span class="upper">f004</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-heart"></i> icon-heart + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-heart"</span><span class="nt">></i></span> icon-heart +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/home/index.html b/icon/home/index.html new file mode 100644 index 000000000..d567792da --- /dev/null +++ b/icon/home/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-home: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-home icon-6"></i> + <i class="icon-home icon-5"></i> + <i class="icon-home icon-4"></i> + <i class="icon-home icon-3"></i> + <i class="icon-home icon-2"></i> + <i class="icon-home icon-1"></i> + </div> + <h1 class="info-class"> + icon-home + <small> + <i class="icon-home"></i> · + Unicode: <span class="upper">f015</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-home"></i> icon-home + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-home"</span><span class="nt">></i></span> icon-home +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/hospital/index.html b/icon/hospital/index.html new file mode 100644 index 000000000..5bc3eff37 --- /dev/null +++ b/icon/hospital/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-hospital: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-hospital icon-6"></i> + <i class="icon-hospital icon-5"></i> + <i class="icon-hospital icon-4"></i> + <i class="icon-hospital icon-3"></i> + <i class="icon-hospital icon-2"></i> + <i class="icon-hospital icon-1"></i> + </div> + <h1 class="info-class"> + icon-hospital + <small> + <i class="icon-hospital"></i> · + Unicode: <span class="upper">f0f8</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-hospital"></i> icon-hospital + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-hospital"</span><span class="nt">></i></span> icon-hospital +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/html5/index.html b/icon/html5/index.html new file mode 100644 index 000000000..1e7901838 --- /dev/null +++ b/icon/html5/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-html5: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-html5 icon-6"></i> + <i class="icon-html5 icon-5"></i> + <i class="icon-html5 icon-4"></i> + <i class="icon-html5 icon-3"></i> + <i class="icon-html5 icon-2"></i> + <i class="icon-html5 icon-1"></i> + </div> + <h1 class="info-class"> + icon-html5 + <small> + <i class="icon-html5"></i> · + Unicode: <span class="upper">f13b</span> · + Created: v3.1.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-html5"></i> icon-html5 + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-html5"</span><span class="nt">></i></span> icon-html5 +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/inbox/index.html b/icon/inbox/index.html new file mode 100644 index 000000000..b0d63f9fa --- /dev/null +++ b/icon/inbox/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-inbox: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-inbox icon-6"></i> + <i class="icon-inbox icon-5"></i> + <i class="icon-inbox icon-4"></i> + <i class="icon-inbox icon-3"></i> + <i class="icon-inbox icon-2"></i> + <i class="icon-inbox icon-1"></i> + </div> + <h1 class="info-class"> + icon-inbox + <small> + <i class="icon-inbox"></i> · + Unicode: <span class="upper">f01c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-inbox"></i> icon-inbox + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-inbox"</span><span class="nt">></i></span> icon-inbox +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/indent-left/index.html b/icon/indent-left/index.html new file mode 100644 index 000000000..786170815 --- /dev/null +++ b/icon/indent-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-indent-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-indent-left icon-6"></i> + <i class="icon-indent-left icon-5"></i> + <i class="icon-indent-left icon-4"></i> + <i class="icon-indent-left icon-3"></i> + <i class="icon-indent-left icon-2"></i> + <i class="icon-indent-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-indent-left + <small> + <i class="icon-indent-left"></i> · + Unicode: <span class="upper">f03b</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-indent-left"></i> icon-indent-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-indent-left"</span><span class="nt">></i></span> icon-indent-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/indent-right/index.html b/icon/indent-right/index.html new file mode 100644 index 000000000..8ebb8b531 --- /dev/null +++ b/icon/indent-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-indent-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-indent-right icon-6"></i> + <i class="icon-indent-right icon-5"></i> + <i class="icon-indent-right icon-4"></i> + <i class="icon-indent-right icon-3"></i> + <i class="icon-indent-right icon-2"></i> + <i class="icon-indent-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-indent-right + <small> + <i class="icon-indent-right"></i> · + Unicode: <span class="upper">f03c</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-indent-right"></i> icon-indent-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-indent-right"</span><span class="nt">></i></span> icon-indent-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/info-sign/index.html b/icon/info-sign/index.html new file mode 100644 index 000000000..28daa0727 --- /dev/null +++ b/icon/info-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-info-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-info-sign icon-6"></i> + <i class="icon-info-sign icon-5"></i> + <i class="icon-info-sign icon-4"></i> + <i class="icon-info-sign icon-3"></i> + <i class="icon-info-sign icon-2"></i> + <i class="icon-info-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-info-sign + <small> + <i class="icon-info-sign"></i> · + Unicode: <span class="upper">f05a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-info-sign"></i> icon-info-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info-sign"</span><span class="nt">></i></span> icon-info-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/info/index.html b/icon/info/index.html new file mode 100644 index 000000000..99d84777c --- /dev/null +++ b/icon/info/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-info: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-info icon-6"></i> + <i class="icon-info icon-5"></i> + <i class="icon-info icon-4"></i> + <i class="icon-info icon-3"></i> + <i class="icon-info icon-2"></i> + <i class="icon-info icon-1"></i> + </div> + <h1 class="info-class"> + icon-info + <small> + <i class="icon-info"></i> · + Unicode: <span class="upper">f129</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-info"></i> icon-info + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-info"</span><span class="nt">></i></span> icon-info +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/italic/index.html b/icon/italic/index.html new file mode 100644 index 000000000..a5b2c0f09 --- /dev/null +++ b/icon/italic/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-italic: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-italic icon-6"></i> + <i class="icon-italic icon-5"></i> + <i class="icon-italic icon-4"></i> + <i class="icon-italic icon-3"></i> + <i class="icon-italic icon-2"></i> + <i class="icon-italic icon-1"></i> + </div> + <h1 class="info-class"> + icon-italic + <small> + <i class="icon-italic"></i> · + Unicode: <span class="upper">f033</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-italic"></i> icon-italic + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-italic"</span><span class="nt">></i></span> icon-italic +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/key/index.html b/icon/key/index.html new file mode 100644 index 000000000..402b24e63 --- /dev/null +++ b/icon/key/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-key: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-key icon-6"></i> + <i class="icon-key icon-5"></i> + <i class="icon-key icon-4"></i> + <i class="icon-key icon-3"></i> + <i class="icon-key icon-2"></i> + <i class="icon-key icon-1"></i> + </div> + <h1 class="info-class"> + icon-key + <small> + <i class="icon-key"></i> · + Unicode: <span class="upper">f084</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-key"></i> icon-key + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-key"</span><span class="nt">></i></span> icon-key +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/keyboard/index.html b/icon/keyboard/index.html new file mode 100644 index 000000000..e844d06ba --- /dev/null +++ b/icon/keyboard/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-keyboard: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-keyboard icon-6"></i> + <i class="icon-keyboard icon-5"></i> + <i class="icon-keyboard icon-4"></i> + <i class="icon-keyboard icon-3"></i> + <i class="icon-keyboard icon-2"></i> + <i class="icon-keyboard icon-1"></i> + </div> + <h1 class="info-class"> + icon-keyboard + <small> + <i class="icon-keyboard"></i> · + Unicode: <span class="upper">f11c</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-keyboard"></i> icon-keyboard + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-keyboard"</span><span class="nt">></i></span> icon-keyboard +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/laptop/index.html b/icon/laptop/index.html new file mode 100644 index 000000000..6a2544fcc --- /dev/null +++ b/icon/laptop/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-laptop: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-laptop icon-6"></i> + <i class="icon-laptop icon-5"></i> + <i class="icon-laptop icon-4"></i> + <i class="icon-laptop icon-3"></i> + <i class="icon-laptop icon-2"></i> + <i class="icon-laptop icon-1"></i> + </div> + <h1 class="info-class"> + icon-laptop + <small> + <i class="icon-laptop"></i> · + Unicode: <span class="upper">f109</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-laptop"></i> icon-laptop + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-laptop"</span><span class="nt">></i></span> icon-laptop +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/leaf/index.html b/icon/leaf/index.html new file mode 100644 index 000000000..0f82fc4e7 --- /dev/null +++ b/icon/leaf/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-leaf: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-leaf icon-6"></i> + <i class="icon-leaf icon-5"></i> + <i class="icon-leaf icon-4"></i> + <i class="icon-leaf icon-3"></i> + <i class="icon-leaf icon-2"></i> + <i class="icon-leaf icon-1"></i> + </div> + <h1 class="info-class"> + icon-leaf + <small> + <i class="icon-leaf"></i> · + Unicode: <span class="upper">f06c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-leaf"></i> icon-leaf + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-leaf"</span><span class="nt">></i></span> icon-leaf +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/legal/index.html b/icon/legal/index.html new file mode 100644 index 000000000..dfa381e69 --- /dev/null +++ b/icon/legal/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-legal: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-legal icon-6"></i> + <i class="icon-legal icon-5"></i> + <i class="icon-legal icon-4"></i> + <i class="icon-legal icon-3"></i> + <i class="icon-legal icon-2"></i> + <i class="icon-legal icon-1"></i> + </div> + <h1 class="info-class"> + icon-legal + <small> + <i class="icon-legal"></i> · + Unicode: <span class="upper">f0e3</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-legal"></i> icon-legal + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-legal"</span><span class="nt">></i></span> icon-legal +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/lemon/index.html b/icon/lemon/index.html new file mode 100644 index 000000000..5e1b9fc96 --- /dev/null +++ b/icon/lemon/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-lemon: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-lemon icon-6"></i> + <i class="icon-lemon icon-5"></i> + <i class="icon-lemon icon-4"></i> + <i class="icon-lemon icon-3"></i> + <i class="icon-lemon icon-2"></i> + <i class="icon-lemon icon-1"></i> + </div> + <h1 class="info-class"> + icon-lemon + <small> + <i class="icon-lemon"></i> · + Unicode: <span class="upper">f094</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-lemon"></i> icon-lemon + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lemon"</span><span class="nt">></i></span> icon-lemon +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/level-down/index.html b/icon/level-down/index.html new file mode 100644 index 000000000..7087e0412 --- /dev/null +++ b/icon/level-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-level-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-level-down icon-6"></i> + <i class="icon-level-down icon-5"></i> + <i class="icon-level-down icon-4"></i> + <i class="icon-level-down icon-3"></i> + <i class="icon-level-down icon-2"></i> + <i class="icon-level-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-level-down + <small> + <i class="icon-level-down"></i> · + Unicode: <span class="upper">f149</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-level-down"></i> icon-level-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-level-down"</span><span class="nt">></i></span> icon-level-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/level-up/index.html b/icon/level-up/index.html new file mode 100644 index 000000000..b58ace7bb --- /dev/null +++ b/icon/level-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-level-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-level-up icon-6"></i> + <i class="icon-level-up icon-5"></i> + <i class="icon-level-up icon-4"></i> + <i class="icon-level-up icon-3"></i> + <i class="icon-level-up icon-2"></i> + <i class="icon-level-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-level-up + <small> + <i class="icon-level-up"></i> · + Unicode: <span class="upper">f148</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-level-up"></i> icon-level-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-level-up"</span><span class="nt">></i></span> icon-level-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/lightbulb/index.html b/icon/lightbulb/index.html new file mode 100644 index 000000000..4319efe7b --- /dev/null +++ b/icon/lightbulb/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-lightbulb: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-lightbulb icon-6"></i> + <i class="icon-lightbulb icon-5"></i> + <i class="icon-lightbulb icon-4"></i> + <i class="icon-lightbulb icon-3"></i> + <i class="icon-lightbulb icon-2"></i> + <i class="icon-lightbulb icon-1"></i> + </div> + <h1 class="info-class"> + icon-lightbulb + <small> + <i class="icon-lightbulb"></i> · + Unicode: <span class="upper">f0eb</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-lightbulb"></i> icon-lightbulb + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lightbulb"</span><span class="nt">></i></span> icon-lightbulb +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/link/index.html b/icon/link/index.html new file mode 100644 index 000000000..84ecc0472 --- /dev/null +++ b/icon/link/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-link: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-link icon-6"></i> + <i class="icon-link icon-5"></i> + <i class="icon-link icon-4"></i> + <i class="icon-link icon-3"></i> + <i class="icon-link icon-2"></i> + <i class="icon-link icon-1"></i> + </div> + <h1 class="info-class"> + icon-link + <small> + <i class="icon-link"></i> · + Unicode: <span class="upper">f0c1</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-link"></i> icon-link + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-link"</span><span class="nt">></i></span> icon-link +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/linkedin-sign/index.html b/icon/linkedin-sign/index.html new file mode 100644 index 000000000..3876778e2 --- /dev/null +++ b/icon/linkedin-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-linkedin-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-linkedin-sign icon-6"></i> + <i class="icon-linkedin-sign icon-5"></i> + <i class="icon-linkedin-sign icon-4"></i> + <i class="icon-linkedin-sign icon-3"></i> + <i class="icon-linkedin-sign icon-2"></i> + <i class="icon-linkedin-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-linkedin-sign + <small> + <i class="icon-linkedin-sign"></i> · + Unicode: <span class="upper">f08c</span> · + Created: v1.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-linkedin-sign"></i> icon-linkedin-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-linkedin-sign"</span><span class="nt">></i></span> icon-linkedin-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/linkedin/index.html b/icon/linkedin/index.html new file mode 100644 index 000000000..b9a19ed71 --- /dev/null +++ b/icon/linkedin/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-linkedin: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-linkedin icon-6"></i> + <i class="icon-linkedin icon-5"></i> + <i class="icon-linkedin icon-4"></i> + <i class="icon-linkedin icon-3"></i> + <i class="icon-linkedin icon-2"></i> + <i class="icon-linkedin icon-1"></i> + </div> + <h1 class="info-class"> + icon-linkedin + <small> + <i class="icon-linkedin"></i> · + Unicode: <span class="upper">f0e1</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-linkedin"></i> icon-linkedin + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-linkedin"</span><span class="nt">></i></span> icon-linkedin +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/list-alt/index.html b/icon/list-alt/index.html new file mode 100644 index 000000000..e27c5579d --- /dev/null +++ b/icon/list-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-list-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-list-alt icon-6"></i> + <i class="icon-list-alt icon-5"></i> + <i class="icon-list-alt icon-4"></i> + <i class="icon-list-alt icon-3"></i> + <i class="icon-list-alt icon-2"></i> + <i class="icon-list-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-list-alt + <small> + <i class="icon-list-alt"></i> · + Unicode: <span class="upper">f022</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-list-alt"></i> icon-list-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-alt"</span><span class="nt">></i></span> icon-list-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/list-ol/index.html b/icon/list-ol/index.html new file mode 100644 index 000000000..b472067b9 --- /dev/null +++ b/icon/list-ol/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-list-ol: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-list-ol icon-6"></i> + <i class="icon-list-ol icon-5"></i> + <i class="icon-list-ol icon-4"></i> + <i class="icon-list-ol icon-3"></i> + <i class="icon-list-ol icon-2"></i> + <i class="icon-list-ol icon-1"></i> + </div> + <h1 class="info-class"> + icon-list-ol + <small> + <i class="icon-list-ol"></i> · + Unicode: <span class="upper">f0cb</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-list-ol"></i> icon-list-ol + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-ol"</span><span class="nt">></i></span> icon-list-ol +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/list-ul/index.html b/icon/list-ul/index.html new file mode 100644 index 000000000..e47accd8b --- /dev/null +++ b/icon/list-ul/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-list-ul: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-list-ul icon-6"></i> + <i class="icon-list-ul icon-5"></i> + <i class="icon-list-ul icon-4"></i> + <i class="icon-list-ul icon-3"></i> + <i class="icon-list-ul icon-2"></i> + <i class="icon-list-ul icon-1"></i> + </div> + <h1 class="info-class"> + icon-list-ul + <small> + <i class="icon-list-ul"></i> · + Unicode: <span class="upper">f0ca</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-list-ul"></i> icon-list-ul + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list-ul"</span><span class="nt">></i></span> icon-list-ul +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/list/index.html b/icon/list/index.html new file mode 100644 index 000000000..b5d473bdc --- /dev/null +++ b/icon/list/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-list: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-list icon-6"></i> + <i class="icon-list icon-5"></i> + <i class="icon-list icon-4"></i> + <i class="icon-list icon-3"></i> + <i class="icon-list icon-2"></i> + <i class="icon-list icon-1"></i> + </div> + <h1 class="info-class"> + icon-list + <small> + <i class="icon-list"></i> · + Unicode: <span class="upper">f03a</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-list"></i> icon-list + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-list"</span><span class="nt">></i></span> icon-list +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/location-arrow/index.html b/icon/location-arrow/index.html new file mode 100644 index 000000000..17f4cacb0 --- /dev/null +++ b/icon/location-arrow/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-location-arrow: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-location-arrow icon-6"></i> + <i class="icon-location-arrow icon-5"></i> + <i class="icon-location-arrow icon-4"></i> + <i class="icon-location-arrow icon-3"></i> + <i class="icon-location-arrow icon-2"></i> + <i class="icon-location-arrow icon-1"></i> + </div> + <h1 class="info-class"> + icon-location-arrow + <small> + <i class="icon-location-arrow"></i> · + Unicode: <span class="upper">f124</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-location-arrow"></i> icon-location-arrow + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-location-arrow"</span><span class="nt">></i></span> icon-location-arrow +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/lock/index.html b/icon/lock/index.html new file mode 100644 index 000000000..748390b84 --- /dev/null +++ b/icon/lock/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-lock: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-lock icon-6"></i> + <i class="icon-lock icon-5"></i> + <i class="icon-lock icon-4"></i> + <i class="icon-lock icon-3"></i> + <i class="icon-lock icon-2"></i> + <i class="icon-lock icon-1"></i> + </div> + <h1 class="info-class"> + icon-lock + <small> + <i class="icon-lock"></i> · + Unicode: <span class="upper">f023</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-lock"></i> icon-lock + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-lock"</span><span class="nt">></i></span> icon-lock +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/magic/index.html b/icon/magic/index.html new file mode 100644 index 000000000..46ed2ca68 --- /dev/null +++ b/icon/magic/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-magic: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-magic icon-6"></i> + <i class="icon-magic icon-5"></i> + <i class="icon-magic icon-4"></i> + <i class="icon-magic icon-3"></i> + <i class="icon-magic icon-2"></i> + <i class="icon-magic icon-1"></i> + </div> + <h1 class="info-class"> + icon-magic + <small> + <i class="icon-magic"></i> · + Unicode: <span class="upper">f0d0</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-magic"></i> icon-magic + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-magic"</span><span class="nt">></i></span> icon-magic +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/magnet/index.html b/icon/magnet/index.html new file mode 100644 index 000000000..7128f80ad --- /dev/null +++ b/icon/magnet/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-magnet: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-magnet icon-6"></i> + <i class="icon-magnet icon-5"></i> + <i class="icon-magnet icon-4"></i> + <i class="icon-magnet icon-3"></i> + <i class="icon-magnet icon-2"></i> + <i class="icon-magnet icon-1"></i> + </div> + <h1 class="info-class"> + icon-magnet + <small> + <i class="icon-magnet"></i> · + Unicode: <span class="upper">f076</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-magnet"></i> icon-magnet + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-magnet"</span><span class="nt">></i></span> icon-magnet +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/mail-reply-all/index.html b/icon/mail-reply-all/index.html new file mode 100644 index 000000000..911b9c396 --- /dev/null +++ b/icon/mail-reply-all/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-mail-reply-all: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-mail-reply-all icon-6"></i> + <i class="icon-mail-reply-all icon-5"></i> + <i class="icon-mail-reply-all icon-4"></i> + <i class="icon-mail-reply-all icon-3"></i> + <i class="icon-mail-reply-all icon-2"></i> + <i class="icon-mail-reply-all icon-1"></i> + </div> + <h1 class="info-class"> + icon-mail-reply-all + <small> + <i class="icon-mail-reply-all"></i> · + Unicode: <span class="upper">f122</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-mail-reply-all"></i> icon-mail-reply-all + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-mail-reply-all"</span><span class="nt">></i></span> icon-mail-reply-all +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/map-marker/index.html b/icon/map-marker/index.html new file mode 100644 index 000000000..c15a846a0 --- /dev/null +++ b/icon/map-marker/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-map-marker: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-map-marker icon-6"></i> + <i class="icon-map-marker icon-5"></i> + <i class="icon-map-marker icon-4"></i> + <i class="icon-map-marker icon-3"></i> + <i class="icon-map-marker icon-2"></i> + <i class="icon-map-marker icon-1"></i> + </div> + <h1 class="info-class"> + icon-map-marker + <small> + <i class="icon-map-marker"></i> · + Unicode: <span class="upper">f041</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-map-marker"></i> icon-map-marker + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-map-marker"</span><span class="nt">></i></span> icon-map-marker +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/maxcdn/index.html b/icon/maxcdn/index.html new file mode 100644 index 000000000..9991a594e --- /dev/null +++ b/icon/maxcdn/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-maxcdn: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-maxcdn icon-6"></i> + <i class="icon-maxcdn icon-5"></i> + <i class="icon-maxcdn icon-4"></i> + <i class="icon-maxcdn icon-3"></i> + <i class="icon-maxcdn icon-2"></i> + <i class="icon-maxcdn icon-1"></i> + </div> + <h1 class="info-class"> + icon-maxcdn + <small> + <i class="icon-maxcdn"></i> · + Unicode: <span class="upper">f136</span> · + Created: v3.1.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-maxcdn"></i> icon-maxcdn + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-maxcdn"</span><span class="nt">></i></span> icon-maxcdn +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/medkit/index.html b/icon/medkit/index.html new file mode 100644 index 000000000..4b9033ba5 --- /dev/null +++ b/icon/medkit/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-medkit: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-medkit icon-6"></i> + <i class="icon-medkit icon-5"></i> + <i class="icon-medkit icon-4"></i> + <i class="icon-medkit icon-3"></i> + <i class="icon-medkit icon-2"></i> + <i class="icon-medkit icon-1"></i> + </div> + <h1 class="info-class"> + icon-medkit + <small> + <i class="icon-medkit"></i> · + Unicode: <span class="upper">f0fa</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-medkit"></i> icon-medkit + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-medkit"</span><span class="nt">></i></span> icon-medkit +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/meh/index.html b/icon/meh/index.html new file mode 100644 index 000000000..e795d2d46 --- /dev/null +++ b/icon/meh/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-meh: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-meh icon-6"></i> + <i class="icon-meh icon-5"></i> + <i class="icon-meh icon-4"></i> + <i class="icon-meh icon-3"></i> + <i class="icon-meh icon-2"></i> + <i class="icon-meh icon-1"></i> + </div> + <h1 class="info-class"> + icon-meh + <small> + <i class="icon-meh"></i> · + Unicode: <span class="upper">f11a</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-meh"></i> icon-meh + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-meh"</span><span class="nt">></i></span> icon-meh +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/microphone-off/index.html b/icon/microphone-off/index.html new file mode 100644 index 000000000..9fdc0be6d --- /dev/null +++ b/icon/microphone-off/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-microphone-off: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-microphone-off icon-6"></i> + <i class="icon-microphone-off icon-5"></i> + <i class="icon-microphone-off icon-4"></i> + <i class="icon-microphone-off icon-3"></i> + <i class="icon-microphone-off icon-2"></i> + <i class="icon-microphone-off icon-1"></i> + </div> + <h1 class="info-class"> + icon-microphone-off + <small> + <i class="icon-microphone-off"></i> · + Unicode: <span class="upper">f131</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-microphone-off"></i> icon-microphone-off + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-microphone-off"</span><span class="nt">></i></span> icon-microphone-off +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/microphone/index.html b/icon/microphone/index.html new file mode 100644 index 000000000..77d9783cc --- /dev/null +++ b/icon/microphone/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-microphone: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-microphone icon-6"></i> + <i class="icon-microphone icon-5"></i> + <i class="icon-microphone icon-4"></i> + <i class="icon-microphone icon-3"></i> + <i class="icon-microphone icon-2"></i> + <i class="icon-microphone icon-1"></i> + </div> + <h1 class="info-class"> + icon-microphone + <small> + <i class="icon-microphone"></i> · + Unicode: <span class="upper">f130</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-microphone"></i> icon-microphone + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-microphone"</span><span class="nt">></i></span> icon-microphone +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/minus-sign-alt/index.html b/icon/minus-sign-alt/index.html new file mode 100644 index 000000000..b8af522bb --- /dev/null +++ b/icon/minus-sign-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-minus-sign-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-minus-sign-alt icon-6"></i> + <i class="icon-minus-sign-alt icon-5"></i> + <i class="icon-minus-sign-alt icon-4"></i> + <i class="icon-minus-sign-alt icon-3"></i> + <i class="icon-minus-sign-alt icon-2"></i> + <i class="icon-minus-sign-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-minus-sign-alt + <small> + <i class="icon-minus-sign-alt"></i> · + Unicode: <span class="upper">f146</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-minus-sign-alt"></i> icon-minus-sign-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus-sign-alt"</span><span class="nt">></i></span> icon-minus-sign-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/minus-sign/index.html b/icon/minus-sign/index.html new file mode 100644 index 000000000..fdfe883da --- /dev/null +++ b/icon/minus-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-minus-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-minus-sign icon-6"></i> + <i class="icon-minus-sign icon-5"></i> + <i class="icon-minus-sign icon-4"></i> + <i class="icon-minus-sign icon-3"></i> + <i class="icon-minus-sign icon-2"></i> + <i class="icon-minus-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-minus-sign + <small> + <i class="icon-minus-sign"></i> · + Unicode: <span class="upper">f056</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-minus-sign"></i> icon-minus-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus-sign"</span><span class="nt">></i></span> icon-minus-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/minus/index.html b/icon/minus/index.html new file mode 100644 index 000000000..114eff34b --- /dev/null +++ b/icon/minus/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-minus: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-minus icon-6"></i> + <i class="icon-minus icon-5"></i> + <i class="icon-minus icon-4"></i> + <i class="icon-minus icon-3"></i> + <i class="icon-minus icon-2"></i> + <i class="icon-minus icon-1"></i> + </div> + <h1 class="info-class"> + icon-minus + <small> + <i class="icon-minus"></i> · + Unicode: <span class="upper">f068</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-minus"></i> icon-minus + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-minus"</span><span class="nt">></i></span> icon-minus +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/mobile-phone/index.html b/icon/mobile-phone/index.html new file mode 100644 index 000000000..9f053ffce --- /dev/null +++ b/icon/mobile-phone/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-mobile-phone: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-mobile-phone icon-6"></i> + <i class="icon-mobile-phone icon-5"></i> + <i class="icon-mobile-phone icon-4"></i> + <i class="icon-mobile-phone icon-3"></i> + <i class="icon-mobile-phone icon-2"></i> + <i class="icon-mobile-phone icon-1"></i> + </div> + <h1 class="info-class"> + icon-mobile-phone + <small> + <i class="icon-mobile-phone"></i> · + Unicode: <span class="upper">f10b</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-mobile-phone"></i> icon-mobile-phone + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-mobile-phone"</span><span class="nt">></i></span> icon-mobile-phone +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/money/index.html b/icon/money/index.html new file mode 100644 index 000000000..94d8a8446 --- /dev/null +++ b/icon/money/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-money: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-money icon-6"></i> + <i class="icon-money icon-5"></i> + <i class="icon-money icon-4"></i> + <i class="icon-money icon-3"></i> + <i class="icon-money icon-2"></i> + <i class="icon-money icon-1"></i> + </div> + <h1 class="info-class"> + icon-money + <small> + <i class="icon-money"></i> · + Unicode: <span class="upper">f0d6</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-money"></i> icon-money + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-money"</span><span class="nt">></i></span> icon-money +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/move/index.html b/icon/move/index.html new file mode 100644 index 000000000..cd9a4b4a7 --- /dev/null +++ b/icon/move/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-move: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-move icon-6"></i> + <i class="icon-move icon-5"></i> + <i class="icon-move icon-4"></i> + <i class="icon-move icon-3"></i> + <i class="icon-move icon-2"></i> + <i class="icon-move icon-1"></i> + </div> + <h1 class="info-class"> + icon-move + <small> + <i class="icon-move"></i> · + Unicode: <span class="upper">f047</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-move"></i> icon-move + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-move"</span><span class="nt">></i></span> icon-move +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/music/index.html b/icon/music/index.html new file mode 100644 index 000000000..1d3d2eb50 --- /dev/null +++ b/icon/music/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-music: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-music icon-6"></i> + <i class="icon-music icon-5"></i> + <i class="icon-music icon-4"></i> + <i class="icon-music icon-3"></i> + <i class="icon-music icon-2"></i> + <i class="icon-music icon-1"></i> + </div> + <h1 class="info-class"> + icon-music + <small> + <i class="icon-music"></i> · + Unicode: <span class="upper">f001</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-music"></i> icon-music + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-music"</span><span class="nt">></i></span> icon-music +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/off/index.html b/icon/off/index.html new file mode 100644 index 000000000..0a25e81bd --- /dev/null +++ b/icon/off/index.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-off: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-off icon-6"></i> + <i class="icon-off icon-5"></i> + <i class="icon-off icon-4"></i> + <i class="icon-off icon-3"></i> + <i class="icon-off icon-2"></i> + <i class="icon-off icon-1"></i> + </div> + <h1 class="info-class"> + icon-off + <small> + <i class="icon-off"></i> · + Unicode: <span class="upper">f011</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + · Aliases: + + icon-power-off + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-off"></i> icon-off + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-off"</span><span class="nt">></i></span> icon-off +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ok-circle/index.html b/icon/ok-circle/index.html new file mode 100644 index 000000000..2f8ff2589 --- /dev/null +++ b/icon/ok-circle/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ok-circle: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ok-circle icon-6"></i> + <i class="icon-ok-circle icon-5"></i> + <i class="icon-ok-circle icon-4"></i> + <i class="icon-ok-circle icon-3"></i> + <i class="icon-ok-circle icon-2"></i> + <i class="icon-ok-circle icon-1"></i> + </div> + <h1 class="info-class"> + icon-ok-circle + <small> + <i class="icon-ok-circle"></i> · + Unicode: <span class="upper">f05d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ok-circle"></i> icon-ok-circle + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok-circle"</span><span class="nt">></i></span> icon-ok-circle +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ok-sign/index.html b/icon/ok-sign/index.html new file mode 100644 index 000000000..0caf87a6c --- /dev/null +++ b/icon/ok-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ok-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ok-sign icon-6"></i> + <i class="icon-ok-sign icon-5"></i> + <i class="icon-ok-sign icon-4"></i> + <i class="icon-ok-sign icon-3"></i> + <i class="icon-ok-sign icon-2"></i> + <i class="icon-ok-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-ok-sign + <small> + <i class="icon-ok-sign"></i> · + Unicode: <span class="upper">f058</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ok-sign"></i> icon-ok-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok-sign"</span><span class="nt">></i></span> icon-ok-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ok/index.html b/icon/ok/index.html new file mode 100644 index 000000000..b01f9854d --- /dev/null +++ b/icon/ok/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ok: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ok icon-6"></i> + <i class="icon-ok icon-5"></i> + <i class="icon-ok icon-4"></i> + <i class="icon-ok icon-3"></i> + <i class="icon-ok icon-2"></i> + <i class="icon-ok icon-1"></i> + </div> + <h1 class="info-class"> + icon-ok + <small> + <i class="icon-ok"></i> · + Unicode: <span class="upper">f00c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ok"></i> icon-ok + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ok"</span><span class="nt">></i></span> icon-ok +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/paper-clip/index.html b/icon/paper-clip/index.html new file mode 100644 index 000000000..dc425e441 --- /dev/null +++ b/icon/paper-clip/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-paper-clip: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-paper-clip icon-6"></i> + <i class="icon-paper-clip icon-5"></i> + <i class="icon-paper-clip icon-4"></i> + <i class="icon-paper-clip icon-3"></i> + <i class="icon-paper-clip icon-2"></i> + <i class="icon-paper-clip icon-1"></i> + </div> + <h1 class="info-class"> + icon-paper-clip + <small> + <i class="icon-paper-clip"></i> · + Unicode: <span class="upper">f0c6</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-paper-clip"></i> icon-paper-clip + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-paper-clip"</span><span class="nt">></i></span> icon-paper-clip +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/paste/index.html b/icon/paste/index.html new file mode 100644 index 000000000..dd6cb0501 --- /dev/null +++ b/icon/paste/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-paste: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-paste icon-6"></i> + <i class="icon-paste icon-5"></i> + <i class="icon-paste icon-4"></i> + <i class="icon-paste icon-3"></i> + <i class="icon-paste icon-2"></i> + <i class="icon-paste icon-1"></i> + </div> + <h1 class="info-class"> + icon-paste + <small> + <i class="icon-paste"></i> · + Unicode: <span class="upper">f0ea</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-paste"></i> icon-paste + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-paste"</span><span class="nt">></i></span> icon-paste +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/pause/index.html b/icon/pause/index.html new file mode 100644 index 000000000..f21cc12a9 --- /dev/null +++ b/icon/pause/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-pause: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-pause icon-6"></i> + <i class="icon-pause icon-5"></i> + <i class="icon-pause icon-4"></i> + <i class="icon-pause icon-3"></i> + <i class="icon-pause icon-2"></i> + <i class="icon-pause icon-1"></i> + </div> + <h1 class="info-class"> + icon-pause + <small> + <i class="icon-pause"></i> · + Unicode: <span class="upper">f04c</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-pause"></i> icon-pause + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pause"</span><span class="nt">></i></span> icon-pause +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/pencil/index.html b/icon/pencil/index.html new file mode 100644 index 000000000..bcea39189 --- /dev/null +++ b/icon/pencil/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-pencil: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-pencil icon-6"></i> + <i class="icon-pencil icon-5"></i> + <i class="icon-pencil icon-4"></i> + <i class="icon-pencil icon-3"></i> + <i class="icon-pencil icon-2"></i> + <i class="icon-pencil icon-1"></i> + </div> + <h1 class="info-class"> + icon-pencil + <small> + <i class="icon-pencil"></i> · + Unicode: <span class="upper">f040</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-pencil"></i> icon-pencil + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pencil"</span><span class="nt">></i></span> icon-pencil +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/phone-sign/index.html b/icon/phone-sign/index.html new file mode 100644 index 000000000..ea1f6b4ad --- /dev/null +++ b/icon/phone-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-phone-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-phone-sign icon-6"></i> + <i class="icon-phone-sign icon-5"></i> + <i class="icon-phone-sign icon-4"></i> + <i class="icon-phone-sign icon-3"></i> + <i class="icon-phone-sign icon-2"></i> + <i class="icon-phone-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-phone-sign + <small> + <i class="icon-phone-sign"></i> · + Unicode: <span class="upper">f098</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-phone-sign"></i> icon-phone-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-phone-sign"</span><span class="nt">></i></span> icon-phone-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/phone/index.html b/icon/phone/index.html new file mode 100644 index 000000000..7ddbea8dc --- /dev/null +++ b/icon/phone/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-phone: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-phone icon-6"></i> + <i class="icon-phone icon-5"></i> + <i class="icon-phone icon-4"></i> + <i class="icon-phone icon-3"></i> + <i class="icon-phone icon-2"></i> + <i class="icon-phone icon-1"></i> + </div> + <h1 class="info-class"> + icon-phone + <small> + <i class="icon-phone"></i> · + Unicode: <span class="upper">f095</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-phone"></i> icon-phone + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-phone"</span><span class="nt">></i></span> icon-phone +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/picture/index.html b/icon/picture/index.html new file mode 100644 index 000000000..091e0b42f --- /dev/null +++ b/icon/picture/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-picture: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-picture icon-6"></i> + <i class="icon-picture icon-5"></i> + <i class="icon-picture icon-4"></i> + <i class="icon-picture icon-3"></i> + <i class="icon-picture icon-2"></i> + <i class="icon-picture icon-1"></i> + </div> + <h1 class="info-class"> + icon-picture + <small> + <i class="icon-picture"></i> · + Unicode: <span class="upper">f03e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-picture"></i> icon-picture + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-picture"</span><span class="nt">></i></span> icon-picture +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/pinterest-sign/index.html b/icon/pinterest-sign/index.html new file mode 100644 index 000000000..c7d9f8a52 --- /dev/null +++ b/icon/pinterest-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-pinterest-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-pinterest-sign icon-6"></i> + <i class="icon-pinterest-sign icon-5"></i> + <i class="icon-pinterest-sign icon-4"></i> + <i class="icon-pinterest-sign icon-3"></i> + <i class="icon-pinterest-sign icon-2"></i> + <i class="icon-pinterest-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-pinterest-sign + <small> + <i class="icon-pinterest-sign"></i> · + Unicode: <span class="upper">f0d3</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-pinterest-sign"></i> icon-pinterest-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pinterest-sign"</span><span class="nt">></i></span> icon-pinterest-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/pinterest/index.html b/icon/pinterest/index.html new file mode 100644 index 000000000..9be6938cb --- /dev/null +++ b/icon/pinterest/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-pinterest: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-pinterest icon-6"></i> + <i class="icon-pinterest icon-5"></i> + <i class="icon-pinterest icon-4"></i> + <i class="icon-pinterest icon-3"></i> + <i class="icon-pinterest icon-2"></i> + <i class="icon-pinterest icon-1"></i> + </div> + <h1 class="info-class"> + icon-pinterest + <small> + <i class="icon-pinterest"></i> · + Unicode: <span class="upper">f0d2</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-pinterest"></i> icon-pinterest + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pinterest"</span><span class="nt">></i></span> icon-pinterest +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/plane/index.html b/icon/plane/index.html new file mode 100644 index 000000000..a93d5938f --- /dev/null +++ b/icon/plane/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-plane: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-plane icon-6"></i> + <i class="icon-plane icon-5"></i> + <i class="icon-plane icon-4"></i> + <i class="icon-plane icon-3"></i> + <i class="icon-plane icon-2"></i> + <i class="icon-plane icon-1"></i> + </div> + <h1 class="info-class"> + icon-plane + <small> + <i class="icon-plane"></i> · + Unicode: <span class="upper">f072</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-plane"></i> icon-plane + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plane"</span><span class="nt">></i></span> icon-plane +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/play-circle/index.html b/icon/play-circle/index.html new file mode 100644 index 000000000..dd82e5b8b --- /dev/null +++ b/icon/play-circle/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-play-circle: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-play-circle icon-6"></i> + <i class="icon-play-circle icon-5"></i> + <i class="icon-play-circle icon-4"></i> + <i class="icon-play-circle icon-3"></i> + <i class="icon-play-circle icon-2"></i> + <i class="icon-play-circle icon-1"></i> + </div> + <h1 class="info-class"> + icon-play-circle + <small> + <i class="icon-play-circle"></i> · + Unicode: <span class="upper">f01d</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-play-circle"></i> icon-play-circle + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play-circle"</span><span class="nt">></i></span> icon-play-circle +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/play-sign/index.html b/icon/play-sign/index.html new file mode 100644 index 000000000..bb49b960b --- /dev/null +++ b/icon/play-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-play-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-play-sign icon-6"></i> + <i class="icon-play-sign icon-5"></i> + <i class="icon-play-sign icon-4"></i> + <i class="icon-play-sign icon-3"></i> + <i class="icon-play-sign icon-2"></i> + <i class="icon-play-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-play-sign + <small> + <i class="icon-play-sign"></i> · + Unicode: <span class="upper">f144</span> · + Created: v3.1.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-play-sign"></i> icon-play-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play-sign"</span><span class="nt">></i></span> icon-play-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/play/index.html b/icon/play/index.html new file mode 100644 index 000000000..8537ca42b --- /dev/null +++ b/icon/play/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-play: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-play icon-6"></i> + <i class="icon-play icon-5"></i> + <i class="icon-play icon-4"></i> + <i class="icon-play icon-3"></i> + <i class="icon-play icon-2"></i> + <i class="icon-play icon-1"></i> + </div> + <h1 class="info-class"> + icon-play + <small> + <i class="icon-play"></i> · + Unicode: <span class="upper">f04b</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-play"></i> icon-play + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-play"</span><span class="nt">></i></span> icon-play +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/plus-sign-alt/index.html b/icon/plus-sign-alt/index.html new file mode 100644 index 000000000..0a0b6b1ee --- /dev/null +++ b/icon/plus-sign-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-plus-sign-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-plus-sign-alt icon-6"></i> + <i class="icon-plus-sign-alt icon-5"></i> + <i class="icon-plus-sign-alt icon-4"></i> + <i class="icon-plus-sign-alt icon-3"></i> + <i class="icon-plus-sign-alt icon-2"></i> + <i class="icon-plus-sign-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-plus-sign-alt + <small> + <i class="icon-plus-sign-alt"></i> · + Unicode: <span class="upper">f0fe</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-plus-sign-alt"></i> icon-plus-sign-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus-sign-alt"</span><span class="nt">></i></span> icon-plus-sign-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/plus-sign/index.html b/icon/plus-sign/index.html new file mode 100644 index 000000000..1791ece8c --- /dev/null +++ b/icon/plus-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-plus-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-plus-sign icon-6"></i> + <i class="icon-plus-sign icon-5"></i> + <i class="icon-plus-sign icon-4"></i> + <i class="icon-plus-sign icon-3"></i> + <i class="icon-plus-sign icon-2"></i> + <i class="icon-plus-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-plus-sign + <small> + <i class="icon-plus-sign"></i> · + Unicode: <span class="upper">f055</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-plus-sign"></i> icon-plus-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus-sign"</span><span class="nt">></i></span> icon-plus-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/plus/index.html b/icon/plus/index.html new file mode 100644 index 000000000..0c5e3c6a8 --- /dev/null +++ b/icon/plus/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-plus: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-plus icon-6"></i> + <i class="icon-plus icon-5"></i> + <i class="icon-plus icon-4"></i> + <i class="icon-plus icon-3"></i> + <i class="icon-plus icon-2"></i> + <i class="icon-plus icon-1"></i> + </div> + <h1 class="info-class"> + icon-plus + <small> + <i class="icon-plus"></i> · + Unicode: <span class="upper">f067</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-plus"></i> icon-plus + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-plus"</span><span class="nt">></i></span> icon-plus +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/print/index.html b/icon/print/index.html new file mode 100644 index 000000000..191ede1d7 --- /dev/null +++ b/icon/print/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-print: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-print icon-6"></i> + <i class="icon-print icon-5"></i> + <i class="icon-print icon-4"></i> + <i class="icon-print icon-3"></i> + <i class="icon-print icon-2"></i> + <i class="icon-print icon-1"></i> + </div> + <h1 class="info-class"> + icon-print + <small> + <i class="icon-print"></i> · + Unicode: <span class="upper">f02f</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-print"></i> icon-print + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-print"</span><span class="nt">></i></span> icon-print +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/pushpin/index.html b/icon/pushpin/index.html new file mode 100644 index 000000000..6f4bfdda9 --- /dev/null +++ b/icon/pushpin/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-pushpin: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-pushpin icon-6"></i> + <i class="icon-pushpin icon-5"></i> + <i class="icon-pushpin icon-4"></i> + <i class="icon-pushpin icon-3"></i> + <i class="icon-pushpin icon-2"></i> + <i class="icon-pushpin icon-1"></i> + </div> + <h1 class="info-class"> + icon-pushpin + <small> + <i class="icon-pushpin"></i> · + Unicode: <span class="upper">f08d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-pushpin"></i> icon-pushpin + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-pushpin"</span><span class="nt">></i></span> icon-pushpin +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/puzzle-piece/index.html b/icon/puzzle-piece/index.html new file mode 100644 index 000000000..fc6297a83 --- /dev/null +++ b/icon/puzzle-piece/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-puzzle-piece: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-puzzle-piece icon-6"></i> + <i class="icon-puzzle-piece icon-5"></i> + <i class="icon-puzzle-piece icon-4"></i> + <i class="icon-puzzle-piece icon-3"></i> + <i class="icon-puzzle-piece icon-2"></i> + <i class="icon-puzzle-piece icon-1"></i> + </div> + <h1 class="info-class"> + icon-puzzle-piece + <small> + <i class="icon-puzzle-piece"></i> · + Unicode: <span class="upper">f12e</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-puzzle-piece"></i> icon-puzzle-piece + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-puzzle-piece"</span><span class="nt">></i></span> icon-puzzle-piece +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/qrcode/index.html b/icon/qrcode/index.html new file mode 100644 index 000000000..5eed19198 --- /dev/null +++ b/icon/qrcode/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-qrcode: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-qrcode icon-6"></i> + <i class="icon-qrcode icon-5"></i> + <i class="icon-qrcode icon-4"></i> + <i class="icon-qrcode icon-3"></i> + <i class="icon-qrcode icon-2"></i> + <i class="icon-qrcode icon-1"></i> + </div> + <h1 class="info-class"> + icon-qrcode + <small> + <i class="icon-qrcode"></i> · + Unicode: <span class="upper">f029</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-qrcode"></i> icon-qrcode + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-qrcode"</span><span class="nt">></i></span> icon-qrcode +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/question-sign/index.html b/icon/question-sign/index.html new file mode 100644 index 000000000..0bd6e0b6b --- /dev/null +++ b/icon/question-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-question-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-question-sign icon-6"></i> + <i class="icon-question-sign icon-5"></i> + <i class="icon-question-sign icon-4"></i> + <i class="icon-question-sign icon-3"></i> + <i class="icon-question-sign icon-2"></i> + <i class="icon-question-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-question-sign + <small> + <i class="icon-question-sign"></i> · + Unicode: <span class="upper">f059</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-question-sign"></i> icon-question-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-question-sign"</span><span class="nt">></i></span> icon-question-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/question/index.html b/icon/question/index.html new file mode 100644 index 000000000..2f21e8fc3 --- /dev/null +++ b/icon/question/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-question: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-question icon-6"></i> + <i class="icon-question icon-5"></i> + <i class="icon-question icon-4"></i> + <i class="icon-question icon-3"></i> + <i class="icon-question icon-2"></i> + <i class="icon-question icon-1"></i> + </div> + <h1 class="info-class"> + icon-question + <small> + <i class="icon-question"></i> · + Unicode: <span class="upper">f128</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-question"></i> icon-question + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-question"</span><span class="nt">></i></span> icon-question +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/quote-left/index.html b/icon/quote-left/index.html new file mode 100644 index 000000000..625f1e97e --- /dev/null +++ b/icon/quote-left/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-quote-left: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-quote-left icon-6"></i> + <i class="icon-quote-left icon-5"></i> + <i class="icon-quote-left icon-4"></i> + <i class="icon-quote-left icon-3"></i> + <i class="icon-quote-left icon-2"></i> + <i class="icon-quote-left icon-1"></i> + </div> + <h1 class="info-class"> + icon-quote-left + <small> + <i class="icon-quote-left"></i> · + Unicode: <span class="upper">f10d</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-quote-left"></i> icon-quote-left + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-left"</span><span class="nt">></i></span> icon-quote-left +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/quote-right/index.html b/icon/quote-right/index.html new file mode 100644 index 000000000..3156d900b --- /dev/null +++ b/icon/quote-right/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-quote-right: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-quote-right icon-6"></i> + <i class="icon-quote-right icon-5"></i> + <i class="icon-quote-right icon-4"></i> + <i class="icon-quote-right icon-3"></i> + <i class="icon-quote-right icon-2"></i> + <i class="icon-quote-right icon-1"></i> + </div> + <h1 class="info-class"> + icon-quote-right + <small> + <i class="icon-quote-right"></i> · + Unicode: <span class="upper">f10e</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-quote-right"></i> icon-quote-right + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-quote-right"</span><span class="nt">></i></span> icon-quote-right +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/random/index.html b/icon/random/index.html new file mode 100644 index 000000000..8f4502d89 --- /dev/null +++ b/icon/random/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-random: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-random icon-6"></i> + <i class="icon-random icon-5"></i> + <i class="icon-random icon-4"></i> + <i class="icon-random icon-3"></i> + <i class="icon-random icon-2"></i> + <i class="icon-random icon-1"></i> + </div> + <h1 class="info-class"> + icon-random + <small> + <i class="icon-random"></i> · + Unicode: <span class="upper">f074</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-random"></i> icon-random + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-random"</span><span class="nt">></i></span> icon-random +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/refresh/index.html b/icon/refresh/index.html new file mode 100644 index 000000000..fc4855b96 --- /dev/null +++ b/icon/refresh/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-refresh: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-refresh icon-6"></i> + <i class="icon-refresh icon-5"></i> + <i class="icon-refresh icon-4"></i> + <i class="icon-refresh icon-3"></i> + <i class="icon-refresh icon-2"></i> + <i class="icon-refresh icon-1"></i> + </div> + <h1 class="info-class"> + icon-refresh + <small> + <i class="icon-refresh"></i> · + Unicode: <span class="upper">f021</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-refresh"></i> icon-refresh + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-refresh"</span><span class="nt">></i></span> icon-refresh +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/remove-circle/index.html b/icon/remove-circle/index.html new file mode 100644 index 000000000..667382aeb --- /dev/null +++ b/icon/remove-circle/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-remove-circle: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-remove-circle icon-6"></i> + <i class="icon-remove-circle icon-5"></i> + <i class="icon-remove-circle icon-4"></i> + <i class="icon-remove-circle icon-3"></i> + <i class="icon-remove-circle icon-2"></i> + <i class="icon-remove-circle icon-1"></i> + </div> + <h1 class="info-class"> + icon-remove-circle + <small> + <i class="icon-remove-circle"></i> · + Unicode: <span class="upper">f05c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-remove-circle"></i> icon-remove-circle + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove-circle"</span><span class="nt">></i></span> icon-remove-circle +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/remove-sign/index.html b/icon/remove-sign/index.html new file mode 100644 index 000000000..912e65559 --- /dev/null +++ b/icon/remove-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-remove-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-remove-sign icon-6"></i> + <i class="icon-remove-sign icon-5"></i> + <i class="icon-remove-sign icon-4"></i> + <i class="icon-remove-sign icon-3"></i> + <i class="icon-remove-sign icon-2"></i> + <i class="icon-remove-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-remove-sign + <small> + <i class="icon-remove-sign"></i> · + Unicode: <span class="upper">f057</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-remove-sign"></i> icon-remove-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove-sign"</span><span class="nt">></i></span> icon-remove-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/remove/index.html b/icon/remove/index.html new file mode 100644 index 000000000..258550800 --- /dev/null +++ b/icon/remove/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-remove: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-remove icon-6"></i> + <i class="icon-remove icon-5"></i> + <i class="icon-remove icon-4"></i> + <i class="icon-remove icon-3"></i> + <i class="icon-remove icon-2"></i> + <i class="icon-remove icon-1"></i> + </div> + <h1 class="info-class"> + icon-remove + <small> + <i class="icon-remove"></i> · + Unicode: <span class="upper">f00d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-remove"></i> icon-remove + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-remove"</span><span class="nt">></i></span> icon-remove +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/reorder/index.html b/icon/reorder/index.html new file mode 100644 index 000000000..b2ea8cad7 --- /dev/null +++ b/icon/reorder/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-reorder: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-reorder icon-6"></i> + <i class="icon-reorder icon-5"></i> + <i class="icon-reorder icon-4"></i> + <i class="icon-reorder icon-3"></i> + <i class="icon-reorder icon-2"></i> + <i class="icon-reorder icon-1"></i> + </div> + <h1 class="info-class"> + icon-reorder + <small> + <i class="icon-reorder"></i> · + Unicode: <span class="upper">f0c9</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-reorder"></i> icon-reorder + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reorder"</span><span class="nt">></i></span> icon-reorder +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/repeat/index.html b/icon/repeat/index.html new file mode 100644 index 000000000..c4ae3a380 --- /dev/null +++ b/icon/repeat/index.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-repeat: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-repeat icon-6"></i> + <i class="icon-repeat icon-5"></i> + <i class="icon-repeat icon-4"></i> + <i class="icon-repeat icon-3"></i> + <i class="icon-repeat icon-2"></i> + <i class="icon-repeat icon-1"></i> + </div> + <h1 class="info-class"> + icon-repeat + <small> + <i class="icon-repeat"></i> · + Unicode: <span class="upper">f01e</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + · Aliases: + + icon-rotate-right + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-repeat"></i> icon-repeat + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-repeat"</span><span class="nt">></i></span> icon-repeat +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/reply-all/index.html b/icon/reply-all/index.html new file mode 100644 index 000000000..05aa78a49 --- /dev/null +++ b/icon/reply-all/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-reply-all: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-reply-all icon-6"></i> + <i class="icon-reply-all icon-5"></i> + <i class="icon-reply-all icon-4"></i> + <i class="icon-reply-all icon-3"></i> + <i class="icon-reply-all icon-2"></i> + <i class="icon-reply-all icon-1"></i> + </div> + <h1 class="info-class"> + icon-reply-all + <small> + <i class="icon-reply-all"></i> · + Unicode: <span class="upper">f122</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-reply-all"></i> icon-reply-all + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reply-all"</span><span class="nt">></i></span> icon-reply-all +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/reply/index.html b/icon/reply/index.html new file mode 100644 index 000000000..fc972a04a --- /dev/null +++ b/icon/reply/index.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-reply: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-reply icon-6"></i> + <i class="icon-reply icon-5"></i> + <i class="icon-reply icon-4"></i> + <i class="icon-reply icon-3"></i> + <i class="icon-reply icon-2"></i> + <i class="icon-reply icon-1"></i> + </div> + <h1 class="info-class"> + icon-reply + <small> + <i class="icon-reply"></i> · + Unicode: <span class="upper">f112</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + · Aliases: + + icon-mail-reply + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-reply"></i> icon-reply + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-reply"</span><span class="nt">></i></span> icon-reply +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/resize-full/index.html b/icon/resize-full/index.html new file mode 100644 index 000000000..2b7633ad6 --- /dev/null +++ b/icon/resize-full/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-resize-full: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-resize-full icon-6"></i> + <i class="icon-resize-full icon-5"></i> + <i class="icon-resize-full icon-4"></i> + <i class="icon-resize-full icon-3"></i> + <i class="icon-resize-full icon-2"></i> + <i class="icon-resize-full icon-1"></i> + </div> + <h1 class="info-class"> + icon-resize-full + <small> + <i class="icon-resize-full"></i> · + Unicode: <span class="upper">f065</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-resize-full"></i> icon-resize-full + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-full"</span><span class="nt">></i></span> icon-resize-full +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/resize-horizontal/index.html b/icon/resize-horizontal/index.html new file mode 100644 index 000000000..0b4a1cbfb --- /dev/null +++ b/icon/resize-horizontal/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-resize-horizontal: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-resize-horizontal icon-6"></i> + <i class="icon-resize-horizontal icon-5"></i> + <i class="icon-resize-horizontal icon-4"></i> + <i class="icon-resize-horizontal icon-3"></i> + <i class="icon-resize-horizontal icon-2"></i> + <i class="icon-resize-horizontal icon-1"></i> + </div> + <h1 class="info-class"> + icon-resize-horizontal + <small> + <i class="icon-resize-horizontal"></i> · + Unicode: <span class="upper">f07e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-resize-horizontal"></i> icon-resize-horizontal + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-horizontal"</span><span class="nt">></i></span> icon-resize-horizontal +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/resize-small/index.html b/icon/resize-small/index.html new file mode 100644 index 000000000..3245901f8 --- /dev/null +++ b/icon/resize-small/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-resize-small: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-resize-small icon-6"></i> + <i class="icon-resize-small icon-5"></i> + <i class="icon-resize-small icon-4"></i> + <i class="icon-resize-small icon-3"></i> + <i class="icon-resize-small icon-2"></i> + <i class="icon-resize-small icon-1"></i> + </div> + <h1 class="info-class"> + icon-resize-small + <small> + <i class="icon-resize-small"></i> · + Unicode: <span class="upper">f066</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-resize-small"></i> icon-resize-small + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-small"</span><span class="nt">></i></span> icon-resize-small +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/resize-vertical/index.html b/icon/resize-vertical/index.html new file mode 100644 index 000000000..58e780f72 --- /dev/null +++ b/icon/resize-vertical/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-resize-vertical: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-resize-vertical icon-6"></i> + <i class="icon-resize-vertical icon-5"></i> + <i class="icon-resize-vertical icon-4"></i> + <i class="icon-resize-vertical icon-3"></i> + <i class="icon-resize-vertical icon-2"></i> + <i class="icon-resize-vertical icon-1"></i> + </div> + <h1 class="info-class"> + icon-resize-vertical + <small> + <i class="icon-resize-vertical"></i> · + Unicode: <span class="upper">f07d</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-resize-vertical"></i> icon-resize-vertical + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-resize-vertical"</span><span class="nt">></i></span> icon-resize-vertical +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/retweet/index.html b/icon/retweet/index.html new file mode 100644 index 000000000..12fa56dae --- /dev/null +++ b/icon/retweet/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-retweet: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-retweet icon-6"></i> + <i class="icon-retweet icon-5"></i> + <i class="icon-retweet icon-4"></i> + <i class="icon-retweet icon-3"></i> + <i class="icon-retweet icon-2"></i> + <i class="icon-retweet icon-1"></i> + </div> + <h1 class="info-class"> + icon-retweet + <small> + <i class="icon-retweet"></i> · + Unicode: <span class="upper">f079</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-retweet"></i> icon-retweet + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-retweet"</span><span class="nt">></i></span> icon-retweet +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/road/index.html b/icon/road/index.html new file mode 100644 index 000000000..fb3533138 --- /dev/null +++ b/icon/road/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-road: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-road icon-6"></i> + <i class="icon-road icon-5"></i> + <i class="icon-road icon-4"></i> + <i class="icon-road icon-3"></i> + <i class="icon-road icon-2"></i> + <i class="icon-road icon-1"></i> + </div> + <h1 class="info-class"> + icon-road + <small> + <i class="icon-road"></i> · + Unicode: <span class="upper">f018</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-road"></i> icon-road + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-road"</span><span class="nt">></i></span> icon-road +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/rocket/index.html b/icon/rocket/index.html new file mode 100644 index 000000000..aa371307b --- /dev/null +++ b/icon/rocket/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-rocket: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-rocket icon-6"></i> + <i class="icon-rocket icon-5"></i> + <i class="icon-rocket icon-4"></i> + <i class="icon-rocket icon-3"></i> + <i class="icon-rocket icon-2"></i> + <i class="icon-rocket icon-1"></i> + </div> + <h1 class="info-class"> + icon-rocket + <small> + <i class="icon-rocket"></i> · + Unicode: <span class="upper">f135</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-rocket"></i> icon-rocket + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rocket"</span><span class="nt">></i></span> icon-rocket +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/rss-sign/index.html b/icon/rss-sign/index.html new file mode 100644 index 000000000..88ff4544c --- /dev/null +++ b/icon/rss-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-rss-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-rss-sign icon-6"></i> + <i class="icon-rss-sign icon-5"></i> + <i class="icon-rss-sign icon-4"></i> + <i class="icon-rss-sign icon-3"></i> + <i class="icon-rss-sign icon-2"></i> + <i class="icon-rss-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-rss-sign + <small> + <i class="icon-rss-sign"></i> · + Unicode: <span class="upper">f143</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-rss-sign"></i> icon-rss-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rss-sign"</span><span class="nt">></i></span> icon-rss-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/rss/index.html b/icon/rss/index.html new file mode 100644 index 000000000..2e1b4e1ce --- /dev/null +++ b/icon/rss/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-rss: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-rss icon-6"></i> + <i class="icon-rss icon-5"></i> + <i class="icon-rss icon-4"></i> + <i class="icon-rss icon-3"></i> + <i class="icon-rss icon-2"></i> + <i class="icon-rss icon-1"></i> + </div> + <h1 class="info-class"> + icon-rss + <small> + <i class="icon-rss"></i> · + Unicode: <span class="upper">f09e</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-rss"></i> icon-rss + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-rss"</span><span class="nt">></i></span> icon-rss +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/save/index.html b/icon/save/index.html new file mode 100644 index 000000000..f0e5723bd --- /dev/null +++ b/icon/save/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-save: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-save icon-6"></i> + <i class="icon-save icon-5"></i> + <i class="icon-save icon-4"></i> + <i class="icon-save icon-3"></i> + <i class="icon-save icon-2"></i> + <i class="icon-save icon-1"></i> + </div> + <h1 class="info-class"> + icon-save + <small> + <i class="icon-save"></i> · + Unicode: <span class="upper">f0c7</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-save"></i> icon-save + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-save"</span><span class="nt">></i></span> icon-save +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/screenshot/index.html b/icon/screenshot/index.html new file mode 100644 index 000000000..4cff3acc8 --- /dev/null +++ b/icon/screenshot/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-screenshot: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-screenshot icon-6"></i> + <i class="icon-screenshot icon-5"></i> + <i class="icon-screenshot icon-4"></i> + <i class="icon-screenshot icon-3"></i> + <i class="icon-screenshot icon-2"></i> + <i class="icon-screenshot icon-1"></i> + </div> + <h1 class="info-class"> + icon-screenshot + <small> + <i class="icon-screenshot"></i> · + Unicode: <span class="upper">f05b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-screenshot"></i> icon-screenshot + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-screenshot"</span><span class="nt">></i></span> icon-screenshot +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/search/index.html b/icon/search/index.html new file mode 100644 index 000000000..284ed9d57 --- /dev/null +++ b/icon/search/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-search: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-search icon-6"></i> + <i class="icon-search icon-5"></i> + <i class="icon-search icon-4"></i> + <i class="icon-search icon-3"></i> + <i class="icon-search icon-2"></i> + <i class="icon-search icon-1"></i> + </div> + <h1 class="info-class"> + icon-search + <small> + <i class="icon-search"></i> · + Unicode: <span class="upper">f002</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-search"></i> icon-search + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-search"</span><span class="nt">></i></span> icon-search +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/share-alt/index.html b/icon/share-alt/index.html new file mode 100644 index 000000000..cf3eb2d4c --- /dev/null +++ b/icon/share-alt/index.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-share-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-share-alt icon-6"></i> + <i class="icon-share-alt icon-5"></i> + <i class="icon-share-alt icon-4"></i> + <i class="icon-share-alt icon-3"></i> + <i class="icon-share-alt icon-2"></i> + <i class="icon-share-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-share-alt + <small> + <i class="icon-share-alt"></i> · + Unicode: <span class="upper">f064</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + · Aliases: + + icon-mail-forward + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-share-alt"></i> icon-share-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share-alt"</span><span class="nt">></i></span> icon-share-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/share-sign/index.html b/icon/share-sign/index.html new file mode 100644 index 000000000..498e7e46f --- /dev/null +++ b/icon/share-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-share-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-share-sign icon-6"></i> + <i class="icon-share-sign icon-5"></i> + <i class="icon-share-sign icon-4"></i> + <i class="icon-share-sign icon-3"></i> + <i class="icon-share-sign icon-2"></i> + <i class="icon-share-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-share-sign + <small> + <i class="icon-share-sign"></i> · + Unicode: <span class="upper">f14d</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-share-sign"></i> icon-share-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share-sign"</span><span class="nt">></i></span> icon-share-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/share/index.html b/icon/share/index.html new file mode 100644 index 000000000..625cf4ba9 --- /dev/null +++ b/icon/share/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-share: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-share icon-6"></i> + <i class="icon-share icon-5"></i> + <i class="icon-share icon-4"></i> + <i class="icon-share icon-3"></i> + <i class="icon-share icon-2"></i> + <i class="icon-share icon-1"></i> + </div> + <h1 class="info-class"> + icon-share + <small> + <i class="icon-share"></i> · + Unicode: <span class="upper">f045</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-share"></i> icon-share + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-share"</span><span class="nt">></i></span> icon-share +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/shield/index.html b/icon/shield/index.html new file mode 100644 index 000000000..79bb2760d --- /dev/null +++ b/icon/shield/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-shield: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-shield icon-6"></i> + <i class="icon-shield icon-5"></i> + <i class="icon-shield icon-4"></i> + <i class="icon-shield icon-3"></i> + <i class="icon-shield icon-2"></i> + <i class="icon-shield icon-1"></i> + </div> + <h1 class="info-class"> + icon-shield + <small> + <i class="icon-shield"></i> · + Unicode: <span class="upper">f132</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-shield"></i> icon-shield + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shield"</span><span class="nt">></i></span> icon-shield +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/shopping-cart/index.html b/icon/shopping-cart/index.html new file mode 100644 index 000000000..42a9e7429 --- /dev/null +++ b/icon/shopping-cart/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-shopping-cart: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-shopping-cart icon-6"></i> + <i class="icon-shopping-cart icon-5"></i> + <i class="icon-shopping-cart icon-4"></i> + <i class="icon-shopping-cart icon-3"></i> + <i class="icon-shopping-cart icon-2"></i> + <i class="icon-shopping-cart icon-1"></i> + </div> + <h1 class="info-class"> + icon-shopping-cart + <small> + <i class="icon-shopping-cart"></i> · + Unicode: <span class="upper">f07a</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-shopping-cart"></i> icon-shopping-cart + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-shopping-cart"</span><span class="nt">></i></span> icon-shopping-cart +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/sign-blank/index.html b/icon/sign-blank/index.html new file mode 100644 index 000000000..a97be874e --- /dev/null +++ b/icon/sign-blank/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-sign-blank: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-sign-blank icon-6"></i> + <i class="icon-sign-blank icon-5"></i> + <i class="icon-sign-blank icon-4"></i> + <i class="icon-sign-blank icon-3"></i> + <i class="icon-sign-blank icon-2"></i> + <i class="icon-sign-blank icon-1"></i> + </div> + <h1 class="info-class"> + icon-sign-blank + <small> + <i class="icon-sign-blank"></i> · + Unicode: <span class="upper">f0c8</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-sign-blank"></i> icon-sign-blank + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sign-blank"</span><span class="nt">></i></span> icon-sign-blank +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/signal/index.html b/icon/signal/index.html new file mode 100644 index 000000000..bc2f0d917 --- /dev/null +++ b/icon/signal/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-signal: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-signal icon-6"></i> + <i class="icon-signal icon-5"></i> + <i class="icon-signal icon-4"></i> + <i class="icon-signal icon-3"></i> + <i class="icon-signal icon-2"></i> + <i class="icon-signal icon-1"></i> + </div> + <h1 class="info-class"> + icon-signal + <small> + <i class="icon-signal"></i> · + Unicode: <span class="upper">f012</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-signal"></i> icon-signal + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signal"</span><span class="nt">></i></span> icon-signal +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/signin/index.html b/icon/signin/index.html new file mode 100644 index 000000000..4da71b2e3 --- /dev/null +++ b/icon/signin/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-signin: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-signin icon-6"></i> + <i class="icon-signin icon-5"></i> + <i class="icon-signin icon-4"></i> + <i class="icon-signin icon-3"></i> + <i class="icon-signin icon-2"></i> + <i class="icon-signin icon-1"></i> + </div> + <h1 class="info-class"> + icon-signin + <small> + <i class="icon-signin"></i> · + Unicode: <span class="upper">f090</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-signin"></i> icon-signin + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signin"</span><span class="nt">></i></span> icon-signin +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/signout/index.html b/icon/signout/index.html new file mode 100644 index 000000000..c5b58e0a1 --- /dev/null +++ b/icon/signout/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-signout: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-signout icon-6"></i> + <i class="icon-signout icon-5"></i> + <i class="icon-signout icon-4"></i> + <i class="icon-signout icon-3"></i> + <i class="icon-signout icon-2"></i> + <i class="icon-signout icon-1"></i> + </div> + <h1 class="info-class"> + icon-signout + <small> + <i class="icon-signout"></i> · + Unicode: <span class="upper">f08b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-signout"></i> icon-signout + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-signout"</span><span class="nt">></i></span> icon-signout +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/sitemap/index.html b/icon/sitemap/index.html new file mode 100644 index 000000000..e09f015aa --- /dev/null +++ b/icon/sitemap/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-sitemap: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-sitemap icon-6"></i> + <i class="icon-sitemap icon-5"></i> + <i class="icon-sitemap icon-4"></i> + <i class="icon-sitemap icon-3"></i> + <i class="icon-sitemap icon-2"></i> + <i class="icon-sitemap icon-1"></i> + </div> + <h1 class="info-class"> + icon-sitemap + <small> + <i class="icon-sitemap"></i> · + Unicode: <span class="upper">f0e8</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-sitemap"></i> icon-sitemap + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sitemap"</span><span class="nt">></i></span> icon-sitemap +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/smile/index.html b/icon/smile/index.html new file mode 100644 index 000000000..b4941107f --- /dev/null +++ b/icon/smile/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-smile: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-smile icon-6"></i> + <i class="icon-smile icon-5"></i> + <i class="icon-smile icon-4"></i> + <i class="icon-smile icon-3"></i> + <i class="icon-smile icon-2"></i> + <i class="icon-smile icon-1"></i> + </div> + <h1 class="info-class"> + icon-smile + <small> + <i class="icon-smile"></i> · + Unicode: <span class="upper">f118</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-smile"></i> icon-smile + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-smile"</span><span class="nt">></i></span> icon-smile +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/sort-down/index.html b/icon/sort-down/index.html new file mode 100644 index 000000000..cce4505a2 --- /dev/null +++ b/icon/sort-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-sort-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-sort-down icon-6"></i> + <i class="icon-sort-down icon-5"></i> + <i class="icon-sort-down icon-4"></i> + <i class="icon-sort-down icon-3"></i> + <i class="icon-sort-down icon-2"></i> + <i class="icon-sort-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-sort-down + <small> + <i class="icon-sort-down"></i> · + Unicode: <span class="upper">f0dd</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-sort-down"></i> icon-sort-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-down"</span><span class="nt">></i></span> icon-sort-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/sort-up/index.html b/icon/sort-up/index.html new file mode 100644 index 000000000..2e8cf957a --- /dev/null +++ b/icon/sort-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-sort-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-sort-up icon-6"></i> + <i class="icon-sort-up icon-5"></i> + <i class="icon-sort-up icon-4"></i> + <i class="icon-sort-up icon-3"></i> + <i class="icon-sort-up icon-2"></i> + <i class="icon-sort-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-sort-up + <small> + <i class="icon-sort-up"></i> · + Unicode: <span class="upper">f0de</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-sort-up"></i> icon-sort-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort-up"</span><span class="nt">></i></span> icon-sort-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/sort/index.html b/icon/sort/index.html new file mode 100644 index 000000000..4f7d1193f --- /dev/null +++ b/icon/sort/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-sort: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-sort icon-6"></i> + <i class="icon-sort icon-5"></i> + <i class="icon-sort icon-4"></i> + <i class="icon-sort icon-3"></i> + <i class="icon-sort icon-2"></i> + <i class="icon-sort icon-1"></i> + </div> + <h1 class="info-class"> + icon-sort + <small> + <i class="icon-sort"></i> · + Unicode: <span class="upper">f0dc</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-sort"></i> icon-sort + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-sort"</span><span class="nt">></i></span> icon-sort +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/spinner/index.html b/icon/spinner/index.html new file mode 100644 index 000000000..bbf3bf48a --- /dev/null +++ b/icon/spinner/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-spinner: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-spinner icon-6"></i> + <i class="icon-spinner icon-5"></i> + <i class="icon-spinner icon-4"></i> + <i class="icon-spinner icon-3"></i> + <i class="icon-spinner icon-2"></i> + <i class="icon-spinner icon-1"></i> + </div> + <h1 class="info-class"> + icon-spinner + <small> + <i class="icon-spinner"></i> · + Unicode: <span class="upper">f110</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-spinner"></i> icon-spinner + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-spinner"</span><span class="nt">></i></span> icon-spinner +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/star-empty/index.html b/icon/star-empty/index.html new file mode 100644 index 000000000..28be8795c --- /dev/null +++ b/icon/star-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-star-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-star-empty icon-6"></i> + <i class="icon-star-empty icon-5"></i> + <i class="icon-star-empty icon-4"></i> + <i class="icon-star-empty icon-3"></i> + <i class="icon-star-empty icon-2"></i> + <i class="icon-star-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-star-empty + <small> + <i class="icon-star-empty"></i> · + Unicode: <span class="upper">f006</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-star-empty"></i> icon-star-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-empty"</span><span class="nt">></i></span> icon-star-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/star-half-empty/index.html b/icon/star-half-empty/index.html new file mode 100644 index 000000000..c4a5ca005 --- /dev/null +++ b/icon/star-half-empty/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-star-half-empty: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-star-half-empty icon-6"></i> + <i class="icon-star-half-empty icon-5"></i> + <i class="icon-star-half-empty icon-4"></i> + <i class="icon-star-half-empty icon-3"></i> + <i class="icon-star-half-empty icon-2"></i> + <i class="icon-star-half-empty icon-1"></i> + </div> + <h1 class="info-class"> + icon-star-half-empty + <small> + <i class="icon-star-half-empty"></i> · + Unicode: <span class="upper">f123</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-star-half-empty"></i> icon-star-half-empty + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-half-empty"</span><span class="nt">></i></span> icon-star-half-empty +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/star-half/index.html b/icon/star-half/index.html new file mode 100644 index 000000000..85567915a --- /dev/null +++ b/icon/star-half/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-star-half: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-star-half icon-6"></i> + <i class="icon-star-half icon-5"></i> + <i class="icon-star-half icon-4"></i> + <i class="icon-star-half icon-3"></i> + <i class="icon-star-half icon-2"></i> + <i class="icon-star-half icon-1"></i> + </div> + <h1 class="info-class"> + icon-star-half + <small> + <i class="icon-star-half"></i> · + Unicode: <span class="upper">f089</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-star-half"></i> icon-star-half + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star-half"</span><span class="nt">></i></span> icon-star-half +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/star/index.html b/icon/star/index.html new file mode 100644 index 000000000..3742d0c56 --- /dev/null +++ b/icon/star/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-star: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-star icon-6"></i> + <i class="icon-star icon-5"></i> + <i class="icon-star icon-4"></i> + <i class="icon-star icon-3"></i> + <i class="icon-star icon-2"></i> + <i class="icon-star icon-1"></i> + </div> + <h1 class="info-class"> + icon-star + <small> + <i class="icon-star"></i> · + Unicode: <span class="upper">f005</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-star"></i> icon-star + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-star"</span><span class="nt">></i></span> icon-star +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/step-backward/index.html b/icon/step-backward/index.html new file mode 100644 index 000000000..826343795 --- /dev/null +++ b/icon/step-backward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-step-backward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-step-backward icon-6"></i> + <i class="icon-step-backward icon-5"></i> + <i class="icon-step-backward icon-4"></i> + <i class="icon-step-backward icon-3"></i> + <i class="icon-step-backward icon-2"></i> + <i class="icon-step-backward icon-1"></i> + </div> + <h1 class="info-class"> + icon-step-backward + <small> + <i class="icon-step-backward"></i> · + Unicode: <span class="upper">f048</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-step-backward"></i> icon-step-backward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-step-backward"</span><span class="nt">></i></span> icon-step-backward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/step-forward/index.html b/icon/step-forward/index.html new file mode 100644 index 000000000..bd2252a28 --- /dev/null +++ b/icon/step-forward/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-step-forward: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-step-forward icon-6"></i> + <i class="icon-step-forward icon-5"></i> + <i class="icon-step-forward icon-4"></i> + <i class="icon-step-forward icon-3"></i> + <i class="icon-step-forward icon-2"></i> + <i class="icon-step-forward icon-1"></i> + </div> + <h1 class="info-class"> + icon-step-forward + <small> + <i class="icon-step-forward"></i> · + Unicode: <span class="upper">f051</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-step-forward"></i> icon-step-forward + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-step-forward"</span><span class="nt">></i></span> icon-step-forward +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/stethoscope/index.html b/icon/stethoscope/index.html new file mode 100644 index 000000000..30395ff26 --- /dev/null +++ b/icon/stethoscope/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-stethoscope: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-stethoscope icon-6"></i> + <i class="icon-stethoscope icon-5"></i> + <i class="icon-stethoscope icon-4"></i> + <i class="icon-stethoscope icon-3"></i> + <i class="icon-stethoscope icon-2"></i> + <i class="icon-stethoscope icon-1"></i> + </div> + <h1 class="info-class"> + icon-stethoscope + <small> + <i class="icon-stethoscope"></i> · + Unicode: <span class="upper">f0f1</span> · + Created: v3.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-stethoscope"></i> icon-stethoscope + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-stethoscope"</span><span class="nt">></i></span> icon-stethoscope +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/stop/index.html b/icon/stop/index.html new file mode 100644 index 000000000..813fbdb33 --- /dev/null +++ b/icon/stop/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-stop: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-stop icon-6"></i> + <i class="icon-stop icon-5"></i> + <i class="icon-stop icon-4"></i> + <i class="icon-stop icon-3"></i> + <i class="icon-stop icon-2"></i> + <i class="icon-stop icon-1"></i> + </div> + <h1 class="info-class"> + icon-stop + <small> + <i class="icon-stop"></i> · + Unicode: <span class="upper">f04d</span> · + Created: v1.0.0 · + Categories: + + Video Player Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-stop"></i> icon-stop + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-stop"</span><span class="nt">></i></span> icon-stop +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/strikethrough/index.html b/icon/strikethrough/index.html new file mode 100644 index 000000000..cc902d828 --- /dev/null +++ b/icon/strikethrough/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-strikethrough: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-strikethrough icon-6"></i> + <i class="icon-strikethrough icon-5"></i> + <i class="icon-strikethrough icon-4"></i> + <i class="icon-strikethrough icon-3"></i> + <i class="icon-strikethrough icon-2"></i> + <i class="icon-strikethrough icon-1"></i> + </div> + <h1 class="info-class"> + icon-strikethrough + <small> + <i class="icon-strikethrough"></i> · + Unicode: <span class="upper">f0cc</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-strikethrough"></i> icon-strikethrough + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-strikethrough"</span><span class="nt">></i></span> icon-strikethrough +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/subscript/index.html b/icon/subscript/index.html new file mode 100644 index 000000000..09127d0a5 --- /dev/null +++ b/icon/subscript/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-subscript: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-subscript icon-6"></i> + <i class="icon-subscript icon-5"></i> + <i class="icon-subscript icon-4"></i> + <i class="icon-subscript icon-3"></i> + <i class="icon-subscript icon-2"></i> + <i class="icon-subscript icon-1"></i> + </div> + <h1 class="info-class"> + icon-subscript + <small> + <i class="icon-subscript"></i> · + Unicode: <span class="upper">f12c</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-subscript"></i> icon-subscript + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-subscript"</span><span class="nt">></i></span> icon-subscript +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/suitcase/index.html b/icon/suitcase/index.html new file mode 100644 index 000000000..2cf8c05b4 --- /dev/null +++ b/icon/suitcase/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-suitcase: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-suitcase icon-6"></i> + <i class="icon-suitcase icon-5"></i> + <i class="icon-suitcase icon-4"></i> + <i class="icon-suitcase icon-3"></i> + <i class="icon-suitcase icon-2"></i> + <i class="icon-suitcase icon-1"></i> + </div> + <h1 class="info-class"> + icon-suitcase + <small> + <i class="icon-suitcase"></i> · + Unicode: <span class="upper">f0f2</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-suitcase"></i> icon-suitcase + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-suitcase"</span><span class="nt">></i></span> icon-suitcase +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/superscript/index.html b/icon/superscript/index.html new file mode 100644 index 000000000..3228afb20 --- /dev/null +++ b/icon/superscript/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-superscript: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-superscript icon-6"></i> + <i class="icon-superscript icon-5"></i> + <i class="icon-superscript icon-4"></i> + <i class="icon-superscript icon-3"></i> + <i class="icon-superscript icon-2"></i> + <i class="icon-superscript icon-1"></i> + </div> + <h1 class="info-class"> + icon-superscript + <small> + <i class="icon-superscript"></i> · + Unicode: <span class="upper">f12b</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-superscript"></i> icon-superscript + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-superscript"</span><span class="nt">></i></span> icon-superscript +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/table/index.html b/icon/table/index.html new file mode 100644 index 000000000..a882382b5 --- /dev/null +++ b/icon/table/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-table: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-table icon-6"></i> + <i class="icon-table icon-5"></i> + <i class="icon-table icon-4"></i> + <i class="icon-table icon-3"></i> + <i class="icon-table icon-2"></i> + <i class="icon-table icon-1"></i> + </div> + <h1 class="info-class"> + icon-table + <small> + <i class="icon-table"></i> · + Unicode: <span class="upper">f0ce</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-table"></i> icon-table + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-table"</span><span class="nt">></i></span> icon-table +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/tablet/index.html b/icon/tablet/index.html new file mode 100644 index 000000000..02463d949 --- /dev/null +++ b/icon/tablet/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-tablet: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-tablet icon-6"></i> + <i class="icon-tablet icon-5"></i> + <i class="icon-tablet icon-4"></i> + <i class="icon-tablet icon-3"></i> + <i class="icon-tablet icon-2"></i> + <i class="icon-tablet icon-1"></i> + </div> + <h1 class="info-class"> + icon-tablet + <small> + <i class="icon-tablet"></i> · + Unicode: <span class="upper">f10a</span> · + Created: v3.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-tablet"></i> icon-tablet + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tablet"</span><span class="nt">></i></span> icon-tablet +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/tag/index.html b/icon/tag/index.html new file mode 100644 index 000000000..2925f4b6f --- /dev/null +++ b/icon/tag/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-tag: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-tag icon-6"></i> + <i class="icon-tag icon-5"></i> + <i class="icon-tag icon-4"></i> + <i class="icon-tag icon-3"></i> + <i class="icon-tag icon-2"></i> + <i class="icon-tag icon-1"></i> + </div> + <h1 class="info-class"> + icon-tag + <small> + <i class="icon-tag"></i> · + Unicode: <span class="upper">f02b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-tag"></i> icon-tag + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tag"</span><span class="nt">></i></span> icon-tag +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/tags/index.html b/icon/tags/index.html new file mode 100644 index 000000000..4c8ba9ccf --- /dev/null +++ b/icon/tags/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-tags: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-tags icon-6"></i> + <i class="icon-tags icon-5"></i> + <i class="icon-tags icon-4"></i> + <i class="icon-tags icon-3"></i> + <i class="icon-tags icon-2"></i> + <i class="icon-tags icon-1"></i> + </div> + <h1 class="info-class"> + icon-tags + <small> + <i class="icon-tags"></i> · + Unicode: <span class="upper">f02c</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-tags"></i> icon-tags + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tags"</span><span class="nt">></i></span> icon-tags +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/tasks/index.html b/icon/tasks/index.html new file mode 100644 index 000000000..262bd1ff5 --- /dev/null +++ b/icon/tasks/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-tasks: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-tasks icon-6"></i> + <i class="icon-tasks icon-5"></i> + <i class="icon-tasks icon-4"></i> + <i class="icon-tasks icon-3"></i> + <i class="icon-tasks icon-2"></i> + <i class="icon-tasks icon-1"></i> + </div> + <h1 class="info-class"> + icon-tasks + <small> + <i class="icon-tasks"></i> · + Unicode: <span class="upper">f0ae</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-tasks"></i> icon-tasks + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tasks"</span><span class="nt">></i></span> icon-tasks +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/terminal/index.html b/icon/terminal/index.html new file mode 100644 index 000000000..ad9ce1198 --- /dev/null +++ b/icon/terminal/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-terminal: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-terminal icon-6"></i> + <i class="icon-terminal icon-5"></i> + <i class="icon-terminal icon-4"></i> + <i class="icon-terminal icon-3"></i> + <i class="icon-terminal icon-2"></i> + <i class="icon-terminal icon-1"></i> + </div> + <h1 class="info-class"> + icon-terminal + <small> + <i class="icon-terminal"></i> · + Unicode: <span class="upper">f120</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-terminal"></i> icon-terminal + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-terminal"</span><span class="nt">></i></span> icon-terminal +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/text-height/index.html b/icon/text-height/index.html new file mode 100644 index 000000000..ec149cbc2 --- /dev/null +++ b/icon/text-height/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-text-height: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-text-height icon-6"></i> + <i class="icon-text-height icon-5"></i> + <i class="icon-text-height icon-4"></i> + <i class="icon-text-height icon-3"></i> + <i class="icon-text-height icon-2"></i> + <i class="icon-text-height icon-1"></i> + </div> + <h1 class="info-class"> + icon-text-height + <small> + <i class="icon-text-height"></i> · + Unicode: <span class="upper">f034</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-text-height"></i> icon-text-height + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-text-height"</span><span class="nt">></i></span> icon-text-height +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/text-width/index.html b/icon/text-width/index.html new file mode 100644 index 000000000..dc1ba9377 --- /dev/null +++ b/icon/text-width/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-text-width: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-text-width icon-6"></i> + <i class="icon-text-width icon-5"></i> + <i class="icon-text-width icon-4"></i> + <i class="icon-text-width icon-3"></i> + <i class="icon-text-width icon-2"></i> + <i class="icon-text-width icon-1"></i> + </div> + <h1 class="info-class"> + icon-text-width + <small> + <i class="icon-text-width"></i> · + Unicode: <span class="upper">f035</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-text-width"></i> icon-text-width + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-text-width"</span><span class="nt">></i></span> icon-text-width +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/th-large/index.html b/icon/th-large/index.html new file mode 100644 index 000000000..449cc922d --- /dev/null +++ b/icon/th-large/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-th-large: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-th-large icon-6"></i> + <i class="icon-th-large icon-5"></i> + <i class="icon-th-large icon-4"></i> + <i class="icon-th-large icon-3"></i> + <i class="icon-th-large icon-2"></i> + <i class="icon-th-large icon-1"></i> + </div> + <h1 class="info-class"> + icon-th-large + <small> + <i class="icon-th-large"></i> · + Unicode: <span class="upper">f009</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-th-large"></i> icon-th-large + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th-large"</span><span class="nt">></i></span> icon-th-large +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/th-list/index.html b/icon/th-list/index.html new file mode 100644 index 000000000..7f42982bf --- /dev/null +++ b/icon/th-list/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-th-list: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-th-list icon-6"></i> + <i class="icon-th-list icon-5"></i> + <i class="icon-th-list icon-4"></i> + <i class="icon-th-list icon-3"></i> + <i class="icon-th-list icon-2"></i> + <i class="icon-th-list icon-1"></i> + </div> + <h1 class="info-class"> + icon-th-list + <small> + <i class="icon-th-list"></i> · + Unicode: <span class="upper">f00b</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-th-list"></i> icon-th-list + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th-list"</span><span class="nt">></i></span> icon-th-list +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/th/index.html b/icon/th/index.html new file mode 100644 index 000000000..a02181812 --- /dev/null +++ b/icon/th/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-th: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-th icon-6"></i> + <i class="icon-th icon-5"></i> + <i class="icon-th icon-4"></i> + <i class="icon-th icon-3"></i> + <i class="icon-th icon-2"></i> + <i class="icon-th icon-1"></i> + </div> + <h1 class="info-class"> + icon-th + <small> + <i class="icon-th"></i> · + Unicode: <span class="upper">f00a</span> · + Created: v1.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-th"></i> icon-th + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-th"</span><span class="nt">></i></span> icon-th +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/thumbs-down/index.html b/icon/thumbs-down/index.html new file mode 100644 index 000000000..19618d12e --- /dev/null +++ b/icon/thumbs-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-thumbs-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-thumbs-down icon-6"></i> + <i class="icon-thumbs-down icon-5"></i> + <i class="icon-thumbs-down icon-4"></i> + <i class="icon-thumbs-down icon-3"></i> + <i class="icon-thumbs-down icon-2"></i> + <i class="icon-thumbs-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-thumbs-down + <small> + <i class="icon-thumbs-down"></i> · + Unicode: <span class="upper">f088</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-thumbs-down"></i> icon-thumbs-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-down"</span><span class="nt">></i></span> icon-thumbs-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/thumbs-up/index.html b/icon/thumbs-up/index.html new file mode 100644 index 000000000..722b72fcd --- /dev/null +++ b/icon/thumbs-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-thumbs-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-thumbs-up icon-6"></i> + <i class="icon-thumbs-up icon-5"></i> + <i class="icon-thumbs-up icon-4"></i> + <i class="icon-thumbs-up icon-3"></i> + <i class="icon-thumbs-up icon-2"></i> + <i class="icon-thumbs-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-thumbs-up + <small> + <i class="icon-thumbs-up"></i> · + Unicode: <span class="upper">f087</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-thumbs-up"></i> icon-thumbs-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-thumbs-up"</span><span class="nt">></i></span> icon-thumbs-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/ticket/index.html b/icon/ticket/index.html new file mode 100644 index 000000000..1f40a2bd0 --- /dev/null +++ b/icon/ticket/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-ticket: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-ticket icon-6"></i> + <i class="icon-ticket icon-5"></i> + <i class="icon-ticket icon-4"></i> + <i class="icon-ticket icon-3"></i> + <i class="icon-ticket icon-2"></i> + <i class="icon-ticket icon-1"></i> + </div> + <h1 class="info-class"> + icon-ticket + <small> + <i class="icon-ticket"></i> · + Unicode: <span class="upper">f145</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-ticket"></i> icon-ticket + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-ticket"</span><span class="nt">></i></span> icon-ticket +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/time/index.html b/icon/time/index.html new file mode 100644 index 000000000..53034bbfa --- /dev/null +++ b/icon/time/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-time: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-time icon-6"></i> + <i class="icon-time icon-5"></i> + <i class="icon-time icon-4"></i> + <i class="icon-time icon-3"></i> + <i class="icon-time icon-2"></i> + <i class="icon-time icon-1"></i> + </div> + <h1 class="info-class"> + icon-time + <small> + <i class="icon-time"></i> · + Unicode: <span class="upper">f017</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-time"></i> icon-time + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-time"</span><span class="nt">></i></span> icon-time +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/tint/index.html b/icon/tint/index.html new file mode 100644 index 000000000..1d2c0d1a2 --- /dev/null +++ b/icon/tint/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-tint: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-tint icon-6"></i> + <i class="icon-tint icon-5"></i> + <i class="icon-tint icon-4"></i> + <i class="icon-tint icon-3"></i> + <i class="icon-tint icon-2"></i> + <i class="icon-tint icon-1"></i> + </div> + <h1 class="info-class"> + icon-tint + <small> + <i class="icon-tint"></i> · + Unicode: <span class="upper">f043</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-tint"></i> icon-tint + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-tint"</span><span class="nt">></i></span> icon-tint +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/trash/index.html b/icon/trash/index.html new file mode 100644 index 000000000..78e167ce0 --- /dev/null +++ b/icon/trash/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-trash: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-trash icon-6"></i> + <i class="icon-trash icon-5"></i> + <i class="icon-trash icon-4"></i> + <i class="icon-trash icon-3"></i> + <i class="icon-trash icon-2"></i> + <i class="icon-trash icon-1"></i> + </div> + <h1 class="info-class"> + icon-trash + <small> + <i class="icon-trash"></i> · + Unicode: <span class="upper">f014</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-trash"></i> icon-trash + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trash"</span><span class="nt">></i></span> icon-trash +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/trophy/index.html b/icon/trophy/index.html new file mode 100644 index 000000000..6f2d7127f --- /dev/null +++ b/icon/trophy/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-trophy: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-trophy icon-6"></i> + <i class="icon-trophy icon-5"></i> + <i class="icon-trophy icon-4"></i> + <i class="icon-trophy icon-3"></i> + <i class="icon-trophy icon-2"></i> + <i class="icon-trophy icon-1"></i> + </div> + <h1 class="info-class"> + icon-trophy + <small> + <i class="icon-trophy"></i> · + Unicode: <span class="upper">f091</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-trophy"></i> icon-trophy + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-trophy"</span><span class="nt">></i></span> icon-trophy +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/truck/index.html b/icon/truck/index.html new file mode 100644 index 000000000..a75124235 --- /dev/null +++ b/icon/truck/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-truck: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-truck icon-6"></i> + <i class="icon-truck icon-5"></i> + <i class="icon-truck icon-4"></i> + <i class="icon-truck icon-3"></i> + <i class="icon-truck icon-2"></i> + <i class="icon-truck icon-1"></i> + </div> + <h1 class="info-class"> + icon-truck + <small> + <i class="icon-truck"></i> · + Unicode: <span class="upper">f0d1</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-truck"></i> icon-truck + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-truck"</span><span class="nt">></i></span> icon-truck +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/twitter-sign/index.html b/icon/twitter-sign/index.html new file mode 100644 index 000000000..da0e7a922 --- /dev/null +++ b/icon/twitter-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-twitter-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-twitter-sign icon-6"></i> + <i class="icon-twitter-sign icon-5"></i> + <i class="icon-twitter-sign icon-4"></i> + <i class="icon-twitter-sign icon-3"></i> + <i class="icon-twitter-sign icon-2"></i> + <i class="icon-twitter-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-twitter-sign + <small> + <i class="icon-twitter-sign"></i> · + Unicode: <span class="upper">f081</span> · + Created: v1.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-twitter-sign"></i> icon-twitter-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter-sign"</span><span class="nt">></i></span> icon-twitter-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/twitter/index.html b/icon/twitter/index.html new file mode 100644 index 000000000..76cede584 --- /dev/null +++ b/icon/twitter/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-twitter: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-twitter icon-6"></i> + <i class="icon-twitter icon-5"></i> + <i class="icon-twitter icon-4"></i> + <i class="icon-twitter icon-3"></i> + <i class="icon-twitter icon-2"></i> + <i class="icon-twitter icon-1"></i> + </div> + <h1 class="info-class"> + icon-twitter + <small> + <i class="icon-twitter"></i> · + Unicode: <span class="upper">f099</span> · + Created: v2.0.0 · + Categories: + + Brand Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-twitter"></i> icon-twitter + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-twitter"</span><span class="nt">></i></span> icon-twitter +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/umbrella/index.html b/icon/umbrella/index.html new file mode 100644 index 000000000..354c614d1 --- /dev/null +++ b/icon/umbrella/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-umbrella: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-umbrella icon-6"></i> + <i class="icon-umbrella icon-5"></i> + <i class="icon-umbrella icon-4"></i> + <i class="icon-umbrella icon-3"></i> + <i class="icon-umbrella icon-2"></i> + <i class="icon-umbrella icon-1"></i> + </div> + <h1 class="info-class"> + icon-umbrella + <small> + <i class="icon-umbrella"></i> · + Unicode: <span class="upper">f0e9</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-umbrella"></i> icon-umbrella + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-umbrella"</span><span class="nt">></i></span> icon-umbrella +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/underline/index.html b/icon/underline/index.html new file mode 100644 index 000000000..ff8caa7fb --- /dev/null +++ b/icon/underline/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-underline: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-underline icon-6"></i> + <i class="icon-underline icon-5"></i> + <i class="icon-underline icon-4"></i> + <i class="icon-underline icon-3"></i> + <i class="icon-underline icon-2"></i> + <i class="icon-underline icon-1"></i> + </div> + <h1 class="info-class"> + icon-underline + <small> + <i class="icon-underline"></i> · + Unicode: <span class="upper">f0cd</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-underline"></i> icon-underline + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-underline"</span><span class="nt">></i></span> icon-underline +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/undo/index.html b/icon/undo/index.html new file mode 100644 index 000000000..3377e2d34 --- /dev/null +++ b/icon/undo/index.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-undo: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-undo icon-6"></i> + <i class="icon-undo icon-5"></i> + <i class="icon-undo icon-4"></i> + <i class="icon-undo icon-3"></i> + <i class="icon-undo icon-2"></i> + <i class="icon-undo icon-1"></i> + </div> + <h1 class="info-class"> + icon-undo + <small> + <i class="icon-undo"></i> · + Unicode: <span class="upper">f0e2</span> · + Created: v2.0.0 · + Categories: + + Text Editor Icons + + + · Aliases: + + icon-rotate-left + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-undo"></i> icon-undo + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-undo"</span><span class="nt">></i></span> icon-undo +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/unlink/index.html b/icon/unlink/index.html new file mode 100644 index 000000000..9fef895d1 --- /dev/null +++ b/icon/unlink/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-unlink: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-unlink icon-6"></i> + <i class="icon-unlink icon-5"></i> + <i class="icon-unlink icon-4"></i> + <i class="icon-unlink icon-3"></i> + <i class="icon-unlink icon-2"></i> + <i class="icon-unlink icon-1"></i> + </div> + <h1 class="info-class"> + icon-unlink + <small> + <i class="icon-unlink"></i> · + Unicode: <span class="upper">f127</span> · + Created: v3.1.0 · + Categories: + + Text Editor Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-unlink"></i> icon-unlink + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlink"</span><span class="nt">></i></span> icon-unlink +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/unlock-alt/index.html b/icon/unlock-alt/index.html new file mode 100644 index 000000000..e9cda1135 --- /dev/null +++ b/icon/unlock-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-unlock-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-unlock-alt icon-6"></i> + <i class="icon-unlock-alt icon-5"></i> + <i class="icon-unlock-alt icon-4"></i> + <i class="icon-unlock-alt icon-3"></i> + <i class="icon-unlock-alt icon-2"></i> + <i class="icon-unlock-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-unlock-alt + <small> + <i class="icon-unlock-alt"></i> · + Unicode: <span class="upper">f13e</span> · + Created: v3.1.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-unlock-alt"></i> icon-unlock-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlock-alt"</span><span class="nt">></i></span> icon-unlock-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/unlock/index.html b/icon/unlock/index.html new file mode 100644 index 000000000..f6eb98c5f --- /dev/null +++ b/icon/unlock/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-unlock: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-unlock icon-6"></i> + <i class="icon-unlock icon-5"></i> + <i class="icon-unlock icon-4"></i> + <i class="icon-unlock icon-3"></i> + <i class="icon-unlock icon-2"></i> + <i class="icon-unlock icon-1"></i> + </div> + <h1 class="info-class"> + icon-unlock + <small> + <i class="icon-unlock"></i> · + Unicode: <span class="upper">f09c</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-unlock"></i> icon-unlock + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-unlock"</span><span class="nt">></i></span> icon-unlock +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/upload-alt/index.html b/icon/upload-alt/index.html new file mode 100644 index 000000000..d5ceb021d --- /dev/null +++ b/icon/upload-alt/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-upload-alt: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-upload-alt icon-6"></i> + <i class="icon-upload-alt icon-5"></i> + <i class="icon-upload-alt icon-4"></i> + <i class="icon-upload-alt icon-3"></i> + <i class="icon-upload-alt icon-2"></i> + <i class="icon-upload-alt icon-1"></i> + </div> + <h1 class="info-class"> + icon-upload-alt + <small> + <i class="icon-upload-alt"></i> · + Unicode: <span class="upper">f093</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-upload-alt"></i> icon-upload-alt + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-upload-alt"</span><span class="nt">></i></span> icon-upload-alt +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/upload/index.html b/icon/upload/index.html new file mode 100644 index 000000000..35dd08dce --- /dev/null +++ b/icon/upload/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-upload: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-upload icon-6"></i> + <i class="icon-upload icon-5"></i> + <i class="icon-upload icon-4"></i> + <i class="icon-upload icon-3"></i> + <i class="icon-upload icon-2"></i> + <i class="icon-upload icon-1"></i> + </div> + <h1 class="info-class"> + icon-upload + <small> + <i class="icon-upload"></i> · + Unicode: <span class="upper">f01b</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-upload"></i> icon-upload + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-upload"</span><span class="nt">></i></span> icon-upload +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/user-md/index.html b/icon/user-md/index.html new file mode 100644 index 000000000..867e66061 --- /dev/null +++ b/icon/user-md/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-user-md: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-user-md icon-6"></i> + <i class="icon-user-md icon-5"></i> + <i class="icon-user-md icon-4"></i> + <i class="icon-user-md icon-3"></i> + <i class="icon-user-md icon-2"></i> + <i class="icon-user-md icon-1"></i> + </div> + <h1 class="info-class"> + icon-user-md + <small> + <i class="icon-user-md"></i> · + Unicode: <span class="upper">f0f0</span> · + Created: v2.0.0 · + Categories: + + Medical Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-user-md"></i> icon-user-md + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-user-md"</span><span class="nt">></i></span> icon-user-md +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/user/index.html b/icon/user/index.html new file mode 100644 index 000000000..5cead5b71 --- /dev/null +++ b/icon/user/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-user: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-user icon-6"></i> + <i class="icon-user icon-5"></i> + <i class="icon-user icon-4"></i> + <i class="icon-user icon-3"></i> + <i class="icon-user icon-2"></i> + <i class="icon-user icon-1"></i> + </div> + <h1 class="info-class"> + icon-user + <small> + <i class="icon-user"></i> · + Unicode: <span class="upper">f007</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-user"></i> icon-user + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-user"</span><span class="nt">></i></span> icon-user +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/volume-down/index.html b/icon/volume-down/index.html new file mode 100644 index 000000000..18976ce92 --- /dev/null +++ b/icon/volume-down/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-volume-down: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-volume-down icon-6"></i> + <i class="icon-volume-down icon-5"></i> + <i class="icon-volume-down icon-4"></i> + <i class="icon-volume-down icon-3"></i> + <i class="icon-volume-down icon-2"></i> + <i class="icon-volume-down icon-1"></i> + </div> + <h1 class="info-class"> + icon-volume-down + <small> + <i class="icon-volume-down"></i> · + Unicode: <span class="upper">f027</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-volume-down"></i> icon-volume-down + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-down"</span><span class="nt">></i></span> icon-volume-down +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/volume-off/index.html b/icon/volume-off/index.html new file mode 100644 index 000000000..db21991e8 --- /dev/null +++ b/icon/volume-off/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-volume-off: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-volume-off icon-6"></i> + <i class="icon-volume-off icon-5"></i> + <i class="icon-volume-off icon-4"></i> + <i class="icon-volume-off icon-3"></i> + <i class="icon-volume-off icon-2"></i> + <i class="icon-volume-off icon-1"></i> + </div> + <h1 class="info-class"> + icon-volume-off + <small> + <i class="icon-volume-off"></i> · + Unicode: <span class="upper">f026</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-volume-off"></i> icon-volume-off + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-off"</span><span class="nt">></i></span> icon-volume-off +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/volume-up/index.html b/icon/volume-up/index.html new file mode 100644 index 000000000..121a4eb03 --- /dev/null +++ b/icon/volume-up/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-volume-up: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-volume-up icon-6"></i> + <i class="icon-volume-up icon-5"></i> + <i class="icon-volume-up icon-4"></i> + <i class="icon-volume-up icon-3"></i> + <i class="icon-volume-up icon-2"></i> + <i class="icon-volume-up icon-1"></i> + </div> + <h1 class="info-class"> + icon-volume-up + <small> + <i class="icon-volume-up"></i> · + Unicode: <span class="upper">f028</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-volume-up"></i> icon-volume-up + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-volume-up"</span><span class="nt">></i></span> icon-volume-up +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/warning-sign/index.html b/icon/warning-sign/index.html new file mode 100644 index 000000000..7cbd3fa65 --- /dev/null +++ b/icon/warning-sign/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-warning-sign: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-warning-sign icon-6"></i> + <i class="icon-warning-sign icon-5"></i> + <i class="icon-warning-sign icon-4"></i> + <i class="icon-warning-sign icon-3"></i> + <i class="icon-warning-sign icon-2"></i> + <i class="icon-warning-sign icon-1"></i> + </div> + <h1 class="info-class"> + icon-warning-sign + <small> + <i class="icon-warning-sign"></i> · + Unicode: <span class="upper">f071</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-warning-sign"></i> icon-warning-sign + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-warning-sign"</span><span class="nt">></i></span> icon-warning-sign +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/wrench/index.html b/icon/wrench/index.html new file mode 100644 index 000000000..1905db00f --- /dev/null +++ b/icon/wrench/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-wrench: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-wrench icon-6"></i> + <i class="icon-wrench icon-5"></i> + <i class="icon-wrench icon-4"></i> + <i class="icon-wrench icon-3"></i> + <i class="icon-wrench icon-2"></i> + <i class="icon-wrench icon-1"></i> + </div> + <h1 class="info-class"> + icon-wrench + <small> + <i class="icon-wrench"></i> · + Unicode: <span class="upper">f0ad</span> · + Created: v2.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-wrench"></i> icon-wrench + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-wrench"</span><span class="nt">></i></span> icon-wrench +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/zoom-in/index.html b/icon/zoom-in/index.html new file mode 100644 index 000000000..9d9401c6f --- /dev/null +++ b/icon/zoom-in/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-zoom-in: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-zoom-in icon-6"></i> + <i class="icon-zoom-in icon-5"></i> + <i class="icon-zoom-in icon-4"></i> + <i class="icon-zoom-in icon-3"></i> + <i class="icon-zoom-in icon-2"></i> + <i class="icon-zoom-in icon-1"></i> + </div> + <h1 class="info-class"> + icon-zoom-in + <small> + <i class="icon-zoom-in"></i> · + Unicode: <span class="upper">f00e</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-zoom-in"></i> icon-zoom-in + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-zoom-in"</span><span class="nt">></i></span> icon-zoom-in +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icon/zoom-out/index.html b/icon/zoom-out/index.html new file mode 100644 index 000000000..15631fe42 --- /dev/null +++ b/icon/zoom-out/index.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>icon-zoom-out: Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../../assets/css/site.css"> + <link rel="stylesheet" href="../../assets/css/pygments.css"> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../../">Home</a></li> + <li><a href="../../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../../examples/#new-styles">New Styles</a></li> + <li><a href="../../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../../examples/#buttons">Buttons</a></li> + <li><a href="../../examples/#button-groups">Button Groups</a></li> + <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../../examples/#navigation">Navigation</a></li> + <li><a href="../../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../../examples/#stacked">Stacked</a></li> + <li><a href="../../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../../whats-new/">What's New</a></li> + <li><a href="../../community/">Community</a></li> + <li><a href="../../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + <div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="icon-zoom-out icon-6"></i> + <i class="icon-zoom-out icon-5"></i> + <i class="icon-zoom-out icon-4"></i> + <i class="icon-zoom-out icon-3"></i> + <i class="icon-zoom-out icon-2"></i> + <i class="icon-zoom-out icon-1"></i> + </div> + <h1 class="info-class"> + icon-zoom-out + <small> + <i class="icon-zoom-out"></i> · + Unicode: <span class="upper">f010</span> · + Created: v1.0.0 · + Categories: + + Web Application Icons + + + </small> + </h1> + </div> +</div> + + +<div class="container"> + <section> + <div class="row-fluid"> + <div class="span9"> + <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-zoom-out"></i> icon-zoom-out + </div> + </div> +<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"icon-zoom-out"</span><span class="nt">></i></span> icon-zoom-out +</code></pre></div> + <br> + <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div> + </div> + <div class="span3"> + <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> +</div> + </div> + </div> + </section> +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../../assets/js/jquery-1.7.1.min.js"></script> +<script src="../../assets/js/underscore.min.js"></script> +<script src="../../assets/js/backbone.min.js"></script> +<!--<script src="../../assets/js/prettify.min.js"></script>--> +<script src="../../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../../assets/js/site.js"></script> + +</body> +</html> diff --git a/icons.yml b/icons.yml new file mode 100755 index 000000000..09d817e3f --- /dev/null +++ b/icons.yml @@ -0,0 +1,2147 @@ +icons: + - name: Glass + id: glass + unicode: f000 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Music + id: music + unicode: f001 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Search + id: search + unicode: f002 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Envelope + id: envelope + unicode: f003 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Heart + id: heart + unicode: f004 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Star + id: star + unicode: f005 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Star Empty + id: star-empty + unicode: f006 + created: 1.0.0 + categories: + - Web Application Icons + + - name: User + id: user + unicode: f007 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Film + id: film + unicode: f008 + created: 1.0.0 + categories: + - Web Application Icons + + - name: th-large + id: th-large + unicode: f009 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: th + id: th + unicode: f00a + created: 1.0.0 + categories: + - Text Editor Icons + + - name: th-list + id: th-list + unicode: f00b + created: 1.0.0 + categories: + - Text Editor Icons + + - name: OK + id: ok + unicode: f00c + created: 1.0.0 + categories: + - Web Application Icons + + - name: Remove + id: remove + unicode: f00d + created: 1.0.0 + categories: + - Web Application Icons + + - name: Zoom In + id: zoom-in + unicode: f00e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: Zoom Out + id: zoom-out + unicode: f010 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Off + id: 'off' + unicode: f011 + created: 1.0.0 + aliases: + - power-off + categories: + - Web Application Icons + + - name: signal + id: signal + unicode: f012 + created: 1.0.0 + categories: + - Web Application Icons + + - name: cog + id: cog + unicode: f013 + created: 1.0.0 + categories: + - Web Application Icons + + - name: trash + id: trash + unicode: f014 + created: 1.0.0 + categories: + - Web Application Icons + + - name: home + id: home + unicode: f015 + created: 1.0.0 + categories: + - Web Application Icons + + - name: file + id: file + unicode: f016 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: time + id: time + unicode: f017 + created: 1.0.0 + categories: + - Web Application Icons + + - name: road + id: road + unicode: f018 + created: 1.0.0 + categories: + - Web Application Icons + + - name: download-alt + id: download-alt + unicode: f019 + created: 1.0.0 + categories: + - Web Application Icons + + - name: download + id: download + unicode: f01a + created: 1.0.0 + categories: + - Web Application Icons + + - name: upload + id: upload + unicode: f01b + created: 1.0.0 + categories: + - Web Application Icons + + - name: inbox + id: inbox + unicode: f01c + created: 1.0.0 + categories: + - Web Application Icons + + - name: play-circle + id: play-circle + unicode: f01d + created: 1.0.0 + categories: + - Video Player Icons + + - name: repeat + id: repeat + unicode: f01e + created: 1.0.0 + aliases: + - rotate-right + categories: + - Text Editor Icons + + + - name: refresh + id: refresh + unicode: f021 + created: 1.0.0 + categories: + - Web Application Icons + + - name: list-alt + id: list-alt + unicode: f022 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: lock + id: lock + unicode: f023 + created: 1.0.0 + categories: + - Web Application Icons + + - name: flag + id: flag + unicode: f024 + created: 1.0.0 + categories: + - Web Application Icons + + - name: headphones + id: headphones + unicode: f025 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-off + id: volume-off + unicode: f026 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-down + id: volume-down + unicode: f027 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-up + id: volume-up + unicode: f028 + created: 1.0.0 + categories: + - Web Application Icons + + - name: qrcode + id: qrcode + unicode: f029 + created: 1.0.0 + categories: + - Web Application Icons + + - name: barcode + id: barcode + unicode: f02a + created: 1.0.0 + categories: + - Web Application Icons + + - name: tag + id: tag + unicode: f02b + created: 1.0.0 + categories: + - Web Application Icons + + - name: tags + id: tags + unicode: f02c + created: 1.0.0 + categories: + - Web Application Icons + + - name: book + id: book + unicode: f02d + created: 1.0.0 + categories: + - Web Application Icons + + - name: bookmark + id: bookmark + unicode: f02e + created: 1.0.0 + categories: + - Web Application Icons + + - name: print + id: print + unicode: f02f + created: 1.0.0 + categories: + - Web Application Icons + + + - name: camera + id: camera + unicode: f030 + created: 1.0.0 + categories: + - Web Application Icons + + - name: font + id: font + unicode: f031 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: bold + id: bold + unicode: f032 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: italic + id: italic + unicode: f033 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: text-height + id: text-height + unicode: f034 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: text-width + id: text-width + unicode: f035 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: align-left + id: align-left + unicode: f036 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: align-center + id: align-center + unicode: f037 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: align-right + id: align-right + unicode: f038 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: align-justify + id: align-justify + unicode: f039 + created: 1.0.0 + categories: + - Text Editor Icons + + - name: list + id: list + unicode: f03a + created: 1.0.0 + categories: + - Text Editor Icons + + - name: indent-left + id: indent-left + unicode: f03b + created: 1.0.0 + categories: + - Text Editor Icons + + - name: indent-right + id: indent-right + unicode: f03c + created: 1.0.0 + categories: + - Text Editor Icons + + - name: facetime-video + id: facetime-video + unicode: f03d + created: 1.0.0 + categories: + - Web Application Icons + + - name: picture + id: picture + unicode: f03e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: pencil + id: pencil + unicode: f040 + created: 1.0.0 + categories: + - Web Application Icons + + - name: map-marker + id: map-marker + unicode: f041 + created: 1.0.0 + categories: + - Web Application Icons + + - name: adjust + id: adjust + unicode: f042 + created: 1.0.0 + categories: + - Web Application Icons + + - name: tint + id: tint + unicode: f043 + created: 1.0.0 + categories: + - Web Application Icons + + - name: edit + id: edit + unicode: f044 + created: 1.0.0 + categories: + - Web Application Icons + + - name: share + id: share + unicode: f045 + created: 1.0.0 + categories: + - Web Application Icons + + - name: check + id: check + unicode: f046 + created: 1.0.0 + categories: + - Web Application Icons + + - name: move + id: move + unicode: f047 + created: 1.0.0 + categories: + - Web Application Icons + + - name: step-backward + id: step-backward + unicode: f048 + created: 1.0.0 + categories: + - Video Player Icons + + - name: fast-backward + id: fast-backward + unicode: f049 + created: 1.0.0 + categories: + - Video Player Icons + + - name: backward + id: backward + unicode: f04a + created: 1.0.0 + categories: + - Video Player Icons + + - name: play + id: play + unicode: f04b + created: 1.0.0 + categories: + - Video Player Icons + + - name: pause + id: pause + unicode: f04c + created: 1.0.0 + categories: + - Video Player Icons + + - name: stop + id: stop + unicode: f04d + created: 1.0.0 + categories: + - Video Player Icons + + - name: forward + id: forward + unicode: f04e + created: 1.0.0 + categories: + - Video Player Icons + + + - name: fast-forward + id: fast-forward + unicode: f050 + created: 1.0.0 + categories: + - Video Player Icons + + - name: step-forward + id: step-forward + unicode: f051 + created: 1.0.0 + categories: + - Video Player Icons + + - name: eject + id: eject + unicode: f052 + created: 1.0.0 + categories: + - Video Player Icons + + - name: chevron-left + id: chevron-left + unicode: f053 + created: 1.0.0 + categories: + - Directional Icons + + - name: chevron-right + id: chevron-right + unicode: f054 + created: 1.0.0 + categories: + - Directional Icons + + - name: plus-sign + id: plus-sign + unicode: f055 + created: 1.0.0 + categories: + - Web Application Icons + + - name: minus-sign + id: minus-sign + unicode: f056 + created: 1.0.0 + categories: + - Web Application Icons + + - name: remove-sign + id: remove-sign + unicode: f057 + created: 1.0.0 + categories: + - Web Application Icons + + - name: ok-sign + id: ok-sign + unicode: f058 + created: 1.0.0 + categories: + - Web Application Icons + + - name: question-sign + id: question-sign + unicode: f059 + created: 1.0.0 + categories: + - Web Application Icons + + - name: info-sign + id: info-sign + unicode: f05a + created: 1.0.0 + categories: + - Web Application Icons + + - name: screenshot + id: screenshot + unicode: f05b + created: 1.0.0 + categories: + - Web Application Icons + + - name: remove-circle + id: remove-circle + unicode: f05c + created: 1.0.0 + categories: + - Web Application Icons + + - name: ok-circle + id: ok-circle + unicode: f05d + created: 1.0.0 + categories: + - Web Application Icons + + - name: ban-circle + id: ban-circle + unicode: f05e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: arrow-left + id: arrow-left + unicode: f060 + created: 1.0.0 + categories: + - Directional Icons + + - name: arrow-right + id: arrow-right + unicode: f061 + created: 1.0.0 + categories: + - Directional Icons + + - name: arrow-up + id: arrow-up + unicode: f062 + created: 1.0.0 + categories: + - Directional Icons + + - name: arrow-down + id: arrow-down + unicode: f063 + created: 1.0.0 + categories: + - Directional Icons + + - name: share-alt + id: share-alt + unicode: f064 + created: 1.0.0 + aliases: + - mail-forward + categories: + - Web Application Icons + + - name: resize-full + id: resize-full + unicode: f065 + created: 1.0.0 + categories: + - Video Player Icons + + - name: resize-small + id: resize-small + unicode: f066 + created: 1.0.0 + categories: + - Video Player Icons + + - name: plus + id: plus + unicode: f067 + created: 1.0.0 + categories: + - Web Application Icons + + - name: minus + id: minus + unicode: f068 + created: 1.0.0 + categories: + - Web Application Icons + + - name: asterisk + id: asterisk + unicode: f069 + created: 1.0.0 + categories: + - Web Application Icons + + - name: exclamation-sign + id: exclamation-sign + unicode: f06a + created: 1.0.0 + categories: + - Web Application Icons + + - name: gift + id: gift + unicode: f06b + created: 1.0.0 + categories: + - Web Application Icons + + - name: leaf + id: leaf + unicode: f06c + created: 1.0.0 + categories: + - Web Application Icons + + - name: fire + id: fire + unicode: f06d + created: 1.0.0 + categories: + - Web Application Icons + + - name: eye-open + id: eye-open + unicode: f06e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: eye-close + id: eye-close + unicode: f070 + created: 1.0.0 + categories: + - Web Application Icons + + - name: warning-sign + id: warning-sign + unicode: f071 + created: 1.0.0 + categories: + - Web Application Icons + + - name: plane + id: plane + unicode: f072 + created: 1.0.0 + categories: + - Web Application Icons + + - name: calendar + id: calendar + unicode: f073 + created: 1.0.0 + categories: + - Web Application Icons + + - name: random + id: random + unicode: f074 + created: 1.0.0 + categories: + - Web Application Icons + + - name: comment + id: comment + unicode: f075 + created: 1.0.0 + categories: + - Web Application Icons + + - name: magnet + id: magnet + unicode: f076 + created: 1.0.0 + categories: + - Web Application Icons + + - name: chevron-up + id: chevron-up + unicode: f077 + created: 1.0.0 + categories: + - Directional Icons + + - name: chevron-down + id: chevron-down + unicode: f078 + created: 1.0.0 + categories: + - Directional Icons + + - name: retweet + id: retweet + unicode: f079 + created: 1.0.0 + categories: + - Web Application Icons + + - name: shopping-cart + id: shopping-cart + unicode: f07a + created: 1.0.0 + categories: + - Web Application Icons + + - name: folder-close + id: folder-close + unicode: f07b + created: 1.0.0 + categories: + - Web Application Icons + + - name: folder-open + id: folder-open + unicode: f07c + created: 1.0.0 + categories: + - Web Application Icons + + - name: resize-vertical + id: resize-vertical + unicode: f07d + created: 1.0.0 + categories: + - Web Application Icons + + - name: resize-horizontal + id: resize-horizontal + unicode: f07e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: bar-chart + id: bar-chart + unicode: f080 + created: 1.0.0 + categories: + - Web Application Icons + + - name: twitter-sign + id: twitter-sign + unicode: f081 + created: 1.0.0 + categories: + - Brand Icons + + - name: facebook-sign + id: facebook-sign + unicode: f082 + created: 1.0.0 + categories: + - Brand Icons + + - name: camera-retro + id: camera-retro + unicode: f083 + created: 1.0.0 + categories: + - Web Application Icons + + - name: key + id: key + unicode: f084 + created: 1.0.0 + categories: + - Web Application Icons + + - name: cogs + id: cogs + unicode: f085 + created: 1.0.0 + categories: + - Web Application Icons + + - name: comments + id: comments + unicode: f086 + created: 1.0.0 + categories: + - Web Application Icons + + - name: thumbs-up + id: thumbs-up + unicode: f087 + created: 1.0.0 + categories: + - Web Application Icons + + - name: thumbs-down + id: thumbs-down + unicode: f088 + created: 1.0.0 + categories: + - Web Application Icons + + - name: star-half + id: star-half + unicode: f089 + created: 1.0.0 + categories: + - Web Application Icons + + - name: heart-empty + id: heart-empty + unicode: f08a + created: 1.0.0 + categories: + - Web Application Icons + + - name: signout + id: signout + unicode: f08b + created: 1.0.0 + categories: + - Web Application Icons + + - name: linkedin-sign + id: linkedin-sign + unicode: f08c + created: 1.0.0 + categories: + - Brand Icons + + - name: pushpin + id: pushpin + unicode: f08d + created: 1.0.0 + categories: + - Web Application Icons + + - name: external-link + id: external-link + unicode: f08e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: signin + id: signin + unicode: f090 + created: 1.0.0 + categories: + - Web Application Icons + + - name: trophy + id: trophy + unicode: f091 + created: 1.0.0 + categories: + - Web Application Icons + + - name: github-sign + id: github-sign + unicode: f092 + created: 1.0.0 + categories: + - Brand Icons + + - name: upload-alt + id: upload-alt + unicode: f093 + created: 1.0.0 + categories: + - Web Application Icons + + - name: lemon + id: lemon + unicode: f094 + created: 1.0.0 + categories: + - Web Application Icons + + - name: phone + id: phone + unicode: f095 + created: 2.0.0 + categories: + - Web Application Icons + + - name: check-empty + id: check-empty + unicode: f096 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bookmark-empty + id: bookmark-empty + unicode: f097 + created: 2.0.0 + categories: + - Web Application Icons + + - name: phone-sign + id: phone-sign + unicode: f098 + created: 2.0.0 + categories: + - Web Application Icons + + - name: twitter + id: twitter + unicode: f099 + created: 2.0.0 + categories: + - Brand Icons + + - name: facebook + id: facebook + unicode: f09a + created: 2.0.0 + categories: + - Brand Icons + + - name: github + id: github + unicode: f09b + created: 2.0.0 + categories: + - Brand Icons + + - name: unlock + id: unlock + unicode: f09c + created: 2.0.0 + categories: + - Web Application Icons + + - name: credit-card + id: credit-card + unicode: f09d + created: 2.0.0 + categories: + - Web Application Icons + + - name: rss + id: rss + unicode: f09e + created: 2.0.0 + categories: + - Web Application Icons + + + - name: hdd + id: hdd + unicode: f0a0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bullhorn + id: bullhorn + unicode: f0a1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bell + id: bell + unicode: f0a2 + created: 2.0.0 + categories: + - Web Application Icons + + - name: certificate + id: certificate + unicode: f0a3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: hand-right + id: hand-right + unicode: f0a4 + created: 2.0.0 + categories: + - Directional Icons + + - name: hand-left + id: hand-left + unicode: f0a5 + created: 2.0.0 + categories: + - Directional Icons + + - name: hand-up + id: hand-up + unicode: f0a6 + created: 2.0.0 + categories: + - Directional Icons + + - name: hand-down + id: hand-down + unicode: f0a7 + created: 2.0.0 + categories: + - Directional Icons + + - name: circle-arrow-left + id: circle-arrow-left + unicode: f0a8 + created: 2.0.0 + categories: + - Directional Icons + + - name: circle-arrow-right + id: circle-arrow-right + unicode: f0a9 + created: 2.0.0 + categories: + - Directional Icons + + - name: circle-arrow-up + id: circle-arrow-up + unicode: f0aa + created: 2.0.0 + categories: + - Directional Icons + + - name: circle-arrow-down + id: circle-arrow-down + unicode: f0ab + created: 2.0.0 + categories: + - Directional Icons + + - name: globe + id: globe + unicode: f0ac + created: 2.0.0 + categories: + - Web Application Icons + + - name: wrench + id: wrench + unicode: f0ad + created: 2.0.0 + categories: + - Web Application Icons + + - name: tasks + id: tasks + unicode: f0ae + created: 2.0.0 + categories: + - Web Application Icons + + + - name: filter + id: filter + unicode: f0b0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: briefcase + id: briefcase + unicode: f0b1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: fullscreen + id: fullscreen + unicode: f0b2 + created: 2.0.0 + categories: + - Video Player Icons + + + - name: group + id: group + unicode: f0c0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: link + id: link + unicode: f0c1 + created: 2.0.0 + categories: + - Text Editor Icons + + - name: cloud + id: cloud + unicode: f0c2 + created: 2.0.0 + categories: + - Web Application Icons + + - name: beaker + id: beaker + unicode: f0c3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: cut + id: cut + unicode: f0c4 + created: 2.0.0 + categories: + - Text Editor Icons + + - name: copy + id: copy + unicode: f0c5 + created: 2.0.0 + categories: + - Text Editor Icons + + - name: paper-clip + id: paper-clip + unicode: f0c6 + created: 2.0.0 + categories: + - Text Editor Icons + + - name: save + id: save + unicode: f0c7 + created: 2.0.0 + categories: + - Text Editor Icons + + - name: sign-blank + id: sign-blank + unicode: f0c8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: reorder + id: reorder + unicode: f0c9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: list-ul + id: list-ul + unicode: f0ca + created: 2.0.0 + categories: + - Text Editor Icons + + - name: list-ol + id: list-ol + unicode: f0cb + created: 2.0.0 + categories: + - Text Editor Icons + + - name: strikethrough + id: strikethrough + unicode: f0cc + created: 2.0.0 + categories: + - Text Editor Icons + + - name: underline + id: underline + unicode: f0cd + created: 2.0.0 + categories: + - Text Editor Icons + + - name: table + id: table + unicode: f0ce + created: 2.0.0 + categories: + - Text Editor Icons + + + - name: magic + id: magic + unicode: f0d0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: truck + id: truck + unicode: f0d1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: pinterest + id: pinterest + unicode: f0d2 + created: 2.0.0 + categories: + - Brand Icons + + - name: pinterest-sign + id: pinterest-sign + unicode: f0d3 + created: 2.0.0 + categories: + - Brand Icons + + - name: google-plus-sign + id: google-plus-sign + unicode: f0d4 + created: 2.0.0 + categories: + - Brand Icons + + - name: google-plus + id: google-plus + unicode: f0d5 + created: 2.0.0 + categories: + - Brand Icons + + - name: money + id: money + unicode: f0d6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: caret-down + id: caret-down + unicode: f0d7 + created: 2.0.0 + categories: + - Directional Icons + + - name: caret-up + id: caret-up + unicode: f0d8 + created: 2.0.0 + categories: + - Directional Icons + + - name: caret-left + id: caret-left + unicode: f0d9 + created: 2.0.0 + categories: + - Directional Icons + + - name: caret-right + id: caret-right + unicode: f0da + created: 2.0.0 + categories: + - Directional Icons + + - name: columns + id: columns + unicode: f0db + created: 2.0.0 + categories: + - Text Editor Icons + + - name: sort + id: sort + unicode: f0dc + created: 2.0.0 + categories: + - Web Application Icons + + - name: sort-down + id: sort-down + unicode: f0dd + created: 2.0.0 + categories: + - Web Application Icons + + - name: sort-up + id: sort-up + unicode: f0de + created: 2.0.0 + categories: + - Web Application Icons + + + - name: envelope-alt + id: envelope-alt + unicode: f0e0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: linkedin + id: linkedin + unicode: f0e1 + created: 2.0.0 + categories: + - Brand Icons + + + - name: undo + id: undo + unicode: f0e2 + created: 2.0.0 + aliases: + - rotate-left + categories: + - Text Editor Icons + + - name: legal + id: legal + unicode: f0e3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: dashboard + id: dashboard + unicode: f0e4 + created: 2.0.0 + categories: + - Web Application Icons + + - name: comment-alt + id: comment-alt + unicode: f0e5 + created: 2.0.0 + categories: + - Web Application Icons + + - name: comments-alt + id: comments-alt + unicode: f0e6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bolt + id: bolt + unicode: f0e7 + created: 2.0.0 + categories: + - Web Application Icons + + - name: sitemap + id: sitemap + unicode: f0e8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: umbrella + id: umbrella + unicode: f0e9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: paste + id: paste + unicode: f0ea + created: 2.0.0 + categories: + - Text Editor Icons + + - name: lightbulb + id: lightbulb + unicode: f0eb + created: 3.0.0 + categories: + - Web Application Icons + + - name: exchange + id: exchange + unicode: f0ec + created: 3.0.0 + categories: + - Web Application Icons + + - name: cloud-download + id: cloud-download + unicode: f0ed + created: 3.0.0 + categories: + - Web Application Icons + + - name: cloud-upload + id: cloud-upload + unicode: f0ee + created: 3.0.0 + categories: + - Web Application Icons + + + - name: user-md + id: user-md + unicode: f0f0 + created: 2.0.0 + categories: + - Medical Icons + + - name: stethoscope + id: stethoscope + unicode: f0f1 + created: 3.0.0 + categories: + - Medical Icons + + - name: suitcase + id: suitcase + unicode: f0f2 + created: 3.0.0 + categories: + - Web Application Icons + + - name: bell-alt + id: bell-alt + unicode: f0f3 + created: 3.0.0 + categories: + - Web Application Icons + + - name: coffee + id: coffee + unicode: f0f4 + created: 3.0.0 + categories: + - Web Application Icons + + - name: food + id: food + unicode: f0f5 + created: 3.0.0 + categories: + - Web Application Icons + + - name: file-alt + id: file-alt + unicode: f0f6 + created: 3.0.0 + categories: + - Text Editor Icons + + - name: building + id: building + unicode: f0f7 + created: 3.0.0 + categories: + - Web Application Icons + + - name: hospital + id: hospital + unicode: f0f8 + created: 3.0.0 + categories: + - Medical Icons + + - name: ambulance + id: ambulance + unicode: f0f9 + created: 3.0.0 + categories: + - Medical Icons + + - name: medkit + id: medkit + unicode: f0fa + created: 3.0.0 + categories: + - Medical Icons + + - name: fighter-jet + id: fighter-jet + unicode: f0fb + created: 3.0.0 + categories: + - Web Application Icons + + - name: beer + id: beer + unicode: f0fc + created: 3.0.0 + categories: + - Web Application Icons + + - name: h-sign + id: h-sign + unicode: f0fd + created: 3.0.0 + categories: + - Medical Icons + + - name: plus-sign-alt + id: plus-sign-alt + unicode: f0fe + created: 3.0.0 + categories: + - Medical Icons + + + - name: double-angle-left + id: double-angle-left + unicode: f100 + created: 3.0.0 + categories: + - Directional Icons + + - name: double-angle-right + id: double-angle-right + unicode: f101 + created: 3.0.0 + categories: + - Directional Icons + + - name: double-angle-up + id: double-angle-up + unicode: f102 + created: 3.0.0 + categories: + - Directional Icons + + - name: double-angle-down + id: double-angle-down + unicode: f103 + created: 3.0.0 + categories: + - Directional Icons + + - name: angle-left + id: angle-left + unicode: f104 + created: 3.0.0 + categories: + - Directional Icons + + - name: angle-right + id: angle-right + unicode: f105 + created: 3.0.0 + categories: + - Directional Icons + + - name: angle-up + id: angle-up + unicode: f106 + created: 3.0.0 + categories: + - Directional Icons + + - name: angle-down + id: angle-down + unicode: f107 + created: 3.0.0 + categories: + - Directional Icons + + - name: desktop + id: desktop + unicode: f108 + created: 3.0.0 + categories: + - Web Application Icons + + - name: laptop + id: laptop + unicode: f109 + created: 3.0.0 + categories: + - Web Application Icons + + - name: tablet + id: tablet + unicode: f10a + created: 3.0.0 + categories: + - Web Application Icons + + - name: mobile-phone + id: mobile-phone + unicode: f10b + created: 3.0.0 + categories: + - Web Application Icons + + - name: circle-blank + id: circle-blank + unicode: f10c + created: 3.0.0 + categories: + - Web Application Icons + + - name: quote-left + id: quote-left + unicode: f10d + created: 3.0.0 + categories: + - Web Application Icons + + - name: quote-right + id: quote-right + unicode: f10e + created: 3.0.0 + categories: + - Web Application Icons + + + - name: spinner + id: spinner + unicode: f110 + created: 3.0.0 + categories: + - Web Application Icons + + - name: circle + id: circle + unicode: f111 + created: 3.0.0 + categories: + - Web Application Icons + + - name: reply + id: reply + unicode: f112 + created: 3.0.0 + aliases: + - mail-reply + categories: + - Web Application Icons + + + - name: folder-close-alt + id: folder-close-alt + unicode: f114 + created: 3.0.0 + categories: + - Web Application Icons + + - name: folder-open-alt + id: folder-open-alt + unicode: f115 + created: 3.0.0 + categories: + - Web Application Icons + + - name: expand-alt + id: expand-alt + unicode: f116 + created: 3.1.0 + categories: + - Web Application Icons + + - name: collapse-alt + id: collapse-alt + unicode: f117 + created: 3.1.0 + categories: + - Web Application Icons + + - name: smile + id: smile + unicode: f118 + created: 3.1.0 + categories: + - Web Application Icons + + - name: frown + id: frown + unicode: f119 + created: 3.1.0 + categories: + - Web Application Icons + + - name: meh + id: meh + unicode: f11a + created: 3.1.0 + categories: + - Web Application Icons + + - name: gamepad + id: gamepad + unicode: f11b + created: 3.1.0 + categories: + - Web Application Icons + + - name: keyboard + id: keyboard + unicode: f11c + created: 3.1.0 + categories: + - Web Application Icons + + - name: flag-alt + id: flag-alt + unicode: f11d + created: 3.1.0 + categories: + - Web Application Icons + + - name: flag-checkered + id: flag-checkered + unicode: f11e + created: 3.1.0 + categories: + - Web Application Icons + + + - name: terminal + id: terminal + unicode: f120 + created: 3.1.0 + categories: + - Web Application Icons + + - name: code + id: code + unicode: f121 + created: 3.1.0 + categories: + - Web Application Icons + + - name: reply-all + id: reply-all + unicode: f122 + created: 3.1.0 + categories: + - Web Application Icons + + - name: mail-reply-all + id: mail-reply-all + unicode: f122 + created: 3.1.0 + categories: + - Web Application Icons + + - name: star-half-empty + id: star-half-empty + unicode: f123 + created: 3.1.0 + categories: + - Web Application Icons + + - name: location-arrow + id: location-arrow + unicode: f124 + created: 3.1.0 + categories: + - Web Application Icons + + - name: crop + id: crop + unicode: f125 + created: 3.1.0 + categories: + - Web Application Icons + + - name: code-fork + id: code-fork + unicode: f126 + created: 3.1.0 + categories: + - Web Application Icons + + - name: unlink + id: unlink + unicode: f127 + created: 3.1.0 + categories: + - Text Editor Icons + + - name: question + id: question + unicode: f128 + created: 3.1.0 + categories: + - Web Application Icons + + - name: info + id: info + unicode: f129 + created: 3.1.0 + categories: + - Web Application Icons + + - name: exclamation + id: exclamation + unicode: f12a + created: 3.1.0 + categories: + - Web Application Icons + + - name: superscript + id: superscript + unicode: f12b + created: 3.1.0 + categories: + - Web Application Icons + + - name: subscript + id: subscript + unicode: f12c + created: 3.1.0 + categories: + - Web Application Icons + + - name: eraser + id: eraser + unicode: f12d + created: 3.1.0 + categories: + - Text Editor Icons + - Web Application Icons + + - name: puzzle-piece + id: puzzle-piece + unicode: f12e + created: 3.1.0 + categories: + - Web Application Icons + + + - name: microphone + id: microphone + unicode: f130 + created: 3.1.0 + categories: + - Web Application Icons + + - name: microphone-off + id: microphone-off + unicode: f131 + created: 3.1.0 + categories: + - Web Application Icons + + - name: shield + id: shield + unicode: f132 + created: 3.1.0 + categories: + - Web Application Icons + + - name: calendar-empty + id: calendar-empty + unicode: f133 + created: 3.1.0 + categories: + - Web Application Icons + + - name: fire-extinguisher + id: fire-extinguisher + unicode: f134 + created: 3.1.0 + categories: + - Web Application Icons + + - name: rocket + id: rocket + unicode: f135 + created: 3.1.0 + categories: + - Web Application Icons + + - name: MaxCDN + id: maxcdn + unicode: f136 + created: 3.1.0 + categories: + - Brand Icons + + - name: Chevron Sign Left + id: chevron-sign-left + unicode: f137 + created: 3.1.0 + categories: + - Directional Icons + + - name: Chevron Sign Right + id: chevron-sign-right + unicode: f138 + created: 3.1.0 + categories: + - Directional Icons + + - name: Chevron Sign Up + id: chevron-sign-up + unicode: f139 + created: 3.1.0 + categories: + - Directional Icons + + - name: Chevron Sign Down + id: chevron-sign-down + unicode: f13a + created: 3.1.0 + categories: + - Directional Icons + + - name: HTML 5 Logo + id: html5 + unicode: f13b + created: 3.1.0 + categories: + - Brand Icons + + - name: CSS 3 Logo + id: css3 + unicode: f13c + created: 3.1.0 + categories: + - Brand Icons + + - name: Anchor + id: anchor + unicode: f13d + created: 3.1.0 + categories: + - Web Application Icons + + - name: Unlock Alt + id: unlock-alt + unicode: f13e + created: 3.1.0 + categories: + - Web Application Icons + + + - name: Bullseye + id: bullseye + unicode: f140 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Horizontal Ellipsis + id: ellipsis-horizontal + unicode: f141 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Vertical Ellipsis + id: ellipsis-vertical + unicode: f142 + created: 3.1.0 + categories: + - Web Application Icons + + - name: RSS Sign + id: rss-sign + unicode: f143 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Play Sign + id: play-sign + unicode: f144 + created: 3.1.0 + categories: + - Video Player Icons + + - name: Ticket + id: ticket + unicode: f145 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Minus Sign Alt + id: minus-sign-alt + unicode: f146 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Check Minus + id: check-minus + unicode: f147 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Level Up + id: level-up + unicode: f148 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Level Down + id: level-down + unicode: f149 + created: 3.1.0 + categories: + - Web Application Icons + + - name: Check Sign + id: check-sign + unicode: f14a + created: 3.1.0 + categories: + - Web Application Icons + + - name: Edit Sign + id: edit-sign + unicode: f14b + created: 3.1.0 + categories: + - Web Application Icons + + - name: Exteral Link Sign + id: external-link-sign + unicode: f14c + created: 3.1.0 + categories: + - Web Application Icons + + - name: Share Sign + id: share-sign + unicode: f14d + created: 3.1.0 + categories: + - Web Application Icons diff --git a/icons/index.html b/icons/index.html new file mode 100644 index 000000000..2a1df3e93 --- /dev/null +++ b/icons/index.html @@ -0,0 +1,734 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>Font Awesome Icons</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left active"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right active"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-flag icon-large"></i> The Icons</h1> + <p>The complete set of 302 icons in Font Awesome 3.1.0</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + You asked, Font Awesome delivers with 54 shiny new icons in version 3.1.0. + Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>. + <!--The ever-expanding list of Font Awesome 3.1.0 icons.--> + Need vectors or want to use on the desktop? Check the <a href="../cheatsheet/">cheatsheet</a>. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div id="new"> + <h2 class="page-header">New Icons in 3.1.0</h2> + + + + <div class="row margin-top"> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/expand-alt"><i class="icon-expand-alt"></i> icon-expand-alt</a></li> + <li><a href="../icon/collapse-alt"><i class="icon-collapse-alt"></i> icon-collapse-alt</a></li> + <li><a href="../icon/smile"><i class="icon-smile"></i> icon-smile</a></li> + <li><a href="../icon/frown"><i class="icon-frown"></i> icon-frown</a></li> + <li><a href="../icon/meh"><i class="icon-meh"></i> icon-meh</a></li> + <li><a href="../icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></li> + <li><a href="../icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></li> + <li><a href="../icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></li> + <li><a href="../icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></li> + <li><a href="../icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></li> + <li><a href="../icon/code"><i class="icon-code"></i> icon-code</a></li> + <li><a href="../icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></li> + <li><a href="../icon/reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></li> + <li><a href="../icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></li> + <li><a href="../icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></li> + <li><a href="../icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></li> + <li><a href="../icon/crop"><i class="icon-crop"></i> icon-crop</a></li> + <li><a href="../icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></li> + <li><a href="../icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></li> + <li><a href="../icon/question"><i class="icon-question"></i> icon-question</a></li> + <li><a href="../icon/info"><i class="icon-info"></i> icon-info</a></li> + <li><a href="../icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></li> + <li><a href="../icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></li> + <li><a href="../icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></li> + <li><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li> + <li><a href="../icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></li> + <li><a href="../icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></li> + <li><a href="../icon/shield"><i class="icon-shield"></i> icon-shield</a></li> + <li><a href="../icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></li> + <li><a href="../icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></li> + <li><a href="../icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></li> + <li><a href="../icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></li> + <li><a href="../icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></li> + <li><a href="../icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></li> + <li><a href="../icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></li> + <li><a href="../icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></li> + <li><a href="../icon/html5"><i class="icon-html5"></i> icon-html5</a></li> + <li><a href="../icon/css3"><i class="icon-css3"></i> icon-css3</a></li> + <li><a href="../icon/anchor"><i class="icon-anchor"></i> icon-anchor</a></li> + <li><a href="../icon/unlock-alt"><i class="icon-unlock-alt"></i> icon-unlock-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/bullseye"><i class="icon-bullseye"></i> icon-bullseye</a></li> + <li><a href="../icon/ellipsis-horizontal"><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</a></li> + <li><a href="../icon/ellipsis-vertical"><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</a></li> + <li><a href="../icon/rss-sign"><i class="icon-rss-sign"></i> icon-rss-sign</a></li> + <li><a href="../icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></li> + <li><a href="../icon/ticket"><i class="icon-ticket"></i> icon-ticket</a></li> + <li><a href="../icon/minus-sign-alt"><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</a></li> + <li><a href="../icon/check-minus"><i class="icon-check-minus"></i> icon-check-minus</a></li> + <li><a href="../icon/level-up"><i class="icon-level-up"></i> icon-level-up</a></li> + <li><a href="../icon/level-down"><i class="icon-level-down"></i> icon-level-down</a></li> + <li><a href="../icon/check-sign"><i class="icon-check-sign"></i> icon-check-sign</a></li> + <li><a href="../icon/edit-sign"><i class="icon-edit-sign"></i> icon-edit-sign</a></li> + <li><a href="../icon/external-link-sign"><i class="icon-external-link-sign"></i> icon-external-link-sign</a></li> + <li><a href="../icon/share-sign"><i class="icon-share-sign"></i> icon-share-sign</a></li> + </ul> + </div> + </div> +</div> + + +<section id="web-application" class="row"> + <div class="span12"> + <h2 class="page-header">Web Application Icons</h2> + </div> + + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/adjust"><i class="icon-adjust"></i> icon-adjust</a></li> + <li><a href="../icon/anchor"><i class="icon-anchor"></i> icon-anchor</a></li> + <li><a href="../icon/asterisk"><i class="icon-asterisk"></i> icon-asterisk</a></li> + <li><a href="../icon/ban-circle"><i class="icon-ban-circle"></i> icon-ban-circle</a></li> + <li><a href="../icon/bar-chart"><i class="icon-bar-chart"></i> icon-bar-chart</a></li> + <li><a href="../icon/barcode"><i class="icon-barcode"></i> icon-barcode</a></li> + <li><a href="../icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li> + <li><a href="../icon/beer"><i class="icon-beer"></i> icon-beer</a></li> + <li><a href="../icon/bell-alt"><i class="icon-bell-alt"></i> icon-bell-alt</a></li> + <li><a href="../icon/bell"><i class="icon-bell"></i> icon-bell</a></li> + <li><a href="../icon/bolt"><i class="icon-bolt"></i> icon-bolt</a></li> + <li><a href="../icon/book"><i class="icon-book"></i> icon-book</a></li> + <li><a href="../icon/bookmark-empty"><i class="icon-bookmark-empty"></i> icon-bookmark-empty</a></li> + <li><a href="../icon/bookmark"><i class="icon-bookmark"></i> icon-bookmark</a></li> + <li><a href="../icon/briefcase"><i class="icon-briefcase"></i> icon-briefcase</a></li> + <li><a href="../icon/bullhorn"><i class="icon-bullhorn"></i> icon-bullhorn</a></li> + <li><a href="../icon/bullseye"><i class="icon-bullseye"></i> icon-bullseye</a></li> + <li><a href="../icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></li> + <li><a href="../icon/calendar"><i class="icon-calendar"></i> icon-calendar</a></li> + <li><a href="../icon/camera-retro"><i class="icon-camera-retro"></i> icon-camera-retro</a></li> + <li><a href="../icon/camera"><i class="icon-camera"></i> icon-camera</a></li> + <li><a href="../icon/certificate"><i class="icon-certificate"></i> icon-certificate</a></li> + <li><a href="../icon/check-empty"><i class="icon-check-empty"></i> icon-check-empty</a></li> + <li><a href="../icon/check-minus"><i class="icon-check-minus"></i> icon-check-minus</a></li> + <li><a href="../icon/check-sign"><i class="icon-check-sign"></i> icon-check-sign</a></li> + <li><a href="../icon/check"><i class="icon-check"></i> icon-check</a></li> + <li><a href="../icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></li> + <li><a href="../icon/circle"><i class="icon-circle"></i> icon-circle</a></li> + <li><a href="../icon/cloud-download"><i class="icon-cloud-download"></i> icon-cloud-download</a></li> + <li><a href="../icon/cloud-upload"><i class="icon-cloud-upload"></i> icon-cloud-upload</a></li> + <li><a href="../icon/cloud"><i class="icon-cloud"></i> icon-cloud</a></li> + <li><a href="../icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></li> + <li><a href="../icon/code"><i class="icon-code"></i> icon-code</a></li> + <li><a href="../icon/coffee"><i class="icon-coffee"></i> icon-coffee</a></li> + <li><a href="../icon/cog"><i class="icon-cog"></i> icon-cog</a></li> + <li><a href="../icon/cogs"><i class="icon-cogs"></i> icon-cogs</a></li> + <li><a href="../icon/collapse-alt"><i class="icon-collapse-alt"></i> icon-collapse-alt</a></li> + <li><a href="../icon/comment-alt"><i class="icon-comment-alt"></i> icon-comment-alt</a></li> + <li><a href="../icon/comment"><i class="icon-comment"></i> icon-comment</a></li> + <li><a href="../icon/comments-alt"><i class="icon-comments-alt"></i> icon-comments-alt</a></li> + <li><a href="../icon/comments"><i class="icon-comments"></i> icon-comments</a></li> + <li><a href="../icon/credit-card"><i class="icon-credit-card"></i> icon-credit-card</a></li> + <li><a href="../icon/crop"><i class="icon-crop"></i> icon-crop</a></li> + <li><a href="../icon/dashboard"><i class="icon-dashboard"></i> icon-dashboard</a></li> + <li><a href="../icon/desktop"><i class="icon-desktop"></i> icon-desktop</a></li> + <li><a href="../icon/download-alt"><i class="icon-download-alt"></i> icon-download-alt</a></li> + <li><a href="../icon/download"><i class="icon-download"></i> icon-download</a></li> + <li><a href="../icon/edit-sign"><i class="icon-edit-sign"></i> icon-edit-sign</a></li> + <li><a href="../icon/edit"><i class="icon-edit"></i> icon-edit</a></li> + <li><a href="../icon/ellipsis-horizontal"><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</a></li> + <li><a href="../icon/ellipsis-vertical"><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/envelope-alt"><i class="icon-envelope-alt"></i> icon-envelope-alt</a></li> + <li><a href="../icon/envelope"><i class="icon-envelope"></i> icon-envelope</a></li> + <li><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li> + <li><a href="../icon/exchange"><i class="icon-exchange"></i> icon-exchange</a></li> + <li><a href="../icon/exclamation-sign"><i class="icon-exclamation-sign"></i> icon-exclamation-sign</a></li> + <li><a href="../icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></li> + <li><a href="../icon/expand-alt"><i class="icon-expand-alt"></i> icon-expand-alt</a></li> + <li><a href="../icon/external-link-sign"><i class="icon-external-link-sign"></i> icon-external-link-sign</a></li> + <li><a href="../icon/external-link"><i class="icon-external-link"></i> icon-external-link</a></li> + <li><a href="../icon/eye-close"><i class="icon-eye-close"></i> icon-eye-close</a></li> + <li><a href="../icon/eye-open"><i class="icon-eye-open"></i> icon-eye-open</a></li> + <li><a href="../icon/facetime-video"><i class="icon-facetime-video"></i> icon-facetime-video</a></li> + <li><a href="../icon/fighter-jet"><i class="icon-fighter-jet"></i> icon-fighter-jet</a></li> + <li><a href="../icon/film"><i class="icon-film"></i> icon-film</a></li> + <li><a href="../icon/filter"><i class="icon-filter"></i> icon-filter</a></li> + <li><a href="../icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></li> + <li><a href="../icon/fire"><i class="icon-fire"></i> icon-fire</a></li> + <li><a href="../icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></li> + <li><a href="../icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></li> + <li><a href="../icon/flag"><i class="icon-flag"></i> icon-flag</a></li> + <li><a href="../icon/folder-close-alt"><i class="icon-folder-close-alt"></i> icon-folder-close-alt</a></li> + <li><a href="../icon/folder-close"><i class="icon-folder-close"></i> icon-folder-close</a></li> + <li><a href="../icon/folder-open-alt"><i class="icon-folder-open-alt"></i> icon-folder-open-alt</a></li> + <li><a href="../icon/folder-open"><i class="icon-folder-open"></i> icon-folder-open</a></li> + <li><a href="../icon/food"><i class="icon-food"></i> icon-food</a></li> + <li><a href="../icon/frown"><i class="icon-frown"></i> icon-frown</a></li> + <li><a href="../icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></li> + <li><a href="../icon/gift"><i class="icon-gift"></i> icon-gift</a></li> + <li><a href="../icon/glass"><i class="icon-glass"></i> icon-glass</a></li> + <li><a href="../icon/globe"><i class="icon-globe"></i> icon-globe</a></li> + <li><a href="../icon/group"><i class="icon-group"></i> icon-group</a></li> + <li><a href="../icon/hdd"><i class="icon-hdd"></i> icon-hdd</a></li> + <li><a href="../icon/headphones"><i class="icon-headphones"></i> icon-headphones</a></li> + <li><a href="../icon/heart-empty"><i class="icon-heart-empty"></i> icon-heart-empty</a></li> + <li><a href="../icon/heart"><i class="icon-heart"></i> icon-heart</a></li> + <li><a href="../icon/home"><i class="icon-home"></i> icon-home</a></li> + <li><a href="../icon/inbox"><i class="icon-inbox"></i> icon-inbox</a></li> + <li><a href="../icon/info-sign"><i class="icon-info-sign"></i> icon-info-sign</a></li> + <li><a href="../icon/info"><i class="icon-info"></i> icon-info</a></li> + <li><a href="../icon/key"><i class="icon-key"></i> icon-key</a></li> + <li><a href="../icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></li> + <li><a href="../icon/laptop"><i class="icon-laptop"></i> icon-laptop</a></li> + <li><a href="../icon/leaf"><i class="icon-leaf"></i> icon-leaf</a></li> + <li><a href="../icon/legal"><i class="icon-legal"></i> icon-legal</a></li> + <li><a href="../icon/lemon"><i class="icon-lemon"></i> icon-lemon</a></li> + <li><a href="../icon/level-down"><i class="icon-level-down"></i> icon-level-down</a></li> + <li><a href="../icon/level-up"><i class="icon-level-up"></i> icon-level-up</a></li> + <li><a href="../icon/lightbulb"><i class="icon-lightbulb"></i> icon-lightbulb</a></li> + <li><a href="../icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></li> + <li><a href="../icon/lock"><i class="icon-lock"></i> icon-lock</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/magic"><i class="icon-magic"></i> icon-magic</a></li> + <li><a href="../icon/magnet"><i class="icon-magnet"></i> icon-magnet</a></li> + <li><a href="../icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></a></li> + <li><a href="../icon/map-marker"><i class="icon-map-marker"></i> icon-map-marker</a></li> + <li><a href="../icon/meh"><i class="icon-meh"></i> icon-meh</a></li> + <li><a href="../icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></li> + <li><a href="../icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></li> + <li><a href="../icon/minus-sign-alt"><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</a></li> + <li><a href="../icon/minus-sign"><i class="icon-minus-sign"></i> icon-minus-sign</a></li> + <li><a href="../icon/minus"><i class="icon-minus"></i> icon-minus</a></li> + <li><a href="../icon/mobile-phone"><i class="icon-mobile-phone"></i> icon-mobile-phone</a></li> + <li><a href="../icon/money"><i class="icon-money"></i> icon-money</a></li> + <li><a href="../icon/move"><i class="icon-move"></i> icon-move</a></li> + <li><a href="../icon/music"><i class="icon-music"></i> icon-music</a></li> + <li><a href="../icon/off"><i class="icon-off"></i> icon-off</a></li> + <li><a href="../icon/ok-circle"><i class="icon-ok-circle"></i> icon-ok-circle</a></li> + <li><a href="../icon/ok-sign"><i class="icon-ok-sign"></i> icon-ok-sign</a></li> + <li><a href="../icon/ok"><i class="icon-ok"></i> icon-ok</a></li> + <li><a href="../icon/pencil"><i class="icon-pencil"></i> icon-pencil</a></li> + <li><a href="../icon/phone-sign"><i class="icon-phone-sign"></i> icon-phone-sign</a></li> + <li><a href="../icon/phone"><i class="icon-phone"></i> icon-phone</a></li> + <li><a href="../icon/picture"><i class="icon-picture"></i> icon-picture</a></li> + <li><a href="../icon/plane"><i class="icon-plane"></i> icon-plane</a></li> + <li><a href="../icon/plus-sign"><i class="icon-plus-sign"></i> icon-plus-sign</a></li> + <li><a href="../icon/plus"><i class="icon-plus"></i> icon-plus</a></li> + <li><a href="../icon/print"><i class="icon-print"></i> icon-print</a></li> + <li><a href="../icon/pushpin"><i class="icon-pushpin"></i> icon-pushpin</a></li> + <li><a href="../icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></li> + <li><a href="../icon/qrcode"><i class="icon-qrcode"></i> icon-qrcode</a></li> + <li><a href="../icon/question-sign"><i class="icon-question-sign"></i> icon-question-sign</a></li> + <li><a href="../icon/question"><i class="icon-question"></i> icon-question</a></li> + <li><a href="../icon/quote-left"><i class="icon-quote-left"></i> icon-quote-left</a></li> + <li><a href="../icon/quote-right"><i class="icon-quote-right"></i> icon-quote-right</a></li> + <li><a href="../icon/random"><i class="icon-random"></i> icon-random</a></li> + <li><a href="../icon/refresh"><i class="icon-refresh"></i> icon-refresh</a></li> + <li><a href="../icon/remove-circle"><i class="icon-remove-circle"></i> icon-remove-circle</a></li> + <li><a href="../icon/remove-sign"><i class="icon-remove-sign"></i> icon-remove-sign</a></li> + <li><a href="../icon/remove"><i class="icon-remove"></i> icon-remove</a></li> + <li><a href="../icon/reorder"><i class="icon-reorder"></i> icon-reorder</a></li> + <li><a href="../icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></li> + <li><a href="../icon/reply"><i class="icon-reply"></i> icon-reply</a></li> + <li><a href="../icon/resize-horizontal"><i class="icon-resize-horizontal"></i> icon-resize-horizontal</a></li> + <li><a href="../icon/resize-vertical"><i class="icon-resize-vertical"></i> icon-resize-vertical</a></li> + <li><a href="../icon/retweet"><i class="icon-retweet"></i> icon-retweet</a></li> + <li><a href="../icon/road"><i class="icon-road"></i> icon-road</a></li> + <li><a href="../icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></li> + <li><a href="../icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></li> + <li><a href="../icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/rss-sign"><i class="icon-rss-sign"></i> icon-rss-sign</a></li> + <li><a href="../icon/rss"><i class="icon-rss"></i> icon-rss</a></li> + <li><a href="../icon/screenshot"><i class="icon-screenshot"></i> icon-screenshot</a></li> + <li><a href="../icon/search"><i class="icon-search"></i> icon-search</a></li> + <li><a href="../icon/share-alt"><i class="icon-share-alt"></i> icon-share-alt</a></li> + <li><a href="../icon/share-sign"><i class="icon-share-sign"></i> icon-share-sign</a></li> + <li><a href="../icon/share"><i class="icon-share"></i> icon-share</a></li> + <li><a href="../icon/shield"><i class="icon-shield"></i> icon-shield</a></li> + <li><a href="../icon/shopping-cart"><i class="icon-shopping-cart"></i> icon-shopping-cart</a></li> + <li><a href="../icon/sign-blank"><i class="icon-sign-blank"></i> icon-sign-blank</a></li> + <li><a href="../icon/signal"><i class="icon-signal"></i> icon-signal</a></li> + <li><a href="../icon/signin"><i class="icon-signin"></i> icon-signin</a></li> + <li><a href="../icon/signout"><i class="icon-signout"></i> icon-signout</a></li> + <li><a href="../icon/sitemap"><i class="icon-sitemap"></i> icon-sitemap</a></li> + <li><a href="../icon/smile"><i class="icon-smile"></i> icon-smile</a></li> + <li><a href="../icon/sort-down"><i class="icon-sort-down"></i> icon-sort-down</a></li> + <li><a href="../icon/sort-up"><i class="icon-sort-up"></i> icon-sort-up</a></li> + <li><a href="../icon/sort"><i class="icon-sort"></i> icon-sort</a></li> + <li><a href="../icon/spinner"><i class="icon-spinner"></i> icon-spinner</a></li> + <li><a href="../icon/star-empty"><i class="icon-star-empty"></i> icon-star-empty</a></li> + <li><a href="../icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></li> + <li><a href="../icon/star-half"><i class="icon-star-half"></i> icon-star-half</a></li> + <li><a href="../icon/star"><i class="icon-star"></i> icon-star</a></li> + <li><a href="../icon/tablet"><i class="icon-tablet"></i> icon-tablet</a></li> + <li><a href="../icon/tag"><i class="icon-tag"></i> icon-tag</a></li> + <li><a href="../icon/tags"><i class="icon-tags"></i> icon-tags</a></li> + <li><a href="../icon/tasks"><i class="icon-tasks"></i> icon-tasks</a></li> + <li><a href="../icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></li> + <li><a href="../icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></li> + <li><a href="../icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></li> + <li><a href="../icon/ticket"><i class="icon-ticket"></i> icon-ticket</a></li> + <li><a href="../icon/time"><i class="icon-time"></i> icon-time</a></li> + <li><a href="../icon/tint"><i class="icon-tint"></i> icon-tint</a></li> + <li><a href="../icon/trash"><i class="icon-trash"></i> icon-trash</a></li> + <li><a href="../icon/trophy"><i class="icon-trophy"></i> icon-trophy</a></li> + <li><a href="../icon/truck"><i class="icon-truck"></i> icon-truck</a></li> + <li><a href="../icon/umbrella"><i class="icon-umbrella"></i> icon-umbrella</a></li> + <li><a href="../icon/unlock-alt"><i class="icon-unlock-alt"></i> icon-unlock-alt</a></li> + <li><a href="../icon/unlock"><i class="icon-unlock"></i> icon-unlock</a></li> + <li><a href="../icon/upload-alt"><i class="icon-upload-alt"></i> icon-upload-alt</a></li> + <li><a href="../icon/upload"><i class="icon-upload"></i> icon-upload</a></li> + <li><a href="../icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li> + <li><a href="../icon/user"><i class="icon-user"></i> icon-user</a></li> + <li><a href="../icon/volume-down"><i class="icon-volume-down"></i> icon-volume-down</a></li> + <li><a href="../icon/volume-off"><i class="icon-volume-off"></i> icon-volume-off</a></li> + <li><a href="../icon/volume-up"><i class="icon-volume-up"></i> icon-volume-up</a></li> + <li><a href="../icon/warning-sign"><i class="icon-warning-sign"></i> icon-warning-sign</a></li> + <li><a href="../icon/wrench"><i class="icon-wrench"></i> icon-wrench</a></li> + <li><a href="../icon/zoom-in"><i class="icon-zoom-in"></i> icon-zoom-in</a></li> + <li><a href="../icon/zoom-out"><i class="icon-zoom-out"></i> icon-zoom-out</a></li> </ul> + </div> +</section> + +<section id="text-editor" class="row"> + <div class="span12"> + <h2 class="page-header">Text Editor Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/file"><i class="icon-file"></i> icon-file</a></li> + <li><a href="../icon/file-alt"><i class="icon-file-alt"></i> icon-file-alt</a></li> + <li><a href="../icon/cut"><i class="icon-cut"></i> icon-cut</a></li> + <li><a href="../icon/copy"><i class="icon-copy"></i> icon-copy</a></li> + <li><a href="../icon/paste"><i class="icon-paste"></i> icon-paste</a></li> + <li><a href="../icon/save"><i class="icon-save"></i> icon-save</a></li> + <li><a href="../icon/undo"><i class="icon-undo"></i> icon-undo</a></li> + <li><a href="../icon/repeat"><i class="icon-repeat"></i> icon-repeat</a></li> + <li><a href="../icon/text-height"><i class="icon-text-height"></i> icon-text-height</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/text-width"><i class="icon-text-width"></i> icon-text-width</a></li> + <li><a href="../icon/align-left"><i class="icon-align-left"></i> icon-align-left</a></li> + <li><a href="../icon/align-center"><i class="icon-align-center"></i> icon-align-center</a></li> + <li><a href="../icon/align-right"><i class="icon-align-right"></i> icon-align-right</a></li> + <li><a href="../icon/align-justify"><i class="icon-align-justify"></i> icon-align-justify</a></li> + <li><a href="../icon/indent-left"><i class="icon-indent-left"></i> icon-indent-left</a></li> + <li><a href="../icon/indent-right"><i class="icon-indent-right"></i> icon-indent-right</a></li> + <li><a href="../icon/font"><i class="icon-font"></i> icon-font</a></li> + <li><a href="../icon/bold"><i class="icon-bold"></i> icon-bold</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/italic"><i class="icon-italic"></i> icon-italic</a></li> + <li><a href="../icon/strikethrough"><i class="icon-strikethrough"></i> icon-strikethrough</a></li> + <li><a href="../icon/underline"><i class="icon-underline"></i> icon-underline</a></li> + <li><a href="../icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></li> + <li><a href="../icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></li> + <li><a href="../icon/link"><i class="icon-link"></i> icon-link</a></li> + <li><a href="../icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></li> + <li><a href="../icon/paper-clip"><i class="icon-paper-clip"></i> icon-paper-clip</a></li> + <li><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/columns"><i class="icon-columns"></i> icon-columns</a></li> + <li><a href="../icon/table"><i class="icon-table"></i> icon-table</a></li> + <li><a href="../icon/th-large"><i class="icon-th-large"></i> icon-th-large</a></li> + <li><a href="../icon/th"><i class="icon-th"></i> icon-th</a></li> + <li><a href="../icon/th-list"><i class="icon-th-list"></i> icon-th-list</a></li> + <li><a href="../icon/list"><i class="icon-list"></i> icon-list</a></li> + <li><a href="../icon/list-ol"><i class="icon-list-ol"></i> icon-list-ol</a></li> + <li><a href="../icon/list-ul"><i class="icon-list-ul"></i> icon-list-ul</a></li> + <li><a href="../icon/list-alt"><i class="icon-list-alt"></i> icon-list-alt</a></li> + </ul> + </div> +</section> + +<section id="directional" class="row"> + <div class="span12"> + <h2 class="page-header">Directional Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></li> + <li><a href="../icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></li> + <li><a href="../icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></li> + <li><a href="../icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></li> + <li><a href="../icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></li> + <li><a href="../icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></li> + <li><a href="../icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></li> + <li><a href="../icon/arrow-up"><i class="icon-arrow-up"></i> icon-arrow-up</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></li> + <li><a href="../icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></li> + <li><a href="../icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></li> + <li><a href="../icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></li> + <li><a href="../icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></li> + <li><a href="../icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></li> + <li><a href="../icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></li> + <li><a href="../icon/chevron-up"><i class="icon-chevron-up"></i> icon-chevron-up</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></li> + <li><a href="../icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></li> + <li><a href="../icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></li> + <li><a href="../icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></li> + <li><a href="../icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></li> + <li><a href="../icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></li> + <li><a href="../icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></li> + <li><a href="../icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></li> + <li><a href="../icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></li> + <li><a href="../icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></li> + <li><a href="../icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></li> + <li><a href="../icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></li> + <li><a href="../icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></li> + <li><a href="../icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></li> + <li><a href="../icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</a></li> + </ul> + </div> +</section> + +<section id="video-player" class="row"> + <div class="span12"> + <h2 class="page-header">Video Player Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></li> + <li><a href="../icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></li> + <li><a href="../icon/play"><i class="icon-play"></i> icon-play</a></li> + <li><a href="../icon/pause"><i class="icon-pause"></i> icon-pause</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/stop"><i class="icon-stop"></i> icon-stop</a></li> + <li><a href="../icon/eject"><i class="icon-eject"></i> icon-eject</a></li> + <li><a href="../icon/backward"><i class="icon-backward"></i> icon-backward</a></li> + <li><a href="../icon/forward"><i class="icon-forward"></i> icon-forward</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></li> + <li><a href="../icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></li> + <li><a href="../icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></li> + <li><a href="../icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></li> + <li><a href="../icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></li> + <li><a href="../icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></li> + </ul> + </div> +</section> + +<section id="brand" class="row"> + <div class="span12"> + <h2 class="page-header">Brand Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/css3"><i class="icon-css3"></i> icon-css3</a></li> + <li><a href="../icon/facebook"><i class="icon-facebook"></i> icon-facebook</a></li> + <li><a href="../icon/facebook-sign"><i class="icon-facebook-sign"></i> icon-facebook-sign</a></li> + <li><a href="../icon/twitter"><i class="icon-twitter"></i> icon-twitter</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/twitter-sign"><i class="icon-twitter-sign"></i> icon-twitter-sign</a></li> + <li><a href="../icon/github"><i class="icon-github"></i> icon-github</a></li> + <li><a href="../icon/github-sign"><i class="icon-github-sign"></i> icon-github-sign</a></li> + <li><a href="../icon/html5"><i class="icon-html5"></i> icon-html5</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/linkedin"><i class="icon-linkedin"></i> icon-linkedin</a></li> + <li><a href="../icon/linkedin-sign"><i class="icon-linkedin-sign"></i> icon-linkedin-sign</a></li> + <li><a href="../icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></li> + <li><a href="../icon/pinterest"><i class="icon-pinterest"></i> icon-pinterest</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/pinterest-sign"><i class="icon-pinterest-sign"></i> icon-pinterest-sign</a></li> + <li><a href="../icon/google-plus"><i class="icon-google-plus"></i> icon-google-plus</a></li> + <li><a href="../icon/google-plus-sign"><i class="icon-google-plus-sign"></i> icon-google-plus-sign</a></li> + </ul> + </div> +</section> + +<section id="medical" class="row"> + <div class="span12"> + <h2 class="page-header">Medical Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/ambulance"><i class="icon-ambulance"></i> icon-ambulance</a></li> + <li><a href="../icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/h-sign"><i class="icon-h-sign"></i> icon-h-sign</a></li> + <li><a href="../icon/hospital"><i class="icon-hospital"></i> icon-hospital</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/medkit"><i class="icon-medkit"></i> icon-medkit</a></li> + <li><a href="../icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/stethoscope"><i class="icon-stethoscope"></i> icon-stethoscope</a></li> + <li><a href="../icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li> + </ul> + </div> +</section> + + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> diff --git a/index.html b/index.html index 72b46d5e5..8679c827d 100644 --- a/index.html +++ b/index.html @@ -8,26 +8,29 @@ <!-- Basic Page Needs ================================================== --> <meta charset="utf-8" /> - <title>Font Awesome, the iconic font designed for use with Twitter Bootstrap</title> - <meta name="description" content=""> - <meta name="author" content=""> - <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> + <title>Font Awesome, the iconic font designed for Bootstrap</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> -<![endif]--> + <![endif]--> <!-- CSS ================================================== --> - <link rel="stylesheet" href="assets/css/site.css"> - <link rel="stylesheet" href="assets/css/prettify.css"> - <link rel="stylesheet" href="assets/css/font-awesome.css"> + <link rel="stylesheet" href="./assets/css/site.css"> + <link rel="stylesheet" href="./assets/css/pygments.css"> + <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.min.css"> <!--[if IE 7]> - <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> + <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome-ie7.min.css"> <![endif]--> <!-- Le fav and touch icons --> - <link rel="shortcut icon" href="assets/ico/favicon.ico"> + <link rel="shortcut icon" href="./assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript"> var _gaq = _gaq || []; @@ -42,140 +45,196 @@ </script> </head> <body data-spy="scroll" data-target=".navbar"> - -<div class="navbar navbar-inverse navbar-fixed-top"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> <div class="navbar-inner"> <div class="container"> - <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a> + <a class="brand" href="./"><i class="icon-flag"></i> Font Awesome</a> <ul class="nav"> - <li><a href="#whats-new">What's New</a></li> - <li class="dropdown"> - <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> - Icons + <li class="active"><a href="./">Home</a></li> + <li><a href="./get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="./icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="./icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="./icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="./examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-caret-down"></i> </a> - <ul class="dropdown-menu" role="menu"> - <li><a href="#icons-new">New Icons</a></li> + <ul class="dropdown-menu pull-right"> + <li><a href="./examples/">Examples</a></li> <li class="divider"></li> - <li class="nav-header">All Icons</li> - <li><a href="#icons-web-app"><i class="icon-edit"></i> Web Application</a></li> - <li><a href="#icons-text-editor"><i class="icon-save"></i> Text Editor</a></li> - <li><a href="#icons-directional"><i class="icon-hand-right"></i> Directional</a></li> - <li><a href="#icons-video-player"><i class="icon-play"></i> Video Player</a></li> - <li><a href="#icons-social"><i class="icon-github"></i> Social</a></li> - <li><a href="#icons-medical"><i class="icon-stethoscope"></i> Medical</a></li> + <li><a href="./examples/#new-styles">New Styles</a></li> + <li><a href="./examples/#inline-icons">Inline Icons</a></li> + <li><a href="./examples/#larger-icons">Larger Icons</a></li> + <li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="./examples/#buttons">Buttons</a></li> + <li><a href="./examples/#button-groups">Button Groups</a></li> + <li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="./examples/#navigation">Navigation</a></li> + <li><a href="./examples/#form-inputs">Form Inputs</a></li> + <li><a href="./examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="./examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="./examples/#stacked">Stacked</a></li> + <li><a href="./examples/#custom">Custom CSS</a></li> </ul> </li> - <li><a href="#integration">Integration</a></li> - <li><a href="#examples">Examples</a></li> - <li><a href="#contribute">Contribute</a></li> - <li><a href="#roadmap">Roadmap</a></li> - <li><a href="#license">License</a></li> + <li><a href="./whats-new/">What's New</a></li> + <li><a href="./community/">Community</a></li> + <li><a href="./license/">License</a></li> </ul> <ul class="nav pull-right"> - <li><a href="mailto:dave@davegandy.com"><i class="icon-envelope"></i> Me</a></li> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> </ul> </div> </div> </div> -<div class="jumbotron"> -<div class="container"> - <div class="row"> - <div class="span8"> - <div class="hero-content"> - <h1>Font Awesome</h1> - <p>The iconic font designed for<br>use with Twitter Bootstrap</p> - <div class="actions"> - <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> - <i class="icon-download icon-2x pull-left"></i> - Download Font<br>Awesome 3.0</a> - <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> - <i class="icon-github icon-2x pull-left"></i> - View Project<br>on GitHub</a> - </div> - <div class="shameless-self-promotion"> - Version 3.0.2 • Created & Maintained by Dave Gandy + <div class="jumbotron jumbotron-index hidden-print"> + <div class="container"> + <div class="row"> + <div class="span8"> + <div class="hero-content"> + <h1>Font Awesome</h1> + <p>The iconic font designed for Bootstrap</p> + <div class="actions"> + <a class="btn btn-primary btn-large" href="./assets/font-awesome.zip" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> + <i class="icon-download-alt icon-large"></i> + Download + </a> + </div> + <div class="shameless-self-promotion"> + <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> + GitHub Project</a> · + Version 3.1.0 · + Created & Maintained by <a href="http://twitter.com/byscuits">Dave Gandy</a> + </div> </div> </div> - </div> - <div class="span4"> - <div id="iconCarousel" class="carousel slide"> - <!-- Carousel items --> - <div class="carousel-inner"> - <div class="active item"><div><i class="icon-flag"></i></div></div> - <div class="item"><div><i class="icon-cloud-download"></i></div></div> - <div class="item"><div><i class="icon-lightbulb"></i></div></div> - <div class="item"><div><i class="icon-group"></i></div></div> - <div class="item"><div><i class="icon-ambulance"></i></div></div> - <div class="item"><div><i class="icon-star-empty"></i></div></div> - <div class="item"><div><i class="icon-envelope"></i></div></div> - <div class="item"><div><i class="icon-coffee"></i></div></div> - <div class="item"><div><i class="icon-medkit"></i></div></div> - <div class="item"><div><i class="icon-book"></i></div></div> - <div class="item"><div><i class="icon-fighter-jet"></i></div></div> - <div class="item"><div><i class="icon-edit"></i></div></div> - <div class="item"><div><i class="icon-search"></i></div></div> - <div class="item"><div><i class="icon-beer"></i></div></div> - <div class="item"><div><i class="icon-quote-left"></i></div></div> - <div class="item"><div><i class="icon-stethoscope"></i></div></div> - <div class="item"><div><i class="icon-heart-empty"></i></div></div> - <div class="item"><div><i class="icon-thumbs-up"></i></div></div> + <div class="span4"> + <div id="iconCarousel" class="carousel slide"> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="active item"><div><i class="icon-flag"></i></div></div> + <div class="item"><div><i class="icon-rocket"></i></div></div> + <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div> + <div class="item"><div><i class="icon-puzzle-piece"></i></div></div> + <div class="item"><div><i class="icon-microphone"></i></div></div> + <div class="item"><div><i class="icon-shield"></i></div></div> + <div class="item"><div><i class="icon-star-half-empty"></i></div></div> + <div class="item"><div><i class="icon-envelope"></i></div></div> + <div class="item"><div><i class="icon-medkit"></i></div></div> + <div class="item"><div><i class="icon-book"></i></div></div> + <div class="item"><div><i class="icon-coffee"></i></div></div> + <div class="item"><div><i class="icon-fighter-jet"></i></div></div> + <div class="item"><div><i class="icon-beer"></i></div></div> + <div class="item"><div><i class="icon-heart-empty"></i></div></div> + <div class="item"><div><i class="icon-thumbs-up"></i></div></div> + </div> + <!-- Carousel nav --> + <a class="carousel-control left" href="#iconCarousel" data-slide="prev" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> + <i class="icon-circle-arrow-left"></i></a> + <a class="carousel-control right" href="#iconCarousel" data-slide="next" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> + <i class="icon-circle-arrow-right"></i></a> </div> - <!-- Carousel nav --> - <a class="carousel-control left" href="#iconCarousel" data-slide="prev" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> - <i class="icon-arrow-left"></i></a> - <a class="carousel-control right" href="#iconCarousel" data-slide="next" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> - <i class="icon-arrow-right"></i></a> </div> </div> - </div> -</div> + </div> </div> -<div id="social-buttons"> +<div id="social-buttons" class="hidden-print"> <div class="container"> - <span class="watch"> - <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a> - <a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a> - </span> - <span class="fork"> - <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a> - <a id="forks" class="count btn btn-mini" href="#">800+</a> - </span> - <span class="follow"> - <a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a> - <span id="followers" class="count btn btn-mini">2500+</span> - </span> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> </div> </div> + <div class="container"> -<section id="why" class="clearfix"> + + <section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + + <p class="lead"> + Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, + and anything that can be done with the power of CSS. + </p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + + <div id="why"> <div class="row"> <div class="span4"> - <h4><i class="icon-flag"></i> One font, 249 icons</h4> + <h4><i class="icon-flag"></i> One Font, 302 Icons</h4> In a single collection, Font Awesome is a pictographic language of web-related actions. </div> <div class="span4"> - <h4><i class="icon-pencil"></i> CSS control</h4> + <h4><i class="icon-pencil"></i> CSS Control</h4> Easily style icon color, size, shadow, and anything that's possible with CSS. </div> <div class="span4"> - <h4><i class="icon-fullscreen"></i> Infinite scalability</h4> + <h4><i class="icon-fullscreen"></i> Infinite Scalability</h4> Scalable vector graphics means every icon looks awesome at any size. </div> </div> <div class="row"> <div class="span4"> <h4><i class="icon-beer"></i> Free, as in Beer</h4> - Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>. + Font Awesome is completely free for commercial use. Check out the <a href="./license/">license</a>. </div> <div class="span4"> <h4><i class="icon-ok"></i> IE7 Support</h4> @@ -188,1180 +247,43 @@ </div> <div class="row"> <div class="span4"> - <h4><i class="icon-thumbs-up"></i> Made for Twitter Bootstrap</h4> - Designed from scratch to be fully compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.2.2</a>. + <h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4> + Designed from scratch to be fully compatible with <a href="http://getbootstrap.com">Bootstrap 2.3.1</a>. </div> <div class="span4"> - <h4><i class="icon-tint"></i> Designer Friendly</h4> - Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing. + <h4><i class="icon-desktop"></i> Desktop Friendly</h4> + To use on the desktop or for a complete set of vectors, + check out the <a href="./cheatsheet/">cheatsheet</a>. </div> <div class="span4"> - <h4><i class="icon-search"></i> Screen reader compatible</h4> + <h4><i class="icon-search"></i> Screen Reader Compatible</h4> Font Awesome won't trip up screen readers, unlike other icon fonts. </div> </div> -</section> - -<section id="whats-new"> - <h2 class="page-header">What's new in Font Awesome 3.0</h2> - <div class="row"> - <div class="span4"> - <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4> - Every single icon re-created from the ground up to be optimized for Bootstrap's default 14px. - </div> - <div class="span4"> - <h4><i class="icon-th-large"></i> <a target="_blank" href="http://icnfnt.com/">Font Sub-setting</a></h4> - Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a target="_blank" href="http://icnfnt.com/">subset</a> to get just the icons you need. - </div> - <div class="span4"> - <h4><i class="icon-legal"></i> <a href="#license">Better License</a></h4> - SIL open font license, MIT license for code. No more attribution required, but much appreciated. - </div> - </div> - <div class="row"> - <div class="span4"> - <h4><i class="icon-lightbulb"></i> 40 New Icons in 3.0</h4> - Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. - </div> - <div class="span4"> - <h4><i class="icon-spinner icon-spin"></i> <a href="#examples">New Styles</a></h4> - <a href="#examples">New styles</a> for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more. - </div> - <div class="span4"> - <h4><i class="icon-resize-small"></i> 28% Smaller Payload</h4> - 3.0 is smaller, even with 16% more icons. Crazy small if you <a target="_blank" href="http://icnfnt.com/">subset</a> just the icons you need. - </div> - </div> -</section> - -<section id="icons-new" class="row"> - <div class="span12"> - <h2 class="page-header">New Icons in 3.0</h2> - <p> - You asked, Font Awesome delivers with 40 shiny new icons in version 3.0. New icons can be requested on the - <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. Or even - better, you can <a href="#contribute">contribute your own icons</a>. - </p> - </div> - - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-cloud-download"></i> icon-cloud-download</li> - <li><i class="icon-cloud-upload"></i> icon-cloud-upload</li> - <li><i class="icon-lightbulb"></i> icon-lightbulb</li> - <li><i class="icon-exchange"></i> icon-exchange</li> - <li><i class="icon-bell-alt"></i> icon-bell-alt</li> - <li><i class="icon-file-alt"></i> icon-file-alt</li> - <li><i class="icon-beer"></i> icon-beer</li> - <li><i class="icon-coffee"></i> icon-coffee</li> - <li><i class="icon-food"></i> icon-food</li> - <li><i class="icon-fighter-jet"></i> icon-fighter-jet</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-user-md"></i> icon-user-md</li> - <li><i class="icon-stethoscope"></i> icon-stethoscope</li> - <li><i class="icon-suitcase"></i> icon-suitcase</li> - <li><i class="icon-building"></i> icon-building</li> - <li><i class="icon-hospital"></i> icon-hospital</li> - <li><i class="icon-ambulance"></i> icon-ambulance</li> - <li><i class="icon-medkit"></i> icon-medkit</li> - <li><i class="icon-h-sign"></i> icon-h-sign</li> - <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li> - <li><i class="icon-spinner"></i> icon-spinner</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-angle-left"></i> icon-angle-left</li> - <li><i class="icon-angle-right"></i> icon-angle-right</li> - <li><i class="icon-angle-up"></i> icon-angle-up</li> - <li><i class="icon-angle-down"></i> icon-angle-down</li> - <li><i class="icon-double-angle-left"></i> icon-double-angle-left</li> - <li><i class="icon-double-angle-right"></i> icon-double-angle-right</li> - <li><i class="icon-double-angle-up"></i> icon-double-angle-up</li> - <li><i class="icon-double-angle-down"></i> icon-double-angle-down</li> - <li><i class="icon-circle-blank"></i> icon-circle-blank</li> - <li><i class="icon-circle"></i> icon-circle</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-desktop"></i> icon-desktop</li> - <li><i class="icon-laptop"></i> icon-laptop</li> - <li><i class="icon-tablet"></i> icon-tablet</li> - <li><i class="icon-mobile-phone"></i> icon-mobile-phone</li> - <li><i class="icon-quote-left"></i> icon-quote-left</li> - <li><i class="icon-quote-right"></i> icon-quote-right</li> - <li><i class="icon-reply"></i> icon-reply</li> - <li><i class="icon-github-alt"></i> icon-github-alt</li> - <li><i class="icon-folder-close-alt"></i> icon-folder-close-alt</li> - <li><i class="icon-folder-open-alt"></i> icon-folder-open-alt</li> - </ul> - </div> -</section> - -<section id="icons-web-app" class="row"> - <div class="span12"> - <h2 class="page-header">Web Application Icons</h2> - </div> - - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-adjust"></i> icon-adjust</li> - <li><i class="icon-asterisk"></i> icon-asterisk</li> - <li><i class="icon-ban-circle"></i> icon-ban-circle</li> - <li><i class="icon-bar-chart"></i> icon-bar-chart</li> - <li><i class="icon-barcode"></i> icon-barcode</li> - <li><i class="icon-beaker"></i> icon-beaker</li> - <li><i class="icon-beer"></i> icon-beer</li> - <li><i class="icon-bell"></i> icon-bell</li> - <li><i class="icon-bell-alt"></i> icon-bell-alt</li> - <li><i class="icon-bolt"></i> icon-bolt</li> - <li><i class="icon-book"></i> icon-book</li> - <li><i class="icon-bookmark"></i> icon-bookmark</li> - <li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li> - <li><i class="icon-briefcase"></i> icon-briefcase</li> - <li><i class="icon-bullhorn"></i> icon-bullhorn</li> - <li><i class="icon-calendar"></i> icon-calendar</li> - <li><i class="icon-camera"></i> icon-camera</li> - <li><i class="icon-camera-retro"></i> icon-camera-retro</li> - <li><i class="icon-certificate"></i> icon-certificate</li> - <li><i class="icon-check"></i> icon-check</li> - <li><i class="icon-check-empty"></i> icon-check-empty</li> - <li><i class="icon-circle"></i> icon-circle</li> - <li><i class="icon-circle-blank"></i> icon-circle-blank</li> - <li><i class="icon-cloud"></i> icon-cloud</li> - <li><i class="icon-cloud-download"></i> icon-cloud-download</li> - <li><i class="icon-cloud-upload"></i> icon-cloud-upload</li> - <li><i class="icon-coffee"></i> icon-coffee</li> - <li><i class="icon-cog"></i> icon-cog</li> - <li><i class="icon-cogs"></i> icon-cogs</li> - <li><i class="icon-comment"></i> icon-comment</li> - <li><i class="icon-comment-alt"></i> icon-comment-alt</li> - <li><i class="icon-comments"></i> icon-comments</li> - <li><i class="icon-comments-alt"></i> icon-comments-alt</li> - <li><i class="icon-credit-card"></i> icon-credit-card</li> - <li><i class="icon-dashboard"></i> icon-dashboard</li> - <li><i class="icon-desktop"></i> icon-desktop</li> - <li><i class="icon-download"></i> icon-download</li> - <li><i class="icon-download-alt"></i> icon-download-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-edit"></i> icon-edit</li> - <li><i class="icon-envelope"></i> icon-envelope</li> - <li><i class="icon-envelope-alt"></i> icon-envelope-alt</li> - <li><i class="icon-exchange"></i> icon-exchange</li> - <li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li> - <li><i class="icon-external-link"></i> icon-external-link</li> - <li><i class="icon-eye-close"></i> icon-eye-close</li> - <li><i class="icon-eye-open"></i> icon-eye-open</li> - <li><i class="icon-facetime-video"></i> icon-facetime-video</li> - <li><i class="icon-fighter-jet"></i> icon-fighter-jet</li> - <li><i class="icon-film"></i> icon-film</li> - <li><i class="icon-filter"></i> icon-filter</li> - <li><i class="icon-fire"></i> icon-fire</li> - <li><i class="icon-flag"></i> icon-flag</li> - <li><i class="icon-folder-close"></i> icon-folder-close</li> - <li><i class="icon-folder-open"></i> icon-folder-open</li> - <li><i class="icon-folder-close-alt"></i> icon-folder-close-alt</li> - <li><i class="icon-folder-open-alt"></i> icon-folder-open-alt</li> - <li><i class="icon-food"></i> icon-food</li> - <li><i class="icon-gift"></i> icon-gift</li> - <li><i class="icon-glass"></i> icon-glass</li> - <li><i class="icon-globe"></i> icon-globe</li> - <li><i class="icon-group"></i> icon-group</li> - <li><i class="icon-hdd"></i> icon-hdd</li> - <li><i class="icon-headphones"></i> icon-headphones</li> - <li><i class="icon-heart"></i> icon-heart</li> - <li><i class="icon-heart-empty"></i> icon-heart-empty</li> - <li><i class="icon-home"></i> icon-home</li> - <li><i class="icon-inbox"></i> icon-inbox</li> - <li><i class="icon-info-sign"></i> icon-info-sign</li> - <li><i class="icon-key"></i> icon-key</li> - <li><i class="icon-leaf"></i> icon-leaf</li> - <li><i class="icon-laptop"></i> icon-laptop</li> - <li><i class="icon-legal"></i> icon-legal</li> - <li><i class="icon-lemon"></i> icon-lemon</li> - <li><i class="icon-lightbulb"></i> icon-lightbulb</li> - <li><i class="icon-lock"></i> icon-lock</li> - <li><i class="icon-unlock"></i> icon-unlock</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-magic"></i> icon-magic</li> - <li><i class="icon-magnet"></i> icon-magnet</li> - <li><i class="icon-map-marker"></i> icon-map-marker</li> - <li><i class="icon-minus"></i> icon-minus</li> - <li><i class="icon-minus-sign"></i> icon-minus-sign</li> - <li><i class="icon-mobile-phone"></i> icon-mobile-phone</li> - <li><i class="icon-money"></i> icon-money</li> - <li><i class="icon-move"></i> icon-move</li> - <li><i class="icon-music"></i> icon-music</li> - <li><i class="icon-off"></i> icon-off</li> - <li><i class="icon-ok"></i> icon-ok</li> - <li><i class="icon-ok-circle"></i> icon-ok-circle</li> - <li><i class="icon-ok-sign"></i> icon-ok-sign</li> - <li><i class="icon-pencil"></i> icon-pencil</li> - <li><i class="icon-picture"></i> icon-picture</li> - <li><i class="icon-plane"></i> icon-plane</li> - <li><i class="icon-plus"></i> icon-plus</li> - <li><i class="icon-plus-sign"></i> icon-plus-sign</li> - <li><i class="icon-print"></i> icon-print</li> - <li><i class="icon-pushpin"></i> icon-pushpin</li> - <li><i class="icon-qrcode"></i> icon-qrcode</li> - <li><i class="icon-question-sign"></i> icon-question-sign</li> - <li><i class="icon-quote-left"></i> icon-quote-left</li> - <li><i class="icon-quote-right"></i> icon-quote-right</li> - <li><i class="icon-random"></i> icon-random</li> - <li><i class="icon-refresh"></i> icon-refresh</li> - <li><i class="icon-remove"></i> icon-remove</li> - <li><i class="icon-remove-circle"></i> icon-remove-circle</li> - <li><i class="icon-remove-sign"></i> icon-remove-sign</li> - <li><i class="icon-reorder"></i> icon-reorder</li> - <li><i class="icon-reply"></i> icon-reply</li> - <li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li> - <li><i class="icon-resize-vertical"></i> icon-resize-vertical</li> - <li><i class="icon-retweet"></i> icon-retweet</li> - <li><i class="icon-road"></i> icon-road</li> - <li><i class="icon-rss"></i> icon-rss</li> - <li><i class="icon-screenshot"></i> icon-screenshot</li> - <li><i class="icon-search"></i> icon-search</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-share"></i> icon-share</li> - <li><i class="icon-share-alt"></i> icon-share-alt</li> - <li><i class="icon-shopping-cart"></i> icon-shopping-cart</li> - <li><i class="icon-signal"></i> icon-signal</li> - <li><i class="icon-signin"></i> icon-signin</li> - <li><i class="icon-signout"></i> icon-signout</li> - <li><i class="icon-sitemap"></i> icon-sitemap</li> - <li><i class="icon-sort"></i> icon-sort</li> - <li><i class="icon-sort-down"></i> icon-sort-down</li> - <li><i class="icon-sort-up"></i> icon-sort-up</li> - <li><i class="icon-spinner"></i> icon-spinner</li> - <li><i class="icon-star"></i> icon-star</li> - <li><i class="icon-star-empty"></i> icon-star-empty</li> - <li><i class="icon-star-half"></i> icon-star-half</li> - <li><i class="icon-tablet"></i> icon-tablet</li> - <li><i class="icon-tag"></i> icon-tag</li> - <li><i class="icon-tags"></i> icon-tags</li> - <li><i class="icon-tasks"></i> icon-tasks</li> - <li><i class="icon-thumbs-down"></i> icon-thumbs-down</li> - <li><i class="icon-thumbs-up"></i> icon-thumbs-up</li> - <li><i class="icon-time"></i> icon-time</li> - <li><i class="icon-tint"></i> icon-tint</li> - <li><i class="icon-trash"></i> icon-trash</li> - <li><i class="icon-trophy"></i> icon-trophy</li> - <li><i class="icon-truck"></i> icon-truck</li> - <li><i class="icon-umbrella"></i> icon-umbrella</li> - <li><i class="icon-upload"></i> icon-upload</li> - <li><i class="icon-upload-alt"></i> icon-upload-alt</li> - <li><i class="icon-user"></i> icon-user</li> - <li><i class="icon-user-md"></i> icon-user-md</li> - <li><i class="icon-volume-off"></i> icon-volume-off</li> - <li><i class="icon-volume-down"></i> icon-volume-down</li> - <li><i class="icon-volume-up"></i> icon-volume-up</li> - <li><i class="icon-warning-sign"></i> icon-warning-sign</li> - <li><i class="icon-wrench"></i> icon-wrench</li> - <li><i class="icon-zoom-in"></i> icon-zoom-in</li> - <li><i class="icon-zoom-out"></i> icon-zoom-out</li> - </ul> - </div> -</section> - -<section id="icons-text-editor" class="row"> - <div class="span12"> - <h2 class="page-header">Text Editor Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-file"></i> icon-file</li> - <li><i class="icon-file-alt"></i> icon-file-alt</li> - <li><i class="icon-cut"></i> icon-cut</li> - <li><i class="icon-copy"></i> icon-copy</li> - <li><i class="icon-paste"></i> icon-paste</li> - <li><i class="icon-save"></i> icon-save</li> - <li><i class="icon-undo"></i> icon-undo</li> - <li><i class="icon-repeat"></i> icon-repeat</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-text-height"></i> icon-text-height</li> - <li><i class="icon-text-width"></i> icon-text-width</li> - <li><i class="icon-align-left"></i> icon-align-left</li> - <li><i class="icon-align-center"></i> icon-align-center</li> - <li><i class="icon-align-right"></i> icon-align-right</li> - <li><i class="icon-align-justify"></i> icon-align-justify</li> - <li><i class="icon-indent-left"></i> icon-indent-left</li> - <li><i class="icon-indent-right"></i> icon-indent-right</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-font"></i> icon-font</li> - <li><i class="icon-bold"></i> icon-bold</li> - <li><i class="icon-italic"></i> icon-italic</li> - <li><i class="icon-strikethrough"></i> icon-strikethrough</li> - <li><i class="icon-underline"></i> icon-underline</li> - <li><i class="icon-link"></i> icon-link</li> - <li><i class="icon-paper-clip"></i> icon-paper-clip</li> - <li><i class="icon-columns"></i> icon-columns</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-table"></i> icon-table</li> - <li><i class="icon-th-large"></i> icon-th-large</li> - <li><i class="icon-th"></i> icon-th</li> - <li><i class="icon-th-list"></i> icon-th-list</li> - <li><i class="icon-list"></i> icon-list</li> - <li><i class="icon-list-ol"></i> icon-list-ol</li> - <li><i class="icon-list-ul"></i> icon-list-ul</li> - <li><i class="icon-list-alt"></i> icon-list-alt</li> - </ul> - </div> -</section> - -<section id="icons-directional" class="row"> - <div class="span12"> - <h2 class="page-header">Directional Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-angle-left"></i> icon-angle-left</li> - <li><i class="icon-angle-right"></i> icon-angle-right</li> - <li><i class="icon-angle-up"></i> icon-angle-up</li> - <li><i class="icon-angle-down"></i> icon-angle-down</li> - <li><i class="icon-arrow-down"></i> icon-arrow-down</li> - <li><i class="icon-arrow-left"></i> icon-arrow-left</li> - <li><i class="icon-arrow-right"></i> icon-arrow-right</li> - <li><i class="icon-arrow-up"></i> icon-arrow-up</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-caret-down"></i> icon-caret-down</li> - <li><i class="icon-caret-left"></i> icon-caret-left</li> - <li><i class="icon-caret-right"></i> icon-caret-right</li> - <li><i class="icon-caret-up"></i> icon-caret-up</li> - <li><i class="icon-chevron-down"></i> icon-chevron-down</li> - <li><i class="icon-chevron-left"></i> icon-chevron-left</li> - <li><i class="icon-chevron-right"></i> icon-chevron-right</li> - <li><i class="icon-chevron-up"></i> icon-chevron-up</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li> - <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li> - <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li> - <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li> - <li><i class="icon-double-angle-left"></i> icon-double-angle-left</li> - <li><i class="icon-double-angle-right"></i> icon-double-angle-right</li> - <li><i class="icon-double-angle-up"></i> icon-double-angle-up</li> - <li><i class="icon-double-angle-down"></i> icon-double-angle-down</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-hand-down"></i> icon-hand-down</li> - <li><i class="icon-hand-left"></i> icon-hand-left</li> - <li><i class="icon-hand-right"></i> icon-hand-right</li> - <li><i class="icon-hand-up"></i> icon-hand-up</li> - <li><i class="icon-circle"></i> icon-circle</li> - <li><i class="icon-circle-blank"></i> icon-circle-blank</li> - </ul> - </div> -</section> - -<section id="icons-video-player" class="row"> - <div class="span12"> - <h2 class="page-header">Video Player Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-play-circle"></i> icon-play-circle</li> - <li><i class="icon-play"></i> icon-play</li> - <li><i class="icon-pause"></i> icon-pause</li> - <li><i class="icon-stop"></i> icon-stop</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-step-backward"></i> icon-step-backward</li> - <li><i class="icon-fast-backward"></i> icon-fast-backward</li> - <li><i class="icon-backward"></i> icon-backward</li> - <li><i class="icon-forward"></i> icon-forward</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-fast-forward"></i> icon-fast-forward</li> - <li><i class="icon-step-forward"></i> icon-step-forward</li> - <li><i class="icon-eject"></i> icon-eject</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-fullscreen"></i> icon-fullscreen</li> - <li><i class="icon-resize-full"></i> icon-resize-full</li> - <li><i class="icon-resize-small"></i> icon-resize-small</li> - </ul> - </div> -</section> - -<section id="icons-social" class="row"> - <div class="span12"> - <h2 class="page-header">Social Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-phone"></i> icon-phone</li> - <li><i class="icon-phone-sign"></i> icon-phone-sign</li> - <li><i class="icon-facebook"></i> icon-facebook</li> - <li><i class="icon-facebook-sign"></i> icon-facebook-sign</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-twitter"></i> icon-twitter</li> - <li><i class="icon-twitter-sign"></i> icon-twitter-sign</li> - <li><i class="icon-github"></i> icon-github</li> - <li><i class="icon-github-alt"></i> icon-github-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-github-sign"></i> icon-github-sign</li> - <li><i class="icon-linkedin"></i> icon-linkedin</li> - <li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li> - <li><i class="icon-pinterest"></i> icon-pinterest</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li> - <li><i class="icon-google-plus"></i> icon-google-plus</li> - <li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li> - <li><i class="icon-sign-blank"></i> icon-sign-blank</li> - </ul> - </div> -</section> - -<section id="icons-medical" class="row"> - <div class="span12"> - <h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-ambulance"></i> icon-ambulance</li> - <li><i class="icon-beaker"></i> icon-beaker</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-h-sign"></i> icon-h-sign</li> - <li><i class="icon-hospital"></i> icon-hospital</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-medkit"></i> icon-medkit</li> - <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-stethoscope"></i> icon-stethoscope</li> - <li><i class="icon-user-md"></i> icon-user-md</li> - </ul> - </div> -</section> - -<section id="integration"> - <h2 class="page-header">Integration</h2> - <p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p> - <div class="row"> - <div class="span12"> - <h4>Easy Bootstrap + Font Awesome Integration</h4> - </div> - <div class="span3"> - <p>Use this method to integrate Font Awesome with the default Bootstrap CSS.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.min.css into your project.</li> - <li> - Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place. - <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p> - </li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome.min.css. -<pre class="prettyprint linenums"> -<link rel="stylesheet" href="../css/bootstrap.min.css"> -<link rel="stylesheet" href="../css/font-awesome.min.css"> -</pre> - </li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Custom Bootstrap + Font Awesome Integration using LESS</h4> - </div> - <div class="span3"> - <p>Use this method to integrate Font Awesome with Twitter Bootstrap using LESS.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.less into your bootstrap/less directory.</li> - <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "font-awesome.less";</code></li> - <li> - Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. -<pre class="prettyprint linenums"> -@FontAwesomePath: "../font"; -</pre> - <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> - </li> - <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Custom Bootstrap + Font Awesome Integration using SASS or SCSS</h4> - <p>I have never used either, so let me know if the included SCSS or SASS files have issues.</p> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Not using Bootstrap?</h4> - </div> - <div class="span3"> - <p>Font Awesome works just as well without Twitter Bootstrap.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.less or font-awesome.min.css into your project.</li> - <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Need IE7 Support?</h4> - </div> - <div class="span3"> - <p>Font Awesome supports IE7. If you need it, you have my condolences.</p> - </div> - <div class="span9"> - <ol> - <li>Get Font Awesome working properly in a modern browser.</li> - <li>Copy font-awesome-ie7.min.css into your project.</li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css. -<pre class="prettyprint linenums"> -<link rel="stylesheet" href="../css/bootstrap.min.css"> -<link rel="stylesheet" href="../css/font-awesome.min.css"> -<!--[if IE 7]> -<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> -<![endif]--> -</pre> - </li> - <li>Go complain to whoever decided your project needs IE7 support.</li> - </ol> - </div> - </div> -</section> - -<section id="examples"> - <h2 class="page-header">Examples</h2> - <p>Many examples re-used from the Twitter Bootstrap documentation.</p> - <div class="row"> - <div class="span4"> - <div class="well well-transparent"> - <p>Use Font Awesome icons in:</p> - <ul class="icons"> - <li><i class="icon-ok"></i>Bulleted lists (like this one)</li> - <li><i class="icon-ok"></i>Buttons</li> - <li><i class="icon-ok"></i>Button groups</li> - <li><i class="icon-ok"></i>Navigation</li> - <li><i class="icon-ok"></i>Prepended form inputs</li> - <li><i class="icon-ok"></i>And many more with Custom CSS</li> - </ul> - </div> - </div> - <div class="span4"> - <p> - <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a> - <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a> - <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a> - </p> - <p> - <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a> - <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a> - <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a> - </p> - <div class="well" style="padding: 8px 0;"> - <ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> - </ul> - </div> - </div> - <div class="span4"> - <div class="btn-toolbar"> - <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> - </div> - <div class="btn-group"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> - </div> - </div> - <form> - <div class="control-group"> - <div class="controls"> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" id="inputIcon" type="text" placeholder="Email address"> - </div> - </div> - </div> - <div class="control-group"> - <div class="controls"> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" id="inputIcon2" type="text" placeholder="Password"> - </div> - </div> - </div> - </form> - <div> - <span class="rating"> - <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> - </span> - </div> - </div> - </div> - - <h3 class="page-header">New Styles in 3.0</h3> - <div class="row"> - <div class="span4"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities. - </div> - <div class="span4"> - <div class="well well-large well-transparent lead"> - <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content... - </div> - </div> - <div class="span4"> - <p> - <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a> - </p> - <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> - </div> - </div> - -<h3 class="page-header">Example HTML</h3> -<div class="row"> - <div class="span12"> - <h4>Inline Icons</h4> - </div> - <div class="span3"> - <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> - </div> - <div class="span9"> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <i class="icon-camera-retro"></i> icon-camera-retro - </div> - </div> -<pre class="prettyprint linenums"> -<i class="icon-camera-retro"></i> icon-camera-retro -</pre> - <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Larger Icons</h4> - </div> - <div class="span3"> - <p> - To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code>. - </p> - </div> - <div class="span9"> - <p> - Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code> classes. - </p> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> - </div> - </div> -<pre class="prettyprint linenums"> -<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> -</pre> - <div class="alert alert-info"> - <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have - sufficient line-height. - </div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Animated Spinner</h4> - </div> - <div class="span3"> - <p> - Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and - <code>icon-refresh</code>. - </p> - </div> - <div class="span9"> - <div class="well well-large well-transparent lead"> - <i class="icon-spinner icon-spin"></i> Spinner icon when loading content... - </div> -<pre class="prettyprint linenums"> -<i class="icon-spinner icon-spin"></i> Spinner icon when loading content... -</pre> - <p class="alert alert-info"> - <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9. - </p> - </div> -</div> -<div class="row"> - <div class="span3"> - - </div> - <div class="span9"> - - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Bordered & Pulled Icons</h4> - </div> - <div class="span3"> - <p> - Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or - article graphics. - </p> - </div> - <div class="span9"> - <div class="well well-large well-transparent"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> -<pre class="prettyprint linenums"> -<i class="icon-quote-left icon-4x pull-left icon-muted"></i> -Use a few of the new styles together ... lots of new possibilities. -</pre> - <div class="well well-large well-transparent"> - <i class="icon-flag icon-4x pull-left icon-border"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> -<pre class="prettyprint linenums"> -<i class="icon-flag icon-4x pull-left icon-border"></i> -Use a few of the new styles together ... lots of new possibilities. -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Buttons</h4> - </div> - <div class="span3"> - <p> - <a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> - <a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> - </p> - <p> - <a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> - <a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> - </p> - <p> - <a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> - <a class="btn btn-small" href="#"> - <i class="icon-cog"></i> Settings</a> - </p> - <p> - <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a> - </p> - <p> - <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> - </p> - - </div> - <div class="span9"> - <p> - Font Awesome icons work great in buttons. You can even combine them with larger icon styles, - <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. - </p> -<pre class="prettyprint linenums"> -<a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> -<a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> -<a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> -<a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> -<a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> -<a class="btn btn-small" href="#"> - <i class="icon-cog"></i> Settings</a> -<a class="btn btn-large btn-danger" href="#"> - <i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a> -<a class="btn btn-primary" href="#"> - <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Button groups</h4> - </div> - <div class="span3"> - <p> - <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> - </div> - </p> - </div> - <div class="span9"> -<pre class="prettyprint linenums"> -<div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> -</div> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Button dropdowns</h4> - </div> - <div class="span3"> - <p> - <div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> - </div> - </div> - </p> - <div class="span9"> -<pre class="prettyprint linenums"> -<div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> -</div> -</pre> - <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Lists</h4> - </div> - <div class="span3"> - <p> - <ul class="icons"> - <li><i class="icon-ok"></i> Lists</li> - <li><i class="icon-ok"></i> Buttons</li> - <li><i class="icon-ok"></i> Button groups</li> - <li><i class="icon-ok"></i> Navigation</li> - <li><i class="icon-ok"></i> Prepended form inputs</li> - </ul> - </p> - </div> - <div class="span9"> - <p>Easily replace individual bullets.</p> -<pre class="prettyprint linenums"> -<ul class="icons"> - <li><i class="icon-ok"></i> Lists</li> - <li><i class="icon-ok"></i> Buttons</li> - <li><i class="icon-ok"></i> Button groups</li> - <li><i class="icon-ok"></i> Navigation</li> - <li><i class="icon-ok"></i> Prepended form inputs</li> -</ul> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Navigation</h4> - </div> - <div class="span3"> - <div class="well" style="padding: 8px 0;"> - <ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> - </ul> - </div> - </div> - <div class="span9"> - <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> -<pre class="prettyprint linenums"> -<ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> -</ul> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Prepended form inputs</h4> - </div> - <div class="span3"> - <p> - <form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> - </form> - </p> - </div> - <div class="span9"> -<pre class="prettyprint linenums"> -<form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> -</form> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Custom CSS</h4> - </div> - <div class="span3"> - <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p> - </div> - <div class="span9"> - <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p> - <div class="well"> - <span class="rating"> - <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> - </span> - </div> - </div> </div> -</section> -<section id="contribute"> - <h2 class="page-header">Contribute Icons to Font Awesome</h2> - <div class="row"> - <div class="span3"> - <img class="img-rounded" src="assets/img/contribution-sample.png"> - </div> - <div class="span9"> - <p class="lead"> - Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing - new pictograms for the set. - </p> - <p> - If selected, you'll retain the CC-BY license to your pictogram and get attribution - right here on the Font Awesome site. - </p> - <h3>How to Submit New Icons</h3> - <ol> - <li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li> - <li> - Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the - max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide. - </li> - <li> - Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do - this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too. - Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea - of how it will render in the font. - </li> - <li> - Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to - use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> and attach your PDF file. If your - icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd - like to use for attribution. - </li> - </ol> - </div> - </div> - -</section> - -<section id="roadmap"> - <h2 class="page-header">Roadmap</h2> - <p>Here's the plan for future updates.</p> - <ul class="icons"> - <li><i class="icon-plus"></i>Easier sub-setting with icon packs.</li> - <li><i class="icon-plus"></i>More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li> - <li><i class="icon-plus"></i>Tricks and tips for super-awesome creative CSS methods, like the star example above.</li> - </ul> -</section> - -<section id="license"> - <h2 class="page-header">License</h2> - <ul> - <li>The Font Awesome font is licensed under the <a href="http://scripts.sil.org/OFL" target="_blank">SIL Open Font License - http://scripts.sil.org/OFL</a>.</li> - <li>Font Awesome CSS, LESS, and SASS files are licensed under the <a href="http://opensource.org/licenses/mit-license.html" target="_blank">MIT License - http://opensource.org/licenses/mit-license.html</a>.</li> - <li>The Font Awesome pictograms are licensed under the <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/</a></li> - <li>Attribution is no longer required in Font Awesome 3.0, but much appreciated: <code>Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome</code>.</li> - </ul> - <p></p> - <p></p> -</section> - -<section id="kyruus"> - <h2 class="page-header"><a href="http://kyruus.com" target="_blank">Kyruus</a></h2> - <div class="row"> - <div class="span7"> - <p> - I'm the lead product designer at Kyruus. I wake up every single day excited about my job. - Why? <strong>Kyruus is going to change healthcare.</strong> No exaggeration. - </p> - - <p> - Kyruus is a well-funded, big data healthcare startup in Boston. We believe that the right data at the right time - can help doctors make better decisions. <strong>We believe data can save lives.</strong> - </p> - - What I love about Kyruus: - <ul class="unstyled"> - <li><i class="icon-pencil icon-2x pull-left"></i> Product design. From the top of the organization, Kyruus is committed to product design done right. It's awesome.</li> - <li><i class="icon-globe icon-2x pull-left"></i> Purpose. Every day, I get to help make the world a better place – a little at a time.</li> - <li><i class="icon-group icon-2x pull-left"></i> People. I work with some of the best people I've ever met. More than just smart people. Good people.</li> - </ul> - - <p> - <strong>Kyruus needs good people.</strong> Designers, app developers, big data masters, & interns that get real responsibility. Come work with me. - </p> - - Interested? <a href="mailto:dave@davegandy.com">Email me.</a> - </div> - <div class="span5"> - <div class="border pull-right text-align-center"> - <a href="http://kyruus.com" target="_blank"> - <i class="icon-medkit"></i><br> - Work with me at Kyruus - </a> - </div> - </div> - </div> -</section> - -<section id="say-thanks"> - <h2 class="page-header">Say Thanks <small></small></h2> - <div class="row"> - <div class="span12"> - <p class="lead"> - <i class="icon-gift icon-4x pull-left"></i> - Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the - open source community. If you'd like, here are some ways you can tell me thanks for all my hard work. - </p> - </div> - </div> + <section id="thanks-to"> + <h2 class="page-header">Thanks To</h2> <div class="row"> <div class="span4"> - <h4><a href="#contribute">Contribute Icons</a></h4> <p> - <a href="#contribute">Contribute icons</a> to make Font Awesome even awesome-er. + Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and + <a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design + review, advice, some Jekyll help, and being all around badass coders. </p> </div> <div class="span4"> - <h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4> <p> - <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny - new iMac for me to keep making great icons. + Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and + <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting + <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome. </p> </div> <div class="span4"> - <h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4> <p> - Or pick something straight - from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great. + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent + <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to + <a href="./get-started/#bootstrapcdn">get started</a> with Font Awesome. </p> </div> </div> @@ -1369,94 +291,38 @@ Use a few of the new styles together ... lots of new possibilities. </div> -<footer> - <div class="container"> - <div class="row"> - <div class="span4"> - <h2>Contact</h2> - <ul class="icons"> - <li><i class="icon-envelope"></i> Email: <a href="mailto:dave@davegandy.com">Dave Gandy</a></li> - <li><i class="icon-twitter"></i> Twitter: <a href="https://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li> - <li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="#kyruus">Kyruus</a></li> - </ul> - </div> - <div class="span8"> - <h2>Special Thanks</h2> - <p> - Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and - <a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design - review, advice, and some backbone.js help. - </p> - <p> - Special thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and - <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing - <a target="_blank" href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome to get just the - icons you need. - </p> - </div> + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> </div> - </div> -</footer> - - - -<script type="text/template" id="modal-template"> - <div class="modal hide fade in"> - <div class="modal-header"> - <a class="close" data-dismiss="modal"><i class="icon-remove"></i></a> - <h4><%= iconName %></h4> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> </div> - <div class="modal-body"> - <div class="row"> - <div class="span3 icon6"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 280px - </div> - </div> - <div class="span3 icon5"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 140px - </div> - </div> - </div> - <div class="row"> - <div class="span2 icon4"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 112px - </div> - </div> - <div class="span2 icon3"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 56px - </div> - </div> - <div class="span1 icon2"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 28px - </div> - </div> - <div class="span1 icon1"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 14px - </div> - </div> - </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> </div> </div> -</script> +</footer> + -<script src="assets/js/jquery-1.7.1.min.js"></script> -<script src="assets/js/underscore.min.js"></script> -<script src="assets/js/backbone.min.js"></script> -<script src="assets/js/prettify.min.js"></script> -<script src="assets/js/bootstrap-222.min.js"></script> -<script src="assets/js/index/index.js"></script> +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="./assets/js/jquery-1.7.1.min.js"></script> +<script src="./assets/js/underscore.min.js"></script> +<script src="./assets/js/backbone.min.js"></script> +<!--<script src="./assets/js/prettify.min.js"></script>--> +<script src="./assets/js/bootstrap-2.3.1.min.js"></script> +<script src="./assets/js/site.js"></script> </body> </html> diff --git a/license/index.html b/license/index.html new file mode 100644 index 000000000..562193568 --- /dev/null +++ b/license/index.html @@ -0,0 +1,257 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>Font Awesome License</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li class="active"><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-legal icon-large"></i> License</h1> + <p>The full details of how Font Awesome is licensed</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + Font Awesome is fully open source and is GPL compatible. You can use it for commerical projects, open source + projects, or really just about whatever you want. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div> + <div class="alert alert-info"> + <i class="icon-info-sign icon-2x pull-left margin-top-small padding-right-small"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated: + <code>Font Awesome by Dave Gandy - http://fontawesome.io</code>. + </div> +</div> + +<section> + <h2 class="page-header">Font License</h2> + <ul> + <li> + Applies to all desktop and webfont files in the following directory: + <code>font-awesome/font/</code>. + </li> + <li>License: SIL OFL 1.1</li> + <li>URL: <a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a></li> + </ul> +</section> + +<section> + <h2 class="page-header">Code License</h2> + <ul> + <li> + Applies to all CSS and LESS files in the following directories: + <code>font-awesome/css/</code> and + <code>font-awesome/less/</code>. + </li> + <li>License: MIT License</li> + <li>URL: <a href="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a></li> + </ul> +</section> + +<section> + <h2 class="page-header">Documentation License</h2> + <ul> + <li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li> + <li>License: CC BY 3.0</li> + <li>URL: <a href="http://creativecommons.org/licenses/by/3.0/">http://creativecommons.org/licenses/by/3.0/</a></li> + </ul> +</section> + +<section> + <h2 class="page-header">Brand Icons</h2> + <ul> + <li>All brand icons are trademarks of their respective owners.</li> + <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li> + </ul> +</section> + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> @@ -2,15 +2,16 @@ <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> -<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8" /> - <title>Font Awesome Tests</title> - <meta name="description" content=""> - <meta name="author" content=""> - <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> + <title>Font Awesome Visual Test Cases</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> @@ -19,14 +20,17 @@ <!-- CSS ================================================== --> - <link rel="stylesheet" href="assets/css/site.css"> - <link rel="stylesheet" href="assets/css/prettify.css"> - <link rel="stylesheet" href="assets/css/font-awesome.css"> + <link rel="stylesheet" href="./assets/css/site.css"> + <link rel="stylesheet" href="./assets/css/pygments.css"> + <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.min.css"> <!--[if IE 7]> - <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> + <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome-ie7.min.css"> <![endif]--> <!-- Le fav and touch icons --> - <link rel="shortcut icon" href="assets/ico/favicon.ico"> + <link rel="shortcut icon" href="./assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript"> var _gaq = _gaq || []; @@ -40,10 +44,70 @@ })(); </script> </head> -<body> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="./"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="./">Home</a></li> + <li><a href="./get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="./icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="./icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="./icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="./examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="./examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="./examples/#new-styles">New Styles</a></li> + <li><a href="./examples/#inline-icons">Inline Icons</a></li> + <li><a href="./examples/#larger-icons">Larger Icons</a></li> + <li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="./examples/#buttons">Buttons</a></li> + <li><a href="./examples/#button-groups">Button Groups</a></li> + <li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="./examples/#navigation">Navigation</a></li> + <li><a href="./examples/#form-inputs">Form Inputs</a></li> + <li><a href="./examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="./examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="./examples/#stacked">Stacked</a></li> + <li><a href="./examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li><a href="./whats-new/">What's New</a></li> + <li><a href="./community/">Community</a></li> + <li><a href="./license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + -<div class="container"> - <h1>Visual tests</h1> + <section class="container"> + <h1 class="page-header">Visual Test Cases</h1> <h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3> <div class="row"> @@ -514,18 +578,63 @@ <h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3> <div class="row"> <div class="span6"> - <ul class="icons"> - <li><i class="icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> - <li><i class="icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> - <li><i class="icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> - </ul> + <div style="border: solid 1px #d3d3d3;"> +<ul class="icons-ul"> + <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> +</ul> + </div> </div> <div class="span6"> - <ul class="icons"> - <li><i class="icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> - <li><i class="icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> - <li><i class="icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> - </ul> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + </div> + <div class="row"> + <div class="span6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul lead"> + <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="span6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul lead"> + <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + </div> + + <div class="row"> + <div class="span6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="span6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> </div> </div> @@ -575,10 +684,173 @@ <button class="btn btn-large"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button> </div> + <h3>Stacked icons</h3> + <div class="well"> + <p> + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-twitter icon-light"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-facebook icon-light"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-github icon-light"></i> + </span> + GitHub Icon +</p> +<p> + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-twitter icon-light"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-facebook icon-light"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-github icon-light"></i> + </span> + GitHub Icon +</p> +<p> + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-twitter"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-facebook"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-github"></i> + </span> + GitHub Icon +</p> + </div> + <div class="well lead"> + <p> + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-twitter icon-light"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-facebook icon-light"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-github icon-light"></i> + </span> + GitHub Icon +</p> +<p> + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-twitter icon-light"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-facebook icon-light"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-github icon-light"></i> + </span> + GitHub Icon +</p> +<p> + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-twitter"></i> + </span> + Twitter Icon + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-facebook"></i> + </span> + Facebook Icon + <span class="icon-stack"> + <i class="icon-circle-blank icon-stack-base"></i> + <i class="icon-github"></i> + </span> + GitHub Icon +</p> + </div> + + <h3>Mirrored and rotated icons</h3> + <div class="row"> + <div class="span6"> + <div class="well"> + <i class="icon-flag"></i> normal<br> +<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br> +<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br> +<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br> +<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br> +<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical + + </div> + </div> + <div class="span6"> + <div class="well lead"> + <i class="icon-flag"></i> normal<br> +<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br> +<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br> +<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br> +<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br> +<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical + + </div> + </div> </div> +</section> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + -<script src="assets/js/jquery-1.7.1.min.js"></script> -<script src="assets/js/bootstrap-222.min.js"></script> +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="./assets/js/jquery-1.7.1.min.js"></script> +<script src="./assets/js/underscore.min.js"></script> +<script src="./assets/js/backbone.min.js"></script> +<!--<script src="./assets/js/prettify.min.js"></script>--> +<script src="./assets/js/bootstrap-2.3.1.min.js"></script> +<script src="./assets/js/site.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/whats-new/index.html b/whats-new/index.html new file mode 100644 index 000000000..4075c4815 --- /dev/null +++ b/whats-new/index.html @@ -0,0 +1,380 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>What's New</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="initial-scale=1; maximum-scale=1"> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="../assets/css/site.css"> + <link rel="stylesheet" href="../assets/css/pygments.css"> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.min.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="../assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + <div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li><a href="../">Home</a></li> + <li><a href="../get-started/">Get Started</a></li> + <li class="dropdown-split-left"><a href="../icons/">Icons</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.1.0</a></li> + <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> + <li><a href="../icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li> + <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> + <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> + <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> + <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left"><a href="../examples/">Examples</a></li> + <li class="dropdown dropdown-split-right"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="../examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="../examples/#new-styles">New Styles</a></li> + <li><a href="../examples/#inline-icons">Inline Icons</a></li> + <li><a href="../examples/#larger-icons">Larger Icons</a></li> + <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li> + <li><a href="../examples/#buttons">Buttons</a></li> + <li><a href="../examples/#button-groups">Button Groups</a></li> + <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li> + <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li> + <li><a href="../examples/#navigation">Navigation</a></li> + <li><a href="../examples/#form-inputs">Form Inputs</a></li> + <li><a href="../examples/#animated-spinner">Animated Spinner</a></li> + <li><a href="../examples/#rotated-flipped">Rotated & Flipped</a></li> + <li><a href="../examples/#stacked">Stacked</a></li> + <li><a href="../examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li class="active"><a href="../whats-new/">What's New</a></li> + <li><a href="../community/">Community</a></li> + <li><a href="../license/">License</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:dave@fontawesome.io"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> + + + + + +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + <h1><i class="icon-lightbulb icon-large"></i> What's New</h1> + <p>What's New in the latest version — Font Awesome 3.1.0</p> + </div> +</div> + +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="#FontAwesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fortaweso_me" data-related="byscuits:Creator of Font Awesome">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> + + +<div class="container"> + +<section class="hidden-print"> + <div class="row stripe-ad"> + <div class="span8"> + +<p class="lead"> + Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome + 3.1.0. Have some ideas for new features? + <a href="../community/">Help contribute</a>. +</p> + + </div> + <div class="span4"> + <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> + + </div> + </div> +</section> + + +<div id="whats-new"> + <div class="row"> + <div class="span4"> + <h4><i class="icon-lightbulb"></i> 54 New Icons in 3.1.0</h4> + Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome">Font Awesome GitHub project</a>. + </div> + <div class="span4"> + <h4><i class="icon-legal"></i> <a href="../license/">Better & Simpler License</a></h4> + SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated. + </div> + <div class="span4"> + <h4><i class="icon-flag icon-flip-horizontal"></i> <a href="../examples/#new-styles">New Styles</a></h4> + New styles for + <a href="../examples/#rotated-flipped">rotating and flipping icons</a>, + <a href="../examples/#stacked">stacking icons</a>, and better + <a href="../examples/#bulleted-lists">bulleted lists</a>. + </div> + </div> + <div class="row"> + <div class="span4 margin-bottom-large"> + <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4> + Version 3.0 was re-created from the ground up to be razor sharp at Bootstrap's default 14px. + </div> + <div class="span4"> + <h4><i class="icon-th-large"></i> <a href="http://icnfnt.com/">Font Subsetting</a></h4> + Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and <a href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a href="http://icnfnt.com/">subset</a> to get just the icons you need. + </div> + <div class="span4"> + <h4><i class="icon-question-sign"></i> Want More Details?</h4> + Check out the <a href="https://github.com/FortAwesome/Font-Awesome#changelog">CHANGELOG on the GitHub project</a> to see + what's new and changed. + </div> + </div> +</div> + + <section id="new-styles"> + <h2 class="page-header">New Styles in 3.1.0</h2> + <div class="row"> + <div class="span4"> + <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4> + <div class="well well-transparent"> + <i class="icon-shield"></i> normal<br> + <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> + <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> + <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> + <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> + <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical + </div> + </div> + <div class="span4"> + <h4><a href="#stacked">Stacked Icons</a></h4> + <div class="well well-transparent"> + <span class="icon-stack"> + <i class="icon-check-empty icon-stack-base"></i> + <i class="icon-twitter"></i> + </span> + icon-twitter on icon-check-empty<br> + <span class="icon-stack"> + <i class="icon-circle icon-stack-base"></i> + <i class="icon-flag icon-light"></i> + </span> + icon-flag on icon-circle<br> + <span class="icon-stack"> + <i class="icon-sign-blank icon-stack-base"></i> + <i class="icon-terminal icon-light"></i> + </span> + icon-terminal on icon-sign-blank + </div> + </div> + <div class="span4"> + <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4> + <div class="well well-transparent"> + <ul class="icons-ul"> + <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li> + <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li> + <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li> + <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li> + </ul> + </div> + </div> + </div> +</section> + + <section id="new"> + <h2 class="page-header">New Icons in 3.1.0</h2> + + <div class="margin-botom-large"> + You asked, Font Awesome delivers with 54 shiny new icons in version 3.1.0. + Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>. + </div> + + + + <div class="row margin-top"> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/expand-alt"><i class="icon-expand-alt"></i> icon-expand-alt</a></li> + <li><a href="../icon/collapse-alt"><i class="icon-collapse-alt"></i> icon-collapse-alt</a></li> + <li><a href="../icon/smile"><i class="icon-smile"></i> icon-smile</a></li> + <li><a href="../icon/frown"><i class="icon-frown"></i> icon-frown</a></li> + <li><a href="../icon/meh"><i class="icon-meh"></i> icon-meh</a></li> + <li><a href="../icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></li> + <li><a href="../icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></li> + <li><a href="../icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></li> + <li><a href="../icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></li> + <li><a href="../icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></li> + <li><a href="../icon/code"><i class="icon-code"></i> icon-code</a></li> + <li><a href="../icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></li> + <li><a href="../icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></li> + <li><a href="../icon/reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></li> + <li><a href="../icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></li> + <li><a href="../icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></li> + <li><a href="../icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></li> + <li><a href="../icon/crop"><i class="icon-crop"></i> icon-crop</a></li> + <li><a href="../icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></li> + <li><a href="../icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></li> + <li><a href="../icon/question"><i class="icon-question"></i> icon-question</a></li> + <li><a href="../icon/info"><i class="icon-info"></i> icon-info</a></li> + <li><a href="../icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></li> + <li><a href="../icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></li> + <li><a href="../icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></li> + <li><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li> + <li><a href="../icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></li> + <li><a href="../icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></li> + <li><a href="../icon/shield"><i class="icon-shield"></i> icon-shield</a></li> + <li><a href="../icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></li> + <li><a href="../icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></li> + <li><a href="../icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></li> + <li><a href="../icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></li> + <li><a href="../icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></li> + <li><a href="../icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></li> + <li><a href="../icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></li> + <li><a href="../icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></li> + <li><a href="../icon/html5"><i class="icon-html5"></i> icon-html5</a></li> + <li><a href="../icon/css3"><i class="icon-css3"></i> icon-css3</a></li> + <li><a href="../icon/anchor"><i class="icon-anchor"></i> icon-anchor</a></li> + <li><a href="../icon/unlock-alt"><i class="icon-unlock-alt"></i> icon-unlock-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="../icon/bullseye"><i class="icon-bullseye"></i> icon-bullseye</a></li> + <li><a href="../icon/ellipsis-horizontal"><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</a></li> + <li><a href="../icon/ellipsis-vertical"><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</a></li> + <li><a href="../icon/rss-sign"><i class="icon-rss-sign"></i> icon-rss-sign</a></li> + <li><a href="../icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></li> + <li><a href="../icon/ticket"><i class="icon-ticket"></i> icon-ticket</a></li> + <li><a href="../icon/minus-sign-alt"><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</a></li> + <li><a href="../icon/check-minus"><i class="icon-check-minus"></i> icon-check-minus</a></li> + <li><a href="../icon/level-up"><i class="icon-level-up"></i> icon-level-up</a></li> + <li><a href="../icon/level-down"><i class="icon-level-down"></i> icon-level-down</a></li> + <li><a href="../icon/check-sign"><i class="icon-check-sign"></i> icon-check-sign</a></li> + <li><a href="../icon/edit-sign"><i class="icon-edit-sign"></i> icon-edit-sign</a></li> + <li><a href="../icon/external-link-sign"><i class="icon-external-link-sign"></i> icon-external-link-sign</a></li> + <li><a href="../icon/share-sign"><i class="icon-share-sign"></i> icon-share-sign</a></li> + </ul> + </div> + </div> +</section> + +</div> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> +<footer class="footer hidden-print"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome 3.1.0 · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a> · + Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a> · + Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a> + </div> + <div> + Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + </div> + <div class="project"> + <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> · + <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> + </div> + </div> +</footer> + + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="../assets/js/jquery-1.7.1.min.js"></script> +<script src="../assets/js/underscore.min.js"></script> +<script src="../assets/js/backbone.min.js"></script> +<!--<script src="../assets/js/prettify.min.js"></script>--> +<script src="../assets/js/bootstrap-2.3.1.min.js"></script> +<script src="../assets/js/site.js"></script> + +</body> +</html> |