FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-26 21:41:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing up icon print page, fixing icon-fixed-width css issues, adding icons to navbar dropdown

Browse Source
This commit is contained in:
davegandy 2013-05-09 14:04:40 -04:00
parent d8c07ccc51
commit 12374d3de9
12 changed files with 361 additions and 348 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

321
build/_includes/icons/print-design.html Normal file
View File

@ -0,0 +1,321 @@
{% capture stripe_ad_content %}
<p class="lead">
Print this page to PDF for a complete set of vectors. To use in your designs, install FontAwesome.otf, then copy
and paste the icons (not the unicode) to use them in your desktop software.
</p>
{% endcapture %}
{% include stripe-ad.html %}
<div>
<h2 class="page-header">All Icons with Unicode</h2>
<div class="row">
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf000;</i> icon-glass <span class="muted">(&amp;#xf000;)</span></li>
<li><i class="icon-fixed-width">&#xf001;</i> icon-music <span class="muted">(&amp;#xf001;)</span></li>
<li><i class="icon-fixed-width">&#xf002;</i> icon-search <span class="muted">(&amp;#xf002;)</span></li>
<li><i class="icon-fixed-width">&#xf003;</i> icon-envelope <span class="muted">(&amp;#xf003;)</span></li>
<li><i class="icon-fixed-width">&#xf004;</i> icon-heart <span class="muted">(&amp;#xf004;)</span></li>
<li><i class="icon-fixed-width">&#xf005;</i> icon-star <span class="muted">(&amp;#xf005;)</span></li>
<li><i class="icon-fixed-width">&#xf006;</i> icon-star-empty <span class="muted">(&amp;#xf006;)</span></li>
<li><i class="icon-fixed-width">&#xf007;</i> icon-user <span class="muted">(&amp;#xf007;)</span></li>
<li><i class="icon-fixed-width">&#xf008;</i> icon-film <span class="muted">(&amp;#xf008;)</span></li>
<li><i class="icon-fixed-width">&#xf009;</i> icon-th-large <span class="muted">(&amp;#xf009;)</span></li>
<li><i class="icon-fixed-width">&#xf00a;</i> icon-th <span class="muted">(&amp;#xf00a;)</span></li>
<li><i class="icon-fixed-width">&#xf00b;</i> icon-th-list <span class="muted">(&amp;#xf00b;)</span></li>
<li><i class="icon-fixed-width">&#xf00c;</i> icon-ok <span class="muted">(&amp;#xf00c;)</span></li>
<li><i class="icon-fixed-width">&#xf00d;</i> icon-remove <span class="muted">(&amp;#xf00d;)</span></li>
<li><i class="icon-fixed-width">&#xf00e;</i> icon-zoom-in <span class="muted">(&amp;#xf00e;)</span></li>
<li><i class="icon-fixed-width">&#xf010;</i> icon-zoom-out <span class="muted">(&amp;#xf010;)</span></li>
<li><i class="icon-fixed-width">&#xf011;</i> icon-off <span class="muted">(&amp;#xf011;)</span></li>
<li><i class="icon-fixed-width">&#xf012;</i> icon-signal <span class="muted">(&amp;#xf012;)</span></li>
<li><i class="icon-fixed-width">&#xf013;</i> icon-cog <span class="muted">(&amp;#xf013;)</span></li>
<li><i class="icon-fixed-width">&#xf014;</i> icon-trash <span class="muted">(&amp;#xf014;)</span></li>
<li><i class="icon-fixed-width">&#xf015;</i> icon-home <span class="muted">(&amp;#xf015;)</span></li>
<li><i class="icon-fixed-width">&#xf016;</i> icon-file <span class="muted">(&amp;#xf016;)</span></li>
<li><i class="icon-fixed-width">&#xf017;</i> icon-time <span class="muted">(&amp;#xf017;)</span></li>
<li><i class="icon-fixed-width">&#xf018;</i> icon-road <span class="muted">(&amp;#xf018;)</span></li>
<li><i class="icon-fixed-width">&#xf019;</i> icon-download-alt <span class="muted">(&amp;#xf019;)</span></li>
<li><i class="icon-fixed-width">&#xf01a;</i> icon-download <span class="muted">(&amp;#xf01a;)</span></li>
<li><i class="icon-fixed-width">&#xf01b;</i> icon-upload <span class="muted">(&amp;#xf01b;)</span></li>
<li><i class="icon-fixed-width">&#xf01c;</i> icon-inbox <span class="muted">(&amp;#xf01c;)</span></li>
<li><i class="icon-fixed-width">&#xf01d;</i> icon-play-circle <span class="muted">(&amp;#xf01d;)</span></li>
<li><i class="icon-fixed-width">&#xf01e;</i> icon-repeat <span class="muted">(&amp;#xf01e;)</span></li>
<li><i class="icon-fixed-width">&#xf021;</i> icon-refresh <span class="muted">(&amp;#xf021;)</span></li>
<li><i class="icon-fixed-width">&#xf022;</i> icon-list-alt <span class="muted">(&amp;#xf022;)</span></li>
<li><i class="icon-fixed-width">&#xf023;</i> icon-lock <span class="muted">(&amp;#xf023;)</span></li>
<li><i class="icon-fixed-width">&#xf024;</i> icon-flag <span class="muted">(&amp;#xf024;)</span></li>
<li><i class="icon-fixed-width">&#xf025;</i> icon-headphones <span class="muted">(&amp;#xf025;)</span></li>
<li><i class="icon-fixed-width">&#xf026;</i> icon-volume-off <span class="muted">(&amp;#xf026;)</span></li>
<li><i class="icon-fixed-width">&#xf027;</i> icon-volume-down <span class="muted">(&amp;#xf027;)</span></li>
<li><i class="icon-fixed-width">&#xf028;</i> icon-volume-up <span class="muted">(&amp;#xf028;)</span></li>
<li><i class="icon-fixed-width">&#xf029;</i> icon-qrcode <span class="muted">(&amp;#xf029;)</span></li>
<li><i class="icon-fixed-width">&#xf02a;</i> icon-barcode <span class="muted">(&amp;#xf02a;)</span></li>
<li><i class="icon-fixed-width">&#xf02b;</i> icon-tag <span class="muted">(&amp;#xf02b;)</span></li>
<li><i class="icon-fixed-width">&#xf02c;</i> icon-tags <span class="muted">(&amp;#xf02c;)</span></li>
<li><i class="icon-fixed-width">&#xf02d;</i> icon-book <span class="muted">(&amp;#xf02d;)</span></li>
<li><i class="icon-fixed-width">&#xf02e;</i> icon-bookmark <span class="muted">(&amp;#xf02e;)</span></li>
<li><i class="icon-fixed-width">&#xf02f;</i> icon-print <span class="muted">(&amp;#xf02f;)</span></li>
<li><i class="icon-fixed-width">&#xf030;</i> icon-camera <span class="muted">(&amp;#xf030;)</span></li>
<li><i class="icon-fixed-width">&#xf031;</i> icon-font <span class="muted">(&amp;#xf031;)</span></li>
<li><i class="icon-fixed-width">&#xf032;</i> icon-bold <span class="muted">(&amp;#xf032;)</span></li>
<li><i class="icon-fixed-width">&#xf033;</i> icon-italic <span class="muted">(&amp;#xf033;)</span></li>
<li><i class="icon-fixed-width">&#xf034;</i> icon-text-height <span class="muted">(&amp;#xf034;)</span></li>
<li><i class="icon-fixed-width">&#xf035;</i> icon-text-width <span class="muted">(&amp;#xf035;)</span></li>
<li><i class="icon-fixed-width">&#xf036;</i> icon-align-left <span class="muted">(&amp;#xf036;)</span></li>
<li><i class="icon-fixed-width">&#xf037;</i> icon-align-center <span class="muted">(&amp;#xf037;)</span></li>
<li><i class="icon-fixed-width">&#xf038;</i> icon-align-right <span class="muted">(&amp;#xf038;)</span></li>
<li><i class="icon-fixed-width">&#xf039;</i> icon-align-justify <span class="muted">(&amp;#xf039;)</span></li>
<li><i class="icon-fixed-width">&#xf03a;</i> icon-list <span class="muted">(&amp;#xf03a;)</span></li>
<li><i class="icon-fixed-width">&#xf03b;</i> icon-indent-left <span class="muted">(&amp;#xf03b;)</span></li>
<li><i class="icon-fixed-width">&#xf03c;</i> icon-indent-right <span class="muted">(&amp;#xf03c;)</span></li>
<li><i class="icon-fixed-width">&#xf03d;</i> icon-facetime-video <span class="muted">(&amp;#xf03d;)</span></li>
<li><i class="icon-fixed-width">&#xf03e;</i> icon-picture <span class="muted">(&amp;#xf03e;)</span></li>
<li><i class="icon-fixed-width">&#xf040;</i> icon-pencil <span class="muted">(&amp;#xf040;)</span></li>
<li><i class="icon-fixed-width">&#xf041;</i> icon-map-marker <span class="muted">(&amp;#xf041;)</span></li>
<li><i class="icon-fixed-width">&#xf042;</i> icon-adjust <span class="muted">(&amp;#xf042;)</span></li>
<li><i class="icon-fixed-width">&#xf043;</i> icon-tint <span class="muted">(&amp;#xf043;)</span></li>
<li><i class="icon-fixed-width">&#xf044;</i> icon-edit <span class="muted">(&amp;#xf044;)</span></li>
<li><i class="icon-fixed-width">&#xf045;</i> icon-share <span class="muted">(&amp;#xf045;)</span></li>
<li><i class="icon-fixed-width">&#xf046;</i> icon-check <span class="muted">(&amp;#xf046;)</span></li>
<li><i class="icon-fixed-width">&#xf047;</i> icon-move <span class="muted">(&amp;#xf047;)</span></li>
<li><i class="icon-fixed-width">&#xf048;</i> icon-step-backward <span class="muted">(&amp;#xf048;)</span></li>
<li><i class="icon-fixed-width">&#xf049;</i> icon-fast-backward <span class="muted">(&amp;#xf049;)</span></li>
<li><i class="icon-fixed-width">&#xf04a;</i> icon-backward <span class="muted">(&amp;#xf04a;)</span></li>
<li><i class="icon-fixed-width">&#xf04b;</i> icon-play <span class="muted">(&amp;#xf04b;)</span></li>
<li><i class="icon-fixed-width">&#xf04c;</i> icon-pause <span class="muted">(&amp;#xf04c;)</span></li>
<li><i class="icon-fixed-width">&#xf04d;</i> icon-stop <span class="muted">(&amp;#xf04d;)</span></li>
<li><i class="icon-fixed-width">&#xf04e;</i> icon-forward <span class="muted">(&amp;#xf04e;)</span></li>
<li><i class="icon-fixed-width">&#xf050;</i> icon-fast-forward <span class="muted">(&amp;#xf050;)</span></li>
<li><i class="icon-fixed-width">&#xf051;</i> icon-step-forward <span class="muted">(&amp;#xf051;)</span></li>
<li><i class="icon-fixed-width">&#xf052;</i> icon-eject <span class="muted">(&amp;#xf052;)</span></li>
<li><i class="icon-fixed-width">&#xf053;</i> icon-chevron-left <span class="muted">(&amp;#xf053;)</span></li>
<li><i class="icon-fixed-width">&#xf054;</i> icon-chevron-right <span class="muted">(&amp;#xf054;)</span></li>
<li><i class="icon-fixed-width">&#xf055;</i> icon-plus-sign <span class="muted">(&amp;#xf055;)</span></li>
<li><i class="icon-fixed-width">&#xf056;</i> icon-minus-sign <span class="muted">(&amp;#xf056;)</span></li>
<li><i class="icon-fixed-width">&#xf057;</i> icon-remove-sign <span class="muted">(&amp;#xf057;)</span></li>
<li><i class="icon-fixed-width">&#xf058;</i> icon-ok-sign <span class="muted">(&amp;#xf058;)</span></li>
<li><i class="icon-fixed-width">&#xf059;</i> icon-question-sign <span class="muted">(&amp;#xf059;)</span></li>
<li><i class="icon-fixed-width">&#xf05a;</i> icon-info-sign <span class="muted">(&amp;#xf05a;)</span></li>
<li><i class="icon-fixed-width">&#xf05b;</i> icon-screenshot <span class="muted">(&amp;#xf05b;)</span></li>
<li><i class="icon-fixed-width">&#xf05c;</i> icon-remove-circle <span class="muted">(&amp;#xf05c;)</span></li>
<li><i class="icon-fixed-width">&#xf05d;</i> icon-ok-circle <span class="muted">(&amp;#xf05d;)</span></li>
<li><i class="icon-fixed-width">&#xf05e;</i> icon-ban-circle <span class="muted">(&amp;#xf05e;)</span></li>
<li><i class="icon-fixed-width">&#xf060;</i> icon-arrow-left <span class="muted">(&amp;#xf060;)</span></li>
<li><i class="icon-fixed-width">&#xf061;</i> icon-arrow-right <span class="muted">(&amp;#xf061;)</span></li>
<li><i class="icon-fixed-width">&#xf062;</i> icon-arrow-up <span class="muted">(&amp;#xf062;)</span></li>
<li><i class="icon-fixed-width">&#xf063;</i> icon-arrow-down <span class="muted">(&amp;#xf063;)</span></li>
<li><i class="icon-fixed-width">&#xf064;</i> icon-share-alt <span class="muted">(&amp;#xf064;)</span></li>
<li><i class="icon-fixed-width">&#xf065;</i> icon-resize-full <span class="muted">(&amp;#xf065;)</span></li>
<li><i class="icon-fixed-width">&#xf066;</i> icon-resize-small <span class="muted">(&amp;#xf066;)</span></li>
<li><i class="icon-fixed-width">&#xf067;</i> icon-plus <span class="muted">(&amp;#xf067;)</span></li>
<li><i class="icon-fixed-width">&#xf068;</i> icon-minus <span class="muted">(&amp;#xf068;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf069;</i> icon-asterisk <span class="muted">(&amp;#xf069;)</span></li>
<li><i class="icon-fixed-width">&#xf06a;</i> icon-exclamation-sign <span class="muted">(&amp;#xf06a;)</span></li>
<li><i class="icon-fixed-width">&#xf06b;</i> icon-gift <span class="muted">(&amp;#xf06b;)</span></li>
<li><i class="icon-fixed-width">&#xf06c;</i> icon-leaf <span class="muted">(&amp;#xf06c;)</span></li>
<li><i class="icon-fixed-width">&#xf06d;</i> icon-fire <span class="muted">(&amp;#xf06d;)</span></li>
<li><i class="icon-fixed-width">&#xf06e;</i> icon-eye-open <span class="muted">(&amp;#xf06e;)</span></li>
<li><i class="icon-fixed-width">&#xf070;</i> icon-eye-close <span class="muted">(&amp;#xf070;)</span></li>
<li><i class="icon-fixed-width">&#xf071;</i> icon-warning-sign <span class="muted">(&amp;#xf071;)</span></li>
<li><i class="icon-fixed-width">&#xf072;</i> icon-plane <span class="muted">(&amp;#xf072;)</span></li>
<li><i class="icon-fixed-width">&#xf073;</i> icon-calendar <span class="muted">(&amp;#xf073;)</span></li>
<li><i class="icon-fixed-width">&#xf074;</i> icon-random <span class="muted">(&amp;#xf074;)</span></li>
<li><i class="icon-fixed-width">&#xf075;</i> icon-comment <span class="muted">(&amp;#xf075;)</span></li>
<li><i class="icon-fixed-width">&#xf076;</i> icon-magnet <span class="muted">(&amp;#xf076;)</span></li>
<li><i class="icon-fixed-width">&#xf077;</i> icon-chevron-up <span class="muted">(&amp;#xf077;)</span></li>
<li><i class="icon-fixed-width">&#xf078;</i> icon-chevron-down <span class="muted">(&amp;#xf078;)</span></li>
<li><i class="icon-fixed-width">&#xf079;</i> icon-retweet <span class="muted">(&amp;#xf079;)</span></li>
<li><i class="icon-fixed-width">&#xf07a;</i> icon-shopping-cart <span class="muted">(&amp;#xf07a;)</span></li>
<li><i class="icon-fixed-width">&#xf07b;</i> icon-folder-close <span class="muted">(&amp;#xf07b;)</span></li>
<li><i class="icon-fixed-width">&#xf07c;</i> icon-folder-open <span class="muted">(&amp;#xf07c;)</span></li>
<li><i class="icon-fixed-width">&#xf07d;</i> icon-resize-vertical <span class="muted">(&amp;#xf07d;)</span></li>
<li><i class="icon-fixed-width">&#xf07e;</i> icon-resize-horizontal <span class="muted">(&amp;#xf07e;)</span></li>
<li><i class="icon-fixed-width">&#xf080;</i> icon-bar-chart <span class="muted">(&amp;#xf080;)</span></li>
<li><i class="icon-fixed-width">&#xf081;</i> icon-twitter-sign <span class="muted">(&amp;#xf081;)</span></li>
<li><i class="icon-fixed-width">&#xf082;</i> icon-facebook-sign <span class="muted">(&amp;#xf082;)</span></li>
<li><i class="icon-fixed-width">&#xf083;</i> icon-camera-retro <span class="muted">(&amp;#xf083;)</span></li>
<li><i class="icon-fixed-width">&#xf084;</i> icon-key <span class="muted">(&amp;#xf084;)</span></li>
<li><i class="icon-fixed-width">&#xf085;</i> icon-cogs <span class="muted">(&amp;#xf085;)</span></li>
<li><i class="icon-fixed-width">&#xf086;</i> icon-comments <span class="muted">(&amp;#xf086;)</span></li>
<li><i class="icon-fixed-width">&#xf087;</i> icon-thumbs-up <span class="muted">(&amp;#xf087;)</span></li>
<li><i class="icon-fixed-width">&#xf088;</i> icon-thumbs-down <span class="muted">(&amp;#xf088;)</span></li>
<li><i class="icon-fixed-width">&#xf089;</i> icon-star-half <span class="muted">(&amp;#xf089;)</span></li>
<li><i class="icon-fixed-width">&#xf08a;</i> icon-heart-empty <span class="muted">(&amp;#xf08a;)</span></li>
<li><i class="icon-fixed-width">&#xf08b;</i> icon-signout <span class="muted">(&amp;#xf08b;)</span></li>
<li><i class="icon-fixed-width">&#xf08c;</i> icon-linkedin-sign <span class="muted">(&amp;#xf08c;)</span></li>
<li><i class="icon-fixed-width">&#xf08d;</i> icon-pushpin <span class="muted">(&amp;#xf08d;)</span></li>
<li><i class="icon-fixed-width">&#xf08e;</i> icon-external-link <span class="muted">(&amp;#xf08e;)</span></li>
<li><i class="icon-fixed-width">&#xf090;</i> icon-signin <span class="muted">(&amp;#xf090;)</span></li>
<li><i class="icon-fixed-width">&#xf091;</i> icon-trophy <span class="muted">(&amp;#xf091;)</span></li>
<li><i class="icon-fixed-width">&#xf092;</i> icon-github-sign <span class="muted">(&amp;#xf092;)</span></li>
<li><i class="icon-fixed-width">&#xf093;</i> icon-upload-alt <span class="muted">(&amp;#xf093;)</span></li>
<li><i class="icon-fixed-width">&#xf094;</i> icon-lemon <span class="muted">(&amp;#xf094;)</span></li>
<li><i class="icon-fixed-width">&#xf095;</i> icon-phone <span class="muted">(&amp;#xf095;)</span></li>
<li><i class="icon-fixed-width">&#xf096;</i> icon-check-empty <span class="muted">(&amp;#xf096;)</span></li>
<li><i class="icon-fixed-width">&#xf097;</i> icon-bookmark-empty <span class="muted">(&amp;#xf097;)</span></li>
<li><i class="icon-fixed-width">&#xf098;</i> icon-phone-sign <span class="muted">(&amp;#xf098;)</span></li>
<li><i class="icon-fixed-width">&#xf099;</i> icon-twitter <span class="muted">(&amp;#xf099;)</span></li>
<li><i class="icon-fixed-width">&#xf09a;</i> icon-facebook <span class="muted">(&amp;#xf09a;)</span></li>
<li><i class="icon-fixed-width">&#xf09b;</i> icon-github <span class="muted">(&amp;#xf09b;)</span></li>
<li><i class="icon-fixed-width">&#xf09c;</i> icon-unlock <span class="muted">(&amp;#xf09c;)</span></li>
<li><i class="icon-fixed-width">&#xf09d;</i> icon-credit-card <span class="muted">(&amp;#xf09d;)</span></li>
<li><i class="icon-fixed-width">&#xf09e;</i> icon-rss <span class="muted">(&amp;#xf09e;)</span></li>
<li><i class="icon-fixed-width">&#xf0a0;</i> icon-hdd <span class="muted">(&amp;#xf0a0;)</span></li>
<li><i class="icon-fixed-width">&#xf0a1;</i> icon-bullhorn <span class="muted">(&amp;#xf0a1;)</span></li>
<li><i class="icon-fixed-width">&#xf0a2;</i> icon-bell <span class="muted">(&amp;#xf0a2;)</span></li>
<li><i class="icon-fixed-width">&#xf0a3;</i> icon-certificate <span class="muted">(&amp;#xf0a3;)</span></li>
<li><i class="icon-fixed-width">&#xf0a4;</i> icon-hand-right <span class="muted">(&amp;#xf0a4;)</span></li>
<li><i class="icon-fixed-width">&#xf0a5;</i> icon-hand-left <span class="muted">(&amp;#xf0a5;)</span></li>
<li><i class="icon-fixed-width">&#xf0a6;</i> icon-hand-up <span class="muted">(&amp;#xf0a6;)</span></li>
<li><i class="icon-fixed-width">&#xf0a7;</i> icon-hand-down <span class="muted">(&amp;#xf0a7;)</span></li>
<li><i class="icon-fixed-width">&#xf0a8;</i> icon-circle-arrow-left <span class="muted">(&amp;#xf0a8;)</span></li>
<li><i class="icon-fixed-width">&#xf0a9;</i> icon-circle-arrow-right <span class="muted">(&amp;#xf0a9;)</span></li>
<li><i class="icon-fixed-width">&#xf0aa;</i> icon-circle-arrow-up <span class="muted">(&amp;#xf0aa;)</span></li>
<li><i class="icon-fixed-width">&#xf0ab;</i> icon-circle-arrow-down <span class="muted">(&amp;#xf0ab;)</span></li>
<li><i class="icon-fixed-width">&#xf0ac;</i> icon-globe <span class="muted">(&amp;#xf0ac;)</span></li>
<li><i class="icon-fixed-width">&#xf0ad;</i> icon-wrench <span class="muted">(&amp;#xf0ad;)</span></li>
<li><i class="icon-fixed-width">&#xf0ae;</i> icon-tasks <span class="muted">(&amp;#xf0ae;)</span></li>
<li><i class="icon-fixed-width">&#xf0b0;</i> icon-filter <span class="muted">(&amp;#xf0b0;)</span></li>
<li><i class="icon-fixed-width">&#xf0b1;</i> icon-briefcase <span class="muted">(&amp;#xf0b1;)</span></li>
<li><i class="icon-fixed-width">&#xf0b2;</i> icon-fullscreen <span class="muted">(&amp;#xf0b2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c0;</i> icon-group <span class="muted">(&amp;#xf0c0;)</span></li>
<li><i class="icon-fixed-width">&#xf0c1;</i> icon-link <span class="muted">(&amp;#xf0c1;)</span></li>
<li><i class="icon-fixed-width">&#xf0c2;</i> icon-cloud <span class="muted">(&amp;#xf0c2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c3;</i> icon-beaker <span class="muted">(&amp;#xf0c3;)</span></li>
<li><i class="icon-fixed-width">&#xf0c4;</i> icon-cut <span class="muted">(&amp;#xf0c4;)</span></li>
<li><i class="icon-fixed-width">&#xf0c5;</i> icon-copy <span class="muted">(&amp;#xf0c5;)</span></li>
<li><i class="icon-fixed-width">&#xf0c6;</i> icon-paper-clip <span class="muted">(&amp;#xf0c6;)</span></li>
<li><i class="icon-fixed-width">&#xf0c7;</i> icon-save <span class="muted">(&amp;#xf0c7;)</span></li>
<li><i class="icon-fixed-width">&#xf0c8;</i> icon-sign-blank <span class="muted">(&amp;#xf0c8;)</span></li>
<li><i class="icon-fixed-width">&#xf0c9;</i> icon-reorder <span class="muted">(&amp;#xf0c9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ca;</i> icon-list-ul <span class="muted">(&amp;#xf0ca;)</span></li>
<li><i class="icon-fixed-width">&#xf0cb;</i> icon-list-ol <span class="muted">(&amp;#xf0cb;)</span></li>
<li><i class="icon-fixed-width">&#xf0cc;</i> icon-strikethrough <span class="muted">(&amp;#xf0cc;)</span></li>
<li><i class="icon-fixed-width">&#xf0cd;</i> icon-underline <span class="muted">(&amp;#xf0cd;)</span></li>
<li><i class="icon-fixed-width">&#xf0ce;</i> icon-table <span class="muted">(&amp;#xf0ce;)</span></li>
<li><i class="icon-fixed-width">&#xf0d0;</i> icon-magic <span class="muted">(&amp;#xf0d0;)</span></li>
<li><i class="icon-fixed-width">&#xf0d1;</i> icon-truck <span class="muted">(&amp;#xf0d1;)</span></li>
<li><i class="icon-fixed-width">&#xf0d2;</i> icon-pinterest <span class="muted">(&amp;#xf0d2;)</span></li>
<li><i class="icon-fixed-width">&#xf0d3;</i> icon-pinterest-sign <span class="muted">(&amp;#xf0d3;)</span></li>
<li><i class="icon-fixed-width">&#xf0d4;</i> icon-google-plus-sign <span class="muted">(&amp;#xf0d4;)</span></li>
<li><i class="icon-fixed-width">&#xf0d5;</i> icon-google-plus <span class="muted">(&amp;#xf0d5;)</span></li>
<li><i class="icon-fixed-width">&#xf0d6;</i> icon-money <span class="muted">(&amp;#xf0d6;)</span></li>
<li><i class="icon-fixed-width">&#xf0d7;</i> icon-caret-down <span class="muted">(&amp;#xf0d7;)</span></li>
<li><i class="icon-fixed-width">&#xf0d8;</i> icon-caret-up <span class="muted">(&amp;#xf0d8;)</span></li>
<li><i class="icon-fixed-width">&#xf0d9;</i> icon-caret-left <span class="muted">(&amp;#xf0d9;)</span></li>
<li><i class="icon-fixed-width">&#xf0da;</i> icon-caret-right <span class="muted">(&amp;#xf0da;)</span></li>
<li><i class="icon-fixed-width">&#xf0db;</i> icon-columns <span class="muted">(&amp;#xf0db;)</span></li>
<li><i class="icon-fixed-width">&#xf0dc;</i> icon-sort <span class="muted">(&amp;#xf0dc;)</span></li>
<li><i class="icon-fixed-width">&#xf0dd;</i> icon-sort-down <span class="muted">(&amp;#xf0dd;)</span></li>
<li><i class="icon-fixed-width">&#xf0de;</i> icon-sort-up <span class="muted">(&amp;#xf0de;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf0e0;</i> icon-envelope-alt <span class="muted">(&amp;#xf0e0;)</span></li>
<li><i class="icon-fixed-width">&#xf0e1;</i> icon-linkedin <span class="muted">(&amp;#xf0e1;)</span></li>
<li><i class="icon-fixed-width">&#xf0e2;</i> icon-undo <span class="muted">(&amp;#xf0e2;)</span></li>
<li><i class="icon-fixed-width">&#xf0e3;</i> icon-legal <span class="muted">(&amp;#xf0e3;)</span></li>
<li><i class="icon-fixed-width">&#xf0e4;</i> icon-dashboard <span class="muted">(&amp;#xf0e4;)</span></li>
<li><i class="icon-fixed-width">&#xf0e5;</i> icon-comment-alt <span class="muted">(&amp;#xf0e5;)</span></li>
<li><i class="icon-fixed-width">&#xf0e6;</i> icon-comments-alt <span class="muted">(&amp;#xf0e6;)</span></li>
<li><i class="icon-fixed-width">&#xf0e7;</i> icon-bolt <span class="muted">(&amp;#xf0e7;)</span></li>
<li><i class="icon-fixed-width">&#xf0e8;</i> icon-sitemap <span class="muted">(&amp;#xf0e8;)</span></li>
<li><i class="icon-fixed-width">&#xf0e9;</i> icon-umbrella <span class="muted">(&amp;#xf0e9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ea;</i> icon-paste <span class="muted">(&amp;#xf0ea;)</span></li>
<li><i class="icon-fixed-width">&#xf0eb;</i> icon-lightbulb <span class="muted">(&amp;#xf0eb;)</span></li>
<li><i class="icon-fixed-width">&#xf0ec;</i> icon-exchange <span class="muted">(&amp;#xf0ec;)</span></li>
<li><i class="icon-fixed-width">&#xf0ed;</i> icon-cloud-download <span class="muted">(&amp;#xf0ed;)</span></li>
<li><i class="icon-fixed-width">&#xf0ee;</i> icon-cloud-upload <span class="muted">(&amp;#xf0ee;)</span></li>
<li><i class="icon-fixed-width">&#xf0f0;</i> icon-user-md <span class="muted">(&amp;#xf0f0;)</span></li>
<li><i class="icon-fixed-width">&#xf0f1;</i> icon-stethoscope <span class="muted">(&amp;#xf0f1;)</span></li>
<li><i class="icon-fixed-width">&#xf0f2;</i> icon-suitcase <span class="muted">(&amp;#xf0f2;)</span></li>
<li><i class="icon-fixed-width">&#xf0f3;</i> icon-bell-alt <span class="muted">(&amp;#xf0f3;)</span></li>
<li><i class="icon-fixed-width">&#xf0f4;</i> icon-coffee <span class="muted">(&amp;#xf0f4;)</span></li>
<li><i class="icon-fixed-width">&#xf0f5;</i> icon-food <span class="muted">(&amp;#xf0f5;)</span></li>
<li><i class="icon-fixed-width">&#xf0f6;</i> icon-file-alt <span class="muted">(&amp;#xf0f6;)</span></li>
<li><i class="icon-fixed-width">&#xf0f7;</i> icon-building <span class="muted">(&amp;#xf0f7;)</span></li>
<li><i class="icon-fixed-width">&#xf0f8;</i> icon-hospital <span class="muted">(&amp;#xf0f8;)</span></li>
<li><i class="icon-fixed-width">&#xf0f9;</i> icon-ambulance <span class="muted">(&amp;#xf0f9;)</span></li>
<li><i class="icon-fixed-width">&#xf0fa;</i> icon-medkit <span class="muted">(&amp;#xf0fa;)</span></li>
<li><i class="icon-fixed-width">&#xf0fb;</i> icon-fighter-jet <span class="muted">(&amp;#xf0fb;)</span></li>
<li><i class="icon-fixed-width">&#xf0fc;</i> icon-beer <span class="muted">(&amp;#xf0fc;)</span></li>
<li><i class="icon-fixed-width">&#xf0fd;</i> icon-h-sign <span class="muted">(&amp;#xf0fd;)</span></li>
<li><i class="icon-fixed-width">&#xf0fe;</i> icon-plus-sign-alt <span class="muted">(&amp;#xf0fe;)</span></li>
<li><i class="icon-fixed-width">&#xf100;</i> icon-double-angle-left <span class="muted">(&amp;#xf100;)</span></li>
<li><i class="icon-fixed-width">&#xf101;</i> icon-double-angle-right <span class="muted">(&amp;#xf101;)</span></li>
<li><i class="icon-fixed-width">&#xf102;</i> icon-double-angle-up <span class="muted">(&amp;#xf102;)</span></li>
<li><i class="icon-fixed-width">&#xf103;</i> icon-double-angle-down <span class="muted">(&amp;#xf103;)</span></li>
<li><i class="icon-fixed-width">&#xf104;</i> icon-angle-left <span class="muted">(&amp;#xf104;)</span></li>
<li><i class="icon-fixed-width">&#xf105;</i> icon-angle-right <span class="muted">(&amp;#xf105;)</span></li>
<li><i class="icon-fixed-width">&#xf106;</i> icon-angle-up <span class="muted">(&amp;#xf106;)</span></li>
<li><i class="icon-fixed-width">&#xf107;</i> icon-angle-down <span class="muted">(&amp;#xf107;)</span></li>
<li><i class="icon-fixed-width">&#xf108;</i> icon-desktop <span class="muted">(&amp;#xf108;)</span></li>
<li><i class="icon-fixed-width">&#xf109;</i> icon-laptop <span class="muted">(&amp;#xf109;)</span></li>
<li><i class="icon-fixed-width">&#xf10a;</i> icon-tablet <span class="muted">(&amp;#xf10a;)</span></li>
<li><i class="icon-fixed-width">&#xf10b;</i> icon-mobile-phone <span class="muted">(&amp;#xf10b;)</span></li>
<li><i class="icon-fixed-width">&#xf10c;</i> icon-circle-blank <span class="muted">(&amp;#xf10c;)</span></li>
<li><i class="icon-fixed-width">&#xf10d;</i> icon-quote-left <span class="muted">(&amp;#xf10d;)</span></li>
<li><i class="icon-fixed-width">&#xf10e;</i> icon-quote-right <span class="muted">(&amp;#xf10e;)</span></li>
<li><i class="icon-fixed-width">&#xf110;</i> icon-spinner <span class="muted">(&amp;#xf110;)</span></li>
<li><i class="icon-fixed-width">&#xf111;</i> icon-circle <span class="muted">(&amp;#xf111;)</span></li>
<li><i class="icon-fixed-width">&#xf112;</i> icon-reply <span class="muted">(&amp;#xf112;)</span></li>
<li><i class="icon-fixed-width">&#xf114;</i> icon-folder-close-alt <span class="muted">(&amp;#xf114;)</span></li>
<li><i class="icon-fixed-width">&#xf115;</i> icon-folder-open-alt <span class="muted">(&amp;#xf115;)</span></li>
<li><i class="icon-fixed-width">&#xf116;</i> icon-expand-alt <span class="muted">(&amp;#xf116;)</span></li>
<li><i class="icon-fixed-width">&#xf117;</i> icon-collapse-alt <span class="muted">(&amp;#xf117;)</span></li>
<li><i class="icon-fixed-width">&#xf118;</i> icon-smile <span class="muted">(&amp;#xf118;)</span></li>
<li><i class="icon-fixed-width">&#xf119;</i> icon-frown <span class="muted">(&amp;#xf119;)</span></li>
<li><i class="icon-fixed-width">&#xf11a;</i> icon-meh <span class="muted">(&amp;#xf11a;)</span></li>
<li><i class="icon-fixed-width">&#xf11b;</i> icon-gamepad <span class="muted">(&amp;#xf11b;)</span></li>
<li><i class="icon-fixed-width">&#xf11c;</i> icon-keyboard <span class="muted">(&amp;#xf11c;)</span></li>
<li><i class="icon-fixed-width">&#xf11d;</i> icon-flag-alt <span class="muted">(&amp;#xf11d;)</span></li>
<li><i class="icon-fixed-width">&#xf11e;</i> icon-flag-checkered <span class="muted">(&amp;#xf11e;)</span></li>
<li><i class="icon-fixed-width">&#xf120;</i> icon-terminal <span class="muted">(&amp;#xf120;)</span></li>
<li><i class="icon-fixed-width">&#xf121;</i> icon-code <span class="muted">(&amp;#xf121;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-mail-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf123;</i> icon-star-half-empty <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-fixed-width">&#xf124;</i> icon-location-arrow <span class="muted">(&amp;#xf124;)</span></li>
<li><i class="icon-fixed-width">&#xf125;</i> icon-crop <span class="muted">(&amp;#xf125;)</span></li>
<li><i class="icon-fixed-width">&#xf126;</i> icon-code-fork <span class="muted">(&amp;#xf126;)</span></li>
<li><i class="icon-fixed-width">&#xf127;</i> icon-unlink <span class="muted">(&amp;#xf127;)</span></li>
<li><i class="icon-fixed-width">&#xf128;</i> icon-question <span class="muted">(&amp;#xf128;)</span></li>
<li><i class="icon-fixed-width">&#xf129;</i> icon-info <span class="muted">(&amp;#xf129;)</span></li>
<li><i class="icon-fixed-width">&#xf12a;</i> icon-exclamation <span class="muted">(&amp;#xf12a;)</span></li>
<li><i class="icon-fixed-width">&#xf12b;</i> icon-superscript <span class="muted">(&amp;#xf12b;)</span></li>
<li><i class="icon-fixed-width">&#xf12c;</i> icon-subscript <span class="muted">(&amp;#xf12c;)</span></li>
<li><i class="icon-fixed-width">&#xf12d;</i> icon-eraser <span class="muted">(&amp;#xf12d;)</span></li>
<li><i class="icon-fixed-width">&#xf12e;</i> icon-puzzle-piece <span class="muted">(&amp;#xf12e;)</span></li>
<li><i class="icon-fixed-width">&#xf130;</i> icon-microphone <span class="muted">(&amp;#xf130;)</span></li>
<li><i class="icon-fixed-width">&#xf131;</i> icon-microphone-off <span class="muted">(&amp;#xf131;)</span></li>
<li><i class="icon-fixed-width">&#xf132;</i> icon-shield <span class="muted">(&amp;#xf132;)</span></li>
<li><i class="icon-fixed-width">&#xf133;</i> icon-calendar-empty <span class="muted">(&amp;#xf133;)</span></li>
<li><i class="icon-fixed-width">&#xf134;</i> icon-fire-extinguisher <span class="muted">(&amp;#xf134;)</span></li>
<li><i class="icon-fixed-width">&#xf135;</i> icon-rocket <span class="muted">(&amp;#xf135;)</span></li>
<li><i class="icon-fixed-width">&#xf136;</i> icon-maxcdn <span class="muted">(&amp;#xf136;)</span></li>
<li><i class="icon-fixed-width">&#xf137;</i> icon-chevron-sign-left <span class="muted">(&amp;#xf137;)</span></li>
<li><i class="icon-fixed-width">&#xf138;</i> icon-chevron-sign-right <span class="muted">(&amp;#xf138;)</span></li>
<li><i class="icon-fixed-width">&#xf139;</i> icon-chevron-sign-up <span class="muted">(&amp;#xf139;)</span></li>
<li><i class="icon-fixed-width">&#xf13a;</i> icon-chevron-sign-down <span class="muted">(&amp;#xf13a;)</span></li>
<li><i class="icon-fixed-width">&#xf13b;</i> icon-html5 <span class="muted">(&amp;#xf13b;)</span></li>
<li><i class="icon-fixed-width">&#xf13c;</i> icon-css3 <span class="muted">(&amp;#xf13c;)</span></li>
<li><i class="icon-fixed-width">&#xf13d;</i> icon-anchor <span class="muted">(&amp;#xf13d;)</span></li>
<li><i class="icon-fixed-width">&#xf13e;</i> icon-unlock-alt <span class="muted">(&amp;#xf13e;)</span></li>
<li><i class="icon-fixed-width">&#xf140;</i> icon-bullseye <span class="muted">(&amp;#xf140;)</span></li>
<li><i class="icon-fixed-width">&#xf141;</i> icon-ellipsis-horizontal <span class="muted">(&amp;#xf141;)</span></li>
<li><i class="icon-fixed-width">&#xf142;</i> icon-ellipsis-vertical <span class="muted">(&amp;#xf142;)</span></li>
<li><i class="icon-fixed-width">&#xf143;</i> icon-rss-sign <span class="muted">(&amp;#xf143;)</span></li>
<li><i class="icon-fixed-width">&#xf144;</i> icon-play-sign <span class="muted">(&amp;#xf144;)</span></li>
<li><i class="icon-fixed-width">&#xf145;</i> icon-ticket <span class="muted">(&amp;#xf145;)</span></li>
<li><i class="icon-fixed-width">&#xf146;</i> icon-minus-sign-alt <span class="muted">(&amp;#xf146;)</span></li>
<li><i class="icon-fixed-width">&#xf147;</i> icon-check-minus <span class="muted">(&amp;#xf147;)</span></li>
</ul>
</div>
</div>
</div>

2
build/_includes/jumbotron-slider.html
View File

@ -1,4 +1,4 @@
<div class="jumbotron jumbotron-index"> <div class="jumbotron jumbotron-index hidden-print">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">

18
build/_includes/navbar.html
View File

@ -11,15 +11,17 @@
<i class="icon-caret-down"></i> <i class="icon-caret-down"></i>
</a> </a>
<ul class="dropdown-menu pull-right"> <ul class="dropdown-menu pull-right">
<li><a href="{{ page.relative_path }}icons/">Icons</a></li> <li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
<li class="divider"></li> <li class="divider"></li>
<li><a href="{{ page.relative_path }}icons/#new">New Icons in {{ site.font_awesome.version }}</a></li> <li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in {{ site.font_awesome.version }}</a></li>
<li><a href="{{ page.relative_path }}icons/#web-application">Web Application Icons</a></li> <li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor">Text Editor Icons</a></li> <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#directional">Directional Icons</a></li> <li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#video-player">Video Player Icons</a></li> <li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#brand">Brand Icons</a></li> <li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#medical">Medical Icons</a></li> <li><a href="{{ page.relative_path }}icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
<li class="divider"></li>
<li><a href="{{ page.relative_path }}icons/print-design/"><i class="icon-print icon-fixed-width"></i>&nbsp; Print &amp; Design</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li>

2
build/_includes/stripe-ad.html
View File

@ -1,4 +1,4 @@
<section> <section class="hidden-print">
<div class="row stripe-ad"> <div class="row stripe-ad">
<div class="span8"> <div class="span8">
{{ stripe_ad_content }} {{ stripe_ad_content }}

2
build/_includes/stripe-social.html
View File

@ -1,4 +1,4 @@
<div id="social-buttons"> <div id="social-buttons" class="hidden-print">
<div class="container"> <div class="container">
<ul class="unstyled inline"> <ul class="unstyled inline">
<li> <li>

5
build/_includes/why.html
View File

@ -33,8 +33,9 @@
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>. Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
</div> </div>
<div class="span4"> <div class="span4">
<h4><i class="icon-tint"></i> Designer Friendly</h4> <h4><i class="icon-crop"></i> Design Friendly</h4>
Install FontAwesome.otf and <a href="{{ page.relative_path }}design.html">visit the copy & paste page</a>. Happy designing. To use on the desktop or for a complete set of vectors,
check out the <a href="{{ page.relative_path }}icons/print-design/">print &amp; design page</a>.
</div> </div>
<div class="span4"> <div class="span4">
<h4><i class="icon-search"></i> Screen Reader Compatible</h4> <h4><i class="icon-search"></i> Screen Reader Compatible</h4>

8
build/assets/font-awesome/css/font-awesome.css vendored
View File

@ -78,6 +78,8 @@ ul.icons-ul {
} }
ul.icons-ul > li .icon-li { ul.icons-ul > li .icon-li {
width: 0.7142857142857143em; width: 0.7142857142857143em;
display: inline-block;
text-align: center;
} }
[class^="icon-"].hide, [class^="icon-"].hide,
[class*=" icon-"].hide { [class*=" icon-"].hide {
@ -181,12 +183,6 @@ ul.icons-ul > li .icon-li {
background-image: none; background-image: none;
} }
/* keeps Bootstrap styles with and without icons the same */ /* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
display: inline;
}
.btn [class^="icon-"].icon-large, .btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .btn [class*=" icon-"].icon-large,

3
build/assets/font-awesome/less/bootstrap.less vendored
View File

@ -32,11 +32,12 @@
background-image: none; background-image: none;
} }
/* keeps Bootstrap styles with and without icons the same */ /* keeps Bootstrap styles with and without icons the same */
.btn, .nav { .btn, .nav {
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {
display: inline; // display: inline;
&.icon-large { line-height: .9em; } &.icon-large { line-height: .9em; }
&.icon-spin { display: inline-block; } &.icon-spin { display: inline-block; }
} }

2
build/assets/font-awesome/less/core.less vendored
View File

@ -53,6 +53,8 @@ ul.icons-ul {
> li { > li {
.icon-li { .icon-li {
width: 10/14em; width: 10/14em;
display: inline-block;
text-align: center;
} }
} }
} }

8
build/assets/js/site.js
View File

@ -10,10 +10,10 @@ $(function() {
// Disable links with href="#" inside <section>, so users can click on them // 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. // to preview :active state without being scrolled up to the top of the page.
$('section a[href="#"]').click(function(e) { // $('section a[href="#"]').click(function(e) {
e.preventDefault(); // e.preventDefault();
e.stopPropagation(); // e.stopPropagation();
}); // });
// // inject twitter & github counts // // inject twitter & github counts
// $.ajax({ // $.ajax({
// url: 'http://api.twitter.com/1/users/show.json', // url: 'http://api.twitter.com/1/users/show.json',

324
build/design.html
View File

@ -1,324 +0,0 @@
---
layout: base
title: Using Font Awesome in Your Designs
relative_path: ./
---
{% capture jumbotron_h1 %}<i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste{% endcapture %}
{% capture jumbotron_p %}Install FontAwesome.otf on your system. Then, copy and paste any of these icons to use them in your mockups & designs.{% endcapture %}
{% include jumbotron.html %}
<div class="container">
<section>
<div class="row">
<div class="span4">
<ul class="unstyled">
<li><i class="icon-">&#xf000;</i> icon-glass <span class="muted">(&amp;#xf000;)</span></li>
<li><i class="icon-">&#xf001;</i> icon-music <span class="muted">(&amp;#xf001;)</span></li>
<li><i class="icon-">&#xf002;</i> icon-search <span class="muted">(&amp;#xf002;)</span></li>
<li><i class="icon-">&#xf003;</i> icon-envelope <span class="muted">(&amp;#xf003;)</span></li>
<li><i class="icon-">&#xf004;</i> icon-heart <span class="muted">(&amp;#xf004;)</span></li>
<li><i class="icon-">&#xf005;</i> icon-star <span class="muted">(&amp;#xf005;)</span></li>
<li><i class="icon-">&#xf006;</i> icon-star-empty <span class="muted">(&amp;#xf006;)</span></li>
<li><i class="icon-">&#xf007;</i> icon-user <span class="muted">(&amp;#xf007;)</span></li>
<li><i class="icon-">&#xf008;</i> icon-film <span class="muted">(&amp;#xf008;)</span></li>
<li><i class="icon-">&#xf009;</i> icon-th-large <span class="muted">(&amp;#xf009;)</span></li>
<li><i class="icon-">&#xf00a;</i> icon-th <span class="muted">(&amp;#xf00a;)</span></li>
<li><i class="icon-">&#xf00b;</i> icon-th-list <span class="muted">(&amp;#xf00b;)</span></li>
<li><i class="icon-">&#xf00c;</i> icon-ok <span class="muted">(&amp;#xf00c;)</span></li>
<li><i class="icon-">&#xf00d;</i> icon-remove <span class="muted">(&amp;#xf00d;)</span></li>
<li><i class="icon-">&#xf00e;</i> icon-zoom-in <span class="muted">(&amp;#xf00e;)</span></li>
<li><i class="icon-">&#xf010;</i> icon-zoom-out <span class="muted">(&amp;#xf010;)</span></li>
<li><i class="icon-">&#xf011;</i> icon-off <span class="muted">(&amp;#xf011;)</span></li>
<li><i class="icon-">&#xf012;</i> icon-signal <span class="muted">(&amp;#xf012;)</span></li>
<li><i class="icon-">&#xf013;</i> icon-cog <span class="muted">(&amp;#xf013;)</span></li>
<li><i class="icon-">&#xf014;</i> icon-trash <span class="muted">(&amp;#xf014;)</span></li>
<li><i class="icon-">&#xf015;</i> icon-home <span class="muted">(&amp;#xf015;)</span></li>
<li><i class="icon-">&#xf016;</i> icon-file <span class="muted">(&amp;#xf016;)</span></li>
<li><i class="icon-">&#xf017;</i> icon-time <span class="muted">(&amp;#xf017;)</span></li>
<li><i class="icon-">&#xf018;</i> icon-road <span class="muted">(&amp;#xf018;)</span></li>
<li><i class="icon-">&#xf019;</i> icon-download-alt <span class="muted">(&amp;#xf019;)</span></li>
<li><i class="icon-">&#xf01a;</i> icon-download <span class="muted">(&amp;#xf01a;)</span></li>
<li><i class="icon-">&#xf01b;</i> icon-upload <span class="muted">(&amp;#xf01b;)</span></li>
<li><i class="icon-">&#xf01c;</i> icon-inbox <span class="muted">(&amp;#xf01c;)</span></li>
<li><i class="icon-">&#xf01d;</i> icon-play-circle <span class="muted">(&amp;#xf01d;)</span></li>
<li><i class="icon-">&#xf01e;</i> icon-repeat <span class="muted">(&amp;#xf01e;)</span></li>
<li><i class="icon-">&#xf021;</i> icon-refresh <span class="muted">(&amp;#xf021;)</span></li>
<li><i class="icon-">&#xf022;</i> icon-list-alt <span class="muted">(&amp;#xf022;)</span></li>
<li><i class="icon-">&#xf023;</i> icon-lock <span class="muted">(&amp;#xf023;)</span></li>
<li><i class="icon-">&#xf024;</i> icon-flag <span class="muted">(&amp;#xf024;)</span></li>
<li><i class="icon-">&#xf025;</i> icon-headphones <span class="muted">(&amp;#xf025;)</span></li>
<li><i class="icon-">&#xf026;</i> icon-volume-off <span class="muted">(&amp;#xf026;)</span></li>
<li><i class="icon-">&#xf027;</i> icon-volume-down <span class="muted">(&amp;#xf027;)</span></li>
<li><i class="icon-">&#xf028;</i> icon-volume-up <span class="muted">(&amp;#xf028;)</span></li>
<li><i class="icon-">&#xf029;</i> icon-qrcode <span class="muted">(&amp;#xf029;)</span></li>
<li><i class="icon-">&#xf02a;</i> icon-barcode <span class="muted">(&amp;#xf02a;)</span></li>
<li><i class="icon-">&#xf02b;</i> icon-tag <span class="muted">(&amp;#xf02b;)</span></li>
<li><i class="icon-">&#xf02c;</i> icon-tags <span class="muted">(&amp;#xf02c;)</span></li>
<li><i class="icon-">&#xf02d;</i> icon-book <span class="muted">(&amp;#xf02d;)</span></li>
<li><i class="icon-">&#xf02e;</i> icon-bookmark <span class="muted">(&amp;#xf02e;)</span></li>
<li><i class="icon-">&#xf02f;</i> icon-print <span class="muted">(&amp;#xf02f;)</span></li>
<li><i class="icon-">&#xf030;</i> icon-camera <span class="muted">(&amp;#xf030;)</span></li>
<li><i class="icon-">&#xf031;</i> icon-font <span class="muted">(&amp;#xf031;)</span></li>
<li><i class="icon-">&#xf032;</i> icon-bold <span class="muted">(&amp;#xf032;)</span></li>
<li><i class="icon-">&#xf033;</i> icon-italic <span class="muted">(&amp;#xf033;)</span></li>
<li><i class="icon-">&#xf034;</i> icon-text-height <span class="muted">(&amp;#xf034;)</span></li>
<li><i class="icon-">&#xf035;</i> icon-text-width <span class="muted">(&amp;#xf035;)</span></li>
<li><i class="icon-">&#xf036;</i> icon-align-left <span class="muted">(&amp;#xf036;)</span></li>
<li><i class="icon-">&#xf037;</i> icon-align-center <span class="muted">(&amp;#xf037;)</span></li>
<li><i class="icon-">&#xf038;</i> icon-align-right <span class="muted">(&amp;#xf038;)</span></li>
<li><i class="icon-">&#xf039;</i> icon-align-justify <span class="muted">(&amp;#xf039;)</span></li>
<li><i class="icon-">&#xf03a;</i> icon-list <span class="muted">(&amp;#xf03a;)</span></li>
<li><i class="icon-">&#xf03b;</i> icon-indent-left <span class="muted">(&amp;#xf03b;)</span></li>
<li><i class="icon-">&#xf03c;</i> icon-indent-right <span class="muted">(&amp;#xf03c;)</span></li>
<li><i class="icon-">&#xf03d;</i> icon-facetime-video <span class="muted">(&amp;#xf03d;)</span></li>
<li><i class="icon-">&#xf03e;</i> icon-picture <span class="muted">(&amp;#xf03e;)</span></li>
<li><i class="icon-">&#xf040;</i> icon-pencil <span class="muted">(&amp;#xf040;)</span></li>
<li><i class="icon-">&#xf041;</i> icon-map-marker <span class="muted">(&amp;#xf041;)</span></li>
<li><i class="icon-">&#xf042;</i> icon-adjust <span class="muted">(&amp;#xf042;)</span></li>
<li><i class="icon-">&#xf043;</i> icon-tint <span class="muted">(&amp;#xf043;)</span></li>
<li><i class="icon-">&#xf044;</i> icon-edit <span class="muted">(&amp;#xf044;)</span></li>
<li><i class="icon-">&#xf045;</i> icon-share <span class="muted">(&amp;#xf045;)</span></li>
<li><i class="icon-">&#xf046;</i> icon-check <span class="muted">(&amp;#xf046;)</span></li>
<li><i class="icon-">&#xf047;</i> icon-move <span class="muted">(&amp;#xf047;)</span></li>
<li><i class="icon-">&#xf048;</i> icon-step-backward <span class="muted">(&amp;#xf048;)</span></li>
<li><i class="icon-">&#xf049;</i> icon-fast-backward <span class="muted">(&amp;#xf049;)</span></li>
<li><i class="icon-">&#xf04a;</i> icon-backward <span class="muted">(&amp;#xf04a;)</span></li>
<li><i class="icon-">&#xf04b;</i> icon-play <span class="muted">(&amp;#xf04b;)</span></li>
<li><i class="icon-">&#xf04c;</i> icon-pause <span class="muted">(&amp;#xf04c;)</span></li>
<li><i class="icon-">&#xf04d;</i> icon-stop <span class="muted">(&amp;#xf04d;)</span></li>
<li><i class="icon-">&#xf04e;</i> icon-forward <span class="muted">(&amp;#xf04e;)</span></li>
<li><i class="icon-">&#xf050;</i> icon-fast-forward <span class="muted">(&amp;#xf050;)</span></li>
<li><i class="icon-">&#xf051;</i> icon-step-forward <span class="muted">(&amp;#xf051;)</span></li>
<li><i class="icon-">&#xf052;</i> icon-eject <span class="muted">(&amp;#xf052;)</span></li>
<li><i class="icon-">&#xf053;</i> icon-chevron-left <span class="muted">(&amp;#xf053;)</span></li>
<li><i class="icon-">&#xf054;</i> icon-chevron-right <span class="muted">(&amp;#xf054;)</span></li>
<li><i class="icon-">&#xf055;</i> icon-plus-sign <span class="muted">(&amp;#xf055;)</span></li>
<li><i class="icon-">&#xf056;</i> icon-minus-sign <span class="muted">(&amp;#xf056;)</span></li>
<li><i class="icon-">&#xf057;</i> icon-remove-sign <span class="muted">(&amp;#xf057;)</span></li>
<li><i class="icon-">&#xf058;</i> icon-ok-sign <span class="muted">(&amp;#xf058;)</span></li>
<li><i class="icon-">&#xf059;</i> icon-question-sign <span class="muted">(&amp;#xf059;)</span></li>
<li><i class="icon-">&#xf05a;</i> icon-info-sign <span class="muted">(&amp;#xf05a;)</span></li>
<li><i class="icon-">&#xf05b;</i> icon-screenshot <span class="muted">(&amp;#xf05b;)</span></li>
<li><i class="icon-">&#xf05c;</i> icon-remove-circle <span class="muted">(&amp;#xf05c;)</span></li>
<li><i class="icon-">&#xf05d;</i> icon-ok-circle <span class="muted">(&amp;#xf05d;)</span></li>
<li><i class="icon-">&#xf05e;</i> icon-ban-circle <span class="muted">(&amp;#xf05e;)</span></li>
<li><i class="icon-">&#xf060;</i> icon-arrow-left <span class="muted">(&amp;#xf060;)</span></li>
<li><i class="icon-">&#xf061;</i> icon-arrow-right <span class="muted">(&amp;#xf061;)</span></li>
<li><i class="icon-">&#xf062;</i> icon-arrow-up <span class="muted">(&amp;#xf062;)</span></li>
<li><i class="icon-">&#xf063;</i> icon-arrow-down <span class="muted">(&amp;#xf063;)</span></li>
<li><i class="icon-">&#xf064;</i> icon-share-alt <span class="muted">(&amp;#xf064;)</span></li>
<li><i class="icon-">&#xf065;</i> icon-resize-full <span class="muted">(&amp;#xf065;)</span></li>
<li><i class="icon-">&#xf066;</i> icon-resize-small <span class="muted">(&amp;#xf066;)</span></li>
<li><i class="icon-">&#xf067;</i> icon-plus <span class="muted">(&amp;#xf067;)</span></li>
<li><i class="icon-">&#xf068;</i> icon-minus <span class="muted">(&amp;#xf068;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-">&#xf069;</i> icon-asterisk <span class="muted">(&amp;#xf069;)</span></li>
<li><i class="icon-">&#xf06a;</i> icon-exclamation-sign <span class="muted">(&amp;#xf06a;)</span></li>
<li><i class="icon-">&#xf06b;</i> icon-gift <span class="muted">(&amp;#xf06b;)</span></li>
<li><i class="icon-">&#xf06c;</i> icon-leaf <span class="muted">(&amp;#xf06c;)</span></li>
<li><i class="icon-">&#xf06d;</i> icon-fire <span class="muted">(&amp;#xf06d;)</span></li>
<li><i class="icon-">&#xf06e;</i> icon-eye-open <span class="muted">(&amp;#xf06e;)</span></li>
<li><i class="icon-">&#xf070;</i> icon-eye-close <span class="muted">(&amp;#xf070;)</span></li>
<li><i class="icon-">&#xf071;</i> icon-warning-sign <span class="muted">(&amp;#xf071;)</span></li>
<li><i class="icon-">&#xf072;</i> icon-plane <span class="muted">(&amp;#xf072;)</span></li>
<li><i class="icon-">&#xf073;</i> icon-calendar <span class="muted">(&amp;#xf073;)</span></li>
<li><i class="icon-">&#xf074;</i> icon-random <span class="muted">(&amp;#xf074;)</span></li>
<li><i class="icon-">&#xf075;</i> icon-comment <span class="muted">(&amp;#xf075;)</span></li>
<li><i class="icon-">&#xf076;</i> icon-magnet <span class="muted">(&amp;#xf076;)</span></li>
<li><i class="icon-">&#xf077;</i> icon-chevron-up <span class="muted">(&amp;#xf077;)</span></li>
<li><i class="icon-">&#xf078;</i> icon-chevron-down <span class="muted">(&amp;#xf078;)</span></li>
<li><i class="icon-">&#xf079;</i> icon-retweet <span class="muted">(&amp;#xf079;)</span></li>
<li><i class="icon-">&#xf07a;</i> icon-shopping-cart <span class="muted">(&amp;#xf07a;)</span></li>
<li><i class="icon-">&#xf07b;</i> icon-folder-close <span class="muted">(&amp;#xf07b;)</span></li>
<li><i class="icon-">&#xf07c;</i> icon-folder-open <span class="muted">(&amp;#xf07c;)</span></li>
<li><i class="icon-">&#xf07d;</i> icon-resize-vertical <span class="muted">(&amp;#xf07d;)</span></li>
<li><i class="icon-">&#xf07e;</i> icon-resize-horizontal <span class="muted">(&amp;#xf07e;)</span></li>
<li><i class="icon-">&#xf080;</i> icon-bar-chart <span class="muted">(&amp;#xf080;)</span></li>
<li><i class="icon-">&#xf081;</i> icon-twitter-sign <span class="muted">(&amp;#xf081;)</span></li>
<li><i class="icon-">&#xf082;</i> icon-facebook-sign <span class="muted">(&amp;#xf082;)</span></li>
<li><i class="icon-">&#xf083;</i> icon-camera-retro <span class="muted">(&amp;#xf083;)</span></li>
<li><i class="icon-">&#xf084;</i> icon-key <span class="muted">(&amp;#xf084;)</span></li>
<li><i class="icon-">&#xf085;</i> icon-cogs <span class="muted">(&amp;#xf085;)</span></li>
<li><i class="icon-">&#xf086;</i> icon-comments <span class="muted">(&amp;#xf086;)</span></li>
<li><i class="icon-">&#xf087;</i> icon-thumbs-up <span class="muted">(&amp;#xf087;)</span></li>
<li><i class="icon-">&#xf088;</i> icon-thumbs-down <span class="muted">(&amp;#xf088;)</span></li>
<li><i class="icon-">&#xf089;</i> icon-star-half <span class="muted">(&amp;#xf089;)</span></li>
<li><i class="icon-">&#xf08a;</i> icon-heart-empty <span class="muted">(&amp;#xf08a;)</span></li>
<li><i class="icon-">&#xf08b;</i> icon-signout <span class="muted">(&amp;#xf08b;)</span></li>
<li><i class="icon-">&#xf08c;</i> icon-linkedin-sign <span class="muted">(&amp;#xf08c;)</span></li>
<li><i class="icon-">&#xf08d;</i> icon-pushpin <span class="muted">(&amp;#xf08d;)</span></li>
<li><i class="icon-">&#xf08e;</i> icon-external-link <span class="muted">(&amp;#xf08e;)</span></li>
<li><i class="icon-">&#xf090;</i> icon-signin <span class="muted">(&amp;#xf090;)</span></li>
<li><i class="icon-">&#xf091;</i> icon-trophy <span class="muted">(&amp;#xf091;)</span></li>
<li><i class="icon-">&#xf092;</i> icon-github-sign <span class="muted">(&amp;#xf092;)</span></li>
<li><i class="icon-">&#xf093;</i> icon-upload-alt <span class="muted">(&amp;#xf093;)</span></li>
<li><i class="icon-">&#xf094;</i> icon-lemon <span class="muted">(&amp;#xf094;)</span></li>
<li><i class="icon-">&#xf095;</i> icon-phone <span class="muted">(&amp;#xf095;)</span></li>
<li><i class="icon-">&#xf096;</i> icon-check-empty <span class="muted">(&amp;#xf096;)</span></li>
<li><i class="icon-">&#xf097;</i> icon-bookmark-empty <span class="muted">(&amp;#xf097;)</span></li>
<li><i class="icon-">&#xf098;</i> icon-phone-sign <span class="muted">(&amp;#xf098;)</span></li>
<li><i class="icon-">&#xf099;</i> icon-twitter <span class="muted">(&amp;#xf099;)</span></li>
<li><i class="icon-">&#xf09a;</i> icon-facebook <span class="muted">(&amp;#xf09a;)</span></li>
<li><i class="icon-">&#xf09b;</i> icon-github <span class="muted">(&amp;#xf09b;)</span></li>
<li><i class="icon-">&#xf09c;</i> icon-unlock <span class="muted">(&amp;#xf09c;)</span></li>
<li><i class="icon-">&#xf09d;</i> icon-credit-card <span class="muted">(&amp;#xf09d;)</span></li>
<li><i class="icon-">&#xf09e;</i> icon-rss <span class="muted">(&amp;#xf09e;)</span></li>
<li><i class="icon-">&#xf0a0;</i> icon-hdd <span class="muted">(&amp;#xf0a0;)</span></li>
<li><i class="icon-">&#xf0a1;</i> icon-bullhorn <span class="muted">(&amp;#xf0a1;)</span></li>
<li><i class="icon-">&#xf0a2;</i> icon-bell <span class="muted">(&amp;#xf0a2;)</span></li>
<li><i class="icon-">&#xf0a3;</i> icon-certificate <span class="muted">(&amp;#xf0a3;)</span></li>
<li><i class="icon-">&#xf0a4;</i> icon-hand-right <span class="muted">(&amp;#xf0a4;)</span></li>
<li><i class="icon-">&#xf0a5;</i> icon-hand-left <span class="muted">(&amp;#xf0a5;)</span></li>
<li><i class="icon-">&#xf0a6;</i> icon-hand-up <span class="muted">(&amp;#xf0a6;)</span></li>
<li><i class="icon-">&#xf0a7;</i> icon-hand-down <span class="muted">(&amp;#xf0a7;)</span></li>
<li><i class="icon-">&#xf0a8;</i> icon-circle-arrow-left <span class="muted">(&amp;#xf0a8;)</span></li>
<li><i class="icon-">&#xf0a9;</i> icon-circle-arrow-right <span class="muted">(&amp;#xf0a9;)</span></li>
<li><i class="icon-">&#xf0aa;</i> icon-circle-arrow-up <span class="muted">(&amp;#xf0aa;)</span></li>
<li><i class="icon-">&#xf0ab;</i> icon-circle-arrow-down <span class="muted">(&amp;#xf0ab;)</span></li>
<li><i class="icon-">&#xf0ac;</i> icon-globe <span class="muted">(&amp;#xf0ac;)</span></li>
<li><i class="icon-">&#xf0ad;</i> icon-wrench <span class="muted">(&amp;#xf0ad;)</span></li>
<li><i class="icon-">&#xf0ae;</i> icon-tasks <span class="muted">(&amp;#xf0ae;)</span></li>
<li><i class="icon-">&#xf0b0;</i> icon-filter <span class="muted">(&amp;#xf0b0;)</span></li>
<li><i class="icon-">&#xf0b1;</i> icon-briefcase <span class="muted">(&amp;#xf0b1;)</span></li>
<li><i class="icon-">&#xf0b2;</i> icon-fullscreen <span class="muted">(&amp;#xf0b2;)</span></li>
<li><i class="icon-">&#xf0c0;</i> icon-group <span class="muted">(&amp;#xf0c0;)</span></li>
<li><i class="icon-">&#xf0c1;</i> icon-link <span class="muted">(&amp;#xf0c1;)</span></li>
<li><i class="icon-">&#xf0c2;</i> icon-cloud <span class="muted">(&amp;#xf0c2;)</span></li>
<li><i class="icon-">&#xf0c3;</i> icon-beaker <span class="muted">(&amp;#xf0c3;)</span></li>
<li><i class="icon-">&#xf0c4;</i> icon-cut <span class="muted">(&amp;#xf0c4;)</span></li>
<li><i class="icon-">&#xf0c5;</i> icon-copy <span class="muted">(&amp;#xf0c5;)</span></li>
<li><i class="icon-">&#xf0c6;</i> icon-paper-clip <span class="muted">(&amp;#xf0c6;)</span></li>
<li><i class="icon-">&#xf0c7;</i> icon-save <span class="muted">(&amp;#xf0c7;)</span></li>
<li><i class="icon-">&#xf0c8;</i> icon-sign-blank <span class="muted">(&amp;#xf0c8;)</span></li>
<li><i class="icon-">&#xf0c9;</i> icon-reorder <span class="muted">(&amp;#xf0c9;)</span></li>
<li><i class="icon-">&#xf0ca;</i> icon-list-ul <span class="muted">(&amp;#xf0ca;)</span></li>
<li><i class="icon-">&#xf0cb;</i> icon-list-ol <span class="muted">(&amp;#xf0cb;)</span></li>
<li><i class="icon-">&#xf0cc;</i> icon-strikethrough <span class="muted">(&amp;#xf0cc;)</span></li>
<li><i class="icon-">&#xf0cd;</i> icon-underline <span class="muted">(&amp;#xf0cd;)</span></li>
<li><i class="icon-">&#xf0ce;</i> icon-table <span class="muted">(&amp;#xf0ce;)</span></li>
<li><i class="icon-">&#xf0d0;</i> icon-magic <span class="muted">(&amp;#xf0d0;)</span></li>
<li><i class="icon-">&#xf0d1;</i> icon-truck <span class="muted">(&amp;#xf0d1;)</span></li>
<li><i class="icon-">&#xf0d2;</i> icon-pinterest <span class="muted">(&amp;#xf0d2;)</span></li>
<li><i class="icon-">&#xf0d3;</i> icon-pinterest-sign <span class="muted">(&amp;#xf0d3;)</span></li>
<li><i class="icon-">&#xf0d4;</i> icon-google-plus-sign <span class="muted">(&amp;#xf0d4;)</span></li>
<li><i class="icon-">&#xf0d5;</i> icon-google-plus <span class="muted">(&amp;#xf0d5;)</span></li>
<li><i class="icon-">&#xf0d6;</i> icon-money <span class="muted">(&amp;#xf0d6;)</span></li>
<li><i class="icon-">&#xf0d7;</i> icon-caret-down <span class="muted">(&amp;#xf0d7;)</span></li>
<li><i class="icon-">&#xf0d8;</i> icon-caret-up <span class="muted">(&amp;#xf0d8;)</span></li>
<li><i class="icon-">&#xf0d9;</i> icon-caret-left <span class="muted">(&amp;#xf0d9;)</span></li>
<li><i class="icon-">&#xf0da;</i> icon-caret-right <span class="muted">(&amp;#xf0da;)</span></li>
<li><i class="icon-">&#xf0db;</i> icon-columns <span class="muted">(&amp;#xf0db;)</span></li>
<li><i class="icon-">&#xf0dc;</i> icon-sort <span class="muted">(&amp;#xf0dc;)</span></li>
<li><i class="icon-">&#xf0dd;</i> icon-sort-down <span class="muted">(&amp;#xf0dd;)</span></li>
<li><i class="icon-">&#xf0de;</i> icon-sort-up <span class="muted">(&amp;#xf0de;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-">&#xf0e0;</i> icon-envelope-alt <span class="muted">(&amp;#xf0e0;)</span></li>
<li><i class="icon-">&#xf0e1;</i> icon-linkedin <span class="muted">(&amp;#xf0e1;)</span></li>
<li><i class="icon-">&#xf0e2;</i> icon-undo <span class="muted">(&amp;#xf0e2;)</span></li>
<li><i class="icon-">&#xf0e3;</i> icon-legal <span class="muted">(&amp;#xf0e3;)</span></li>
<li><i class="icon-">&#xf0e4;</i> icon-dashboard <span class="muted">(&amp;#xf0e4;)</span></li>
<li><i class="icon-">&#xf0e5;</i> icon-comment-alt <span class="muted">(&amp;#xf0e5;)</span></li>
<li><i class="icon-">&#xf0e6;</i> icon-comments-alt <span class="muted">(&amp;#xf0e6;)</span></li>
<li><i class="icon-">&#xf0e7;</i> icon-bolt <span class="muted">(&amp;#xf0e7;)</span></li>
<li><i class="icon-">&#xf0e8;</i> icon-sitemap <span class="muted">(&amp;#xf0e8;)</span></li>
<li><i class="icon-">&#xf0e9;</i> icon-umbrella <span class="muted">(&amp;#xf0e9;)</span></li>
<li><i class="icon-">&#xf0ea;</i> icon-paste <span class="muted">(&amp;#xf0ea;)</span></li>
<li><i class="icon-">&#xf0eb;</i> icon-lightbulb <span class="muted">(&amp;#xf0eb;)</span></li>
<li><i class="icon-">&#xf0ec;</i> icon-exchange <span class="muted">(&amp;#xf0ec;)</span></li>
<li><i class="icon-">&#xf0ed;</i> icon-cloud-download <span class="muted">(&amp;#xf0ed;)</span></li>
<li><i class="icon-">&#xf0ee;</i> icon-cloud-upload <span class="muted">(&amp;#xf0ee;)</span></li>
<li><i class="icon-">&#xf0f0;</i> icon-user-md <span class="muted">(&amp;#xf0f0;)</span></li>
<li><i class="icon-">&#xf0f1;</i> icon-stethoscope <span class="muted">(&amp;#xf0f1;)</span></li>
<li><i class="icon-">&#xf0f2;</i> icon-suitcase <span class="muted">(&amp;#xf0f2;)</span></li>
<li><i class="icon-">&#xf0f3;</i> icon-bell-alt <span class="muted">(&amp;#xf0f3;)</span></li>
<li><i class="icon-">&#xf0f4;</i> icon-coffee <span class="muted">(&amp;#xf0f4;)</span></li>
<li><i class="icon-">&#xf0f5;</i> icon-food <span class="muted">(&amp;#xf0f5;)</span></li>
<li><i class="icon-">&#xf0f6;</i> icon-file-alt <span class="muted">(&amp;#xf0f6;)</span></li>
<li><i class="icon-">&#xf0f7;</i> icon-building <span class="muted">(&amp;#xf0f7;)</span></li>
<li><i class="icon-">&#xf0f8;</i> icon-hospital <span class="muted">(&amp;#xf0f8;)</span></li>
<li><i class="icon-">&#xf0f9;</i> icon-ambulance <span class="muted">(&amp;#xf0f9;)</span></li>
<li><i class="icon-">&#xf0fa;</i> icon-medkit <span class="muted">(&amp;#xf0fa;)</span></li>
<li><i class="icon-">&#xf0fb;</i> icon-fighter-jet <span class="muted">(&amp;#xf0fb;)</span></li>
<li><i class="icon-">&#xf0fc;</i> icon-beer <span class="muted">(&amp;#xf0fc;)</span></li>
<li><i class="icon-">&#xf0fd;</i> icon-h-sign <span class="muted">(&amp;#xf0fd;)</span></li>
<li><i class="icon-">&#xf0fe;</i> icon-plus-sign-alt <span class="muted">(&amp;#xf0fe;)</span></li>
<li><i class="icon-">&#xf100;</i> icon-double-angle-left <span class="muted">(&amp;#xf100;)</span></li>
<li><i class="icon-">&#xf101;</i> icon-double-angle-right <span class="muted">(&amp;#xf101;)</span></li>
<li><i class="icon-">&#xf102;</i> icon-double-angle-up <span class="muted">(&amp;#xf102;)</span></li>
<li><i class="icon-">&#xf103;</i> icon-double-angle-down <span class="muted">(&amp;#xf103;)</span></li>
<li><i class="icon-">&#xf104;</i> icon-angle-left <span class="muted">(&amp;#xf104;)</span></li>
<li><i class="icon-">&#xf105;</i> icon-angle-right <span class="muted">(&amp;#xf105;)</span></li>
<li><i class="icon-">&#xf106;</i> icon-angle-up <span class="muted">(&amp;#xf106;)</span></li>
<li><i class="icon-">&#xf107;</i> icon-angle-down <span class="muted">(&amp;#xf107;)</span></li>
<li><i class="icon-">&#xf108;</i> icon-desktop <span class="muted">(&amp;#xf108;)</span></li>
<li><i class="icon-">&#xf109;</i> icon-laptop <span class="muted">(&amp;#xf109;)</span></li>
<li><i class="icon-">&#xf10a;</i> icon-tablet <span class="muted">(&amp;#xf10a;)</span></li>
<li><i class="icon-">&#xf10b;</i> icon-mobile-phone <span class="muted">(&amp;#xf10b;)</span></li>
<li><i class="icon-">&#xf10c;</i> icon-circle-blank <span class="muted">(&amp;#xf10c;)</span></li>
<li><i class="icon-">&#xf10d;</i> icon-quote-left <span class="muted">(&amp;#xf10d;)</span></li>
<li><i class="icon-">&#xf10e;</i> icon-quote-right <span class="muted">(&amp;#xf10e;)</span></li>
<li><i class="icon-">&#xf110;</i> icon-spinner <span class="muted">(&amp;#xf110;)</span></li>
<li><i class="icon-">&#xf111;</i> icon-circle <span class="muted">(&amp;#xf111;)</span></li>
<li><i class="icon-">&#xf112;</i> icon-reply <span class="muted">(&amp;#xf112;)</span></li>
<li><i class="icon-">&#xf114;</i> icon-folder-close-alt <span class="muted">(&amp;#xf114;)</span></li>
<li><i class="icon-">&#xf115;</i> icon-folder-open-alt <span class="muted">(&amp;#xf115;)</span></li>
<li><i class="icon-">&#xf116;</i> icon-expand-alt <span class="muted">(&amp;#xf116;)</span></li>
<li><i class="icon-">&#xf117;</i> icon-collapse-alt <span class="muted">(&amp;#xf117;)</span></li>
<li><i class="icon-">&#xf118;</i> icon-smile <span class="muted">(&amp;#xf118;)</span></li>
<li><i class="icon-">&#xf119;</i> icon-frown <span class="muted">(&amp;#xf119;)</span></li>
<li><i class="icon-">&#xf11a;</i> icon-meh <span class="muted">(&amp;#xf11a;)</span></li>
<li><i class="icon-">&#xf11b;</i> icon-gamepad <span class="muted">(&amp;#xf11b;)</span></li>
<li><i class="icon-">&#xf11c;</i> icon-keyboard <span class="muted">(&amp;#xf11c;)</span></li>
<li><i class="icon-">&#xf11d;</i> icon-flag-alt <span class="muted">(&amp;#xf11d;)</span></li>
<li><i class="icon-">&#xf11e;</i> icon-flag-checkered <span class="muted">(&amp;#xf11e;)</span></li>
<li><i class="icon-">&#xf120;</i> icon-terminal <span class="muted">(&amp;#xf120;)</span></li>
<li><i class="icon-">&#xf121;</i> icon-code <span class="muted">(&amp;#xf121;)</span></li>
<li><i class="icon-">&#xf122;</i> icon-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-">&#xf122;</i> icon-mail-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-">&#xf123;</i> icon-star-half-empty <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-">&#xf124;</i> icon-location-arrow <span class="muted">(&amp;#xf124;)</span></li>
<li><i class="icon-">&#xf125;</i> icon-crop <span class="muted">(&amp;#xf125;)</span></li>
<li><i class="icon-">&#xf126;</i> icon-code-fork <span class="muted">(&amp;#xf126;)</span></li>
<li><i class="icon-">&#xf127;</i> icon-unlink <span class="muted">(&amp;#xf127;)</span></li>
<li><i class="icon-">&#xf128;</i> icon-question <span class="muted">(&amp;#xf128;)</span></li>
<li><i class="icon-">&#xf129;</i> icon-info <span class="muted">(&amp;#xf129;)</span></li>
<li><i class="icon-">&#xf12a;</i> icon-exclamation <span class="muted">(&amp;#xf12a;)</span></li>
<li><i class="icon-">&#xf12b;</i> icon-superscript <span class="muted">(&amp;#xf12b;)</span></li>
<li><i class="icon-">&#xf12c;</i> icon-subscript <span class="muted">(&amp;#xf12c;)</span></li>
<li><i class="icon-">&#xf12d;</i> icon-eraser <span class="muted">(&amp;#xf12d;)</span></li>
<li><i class="icon-">&#xf12e;</i> icon-puzzle-piece <span class="muted">(&amp;#xf12e;)</span></li>
<li><i class="icon-">&#xf130;</i> icon-microphone <span class="muted">(&amp;#xf130;)</span></li>
<li><i class="icon-">&#xf131;</i> icon-microphone-off <span class="muted">(&amp;#xf131;)</span></li>
<li><i class="icon-">&#xf132;</i> icon-shield <span class="muted">(&amp;#xf132;)</span></li>
<li><i class="icon-">&#xf133;</i> icon-calendar-empty <span class="muted">(&amp;#xf133;)</span></li>
<li><i class="icon-">&#xf134;</i> icon-fire-extinguisher <span class="muted">(&amp;#xf134;)</span></li>
<li><i class="icon-">&#xf135;</i> icon-rocket <span class="muted">(&amp;#xf135;)</span></li>
<li><i class="icon-">&#xf136;</i> icon-maxcdn <span class="muted">(&amp;#xf136;)</span></li>
<li><i class="icon-">&#xf137;</i> icon-chevron-sign-left <span class="muted">(&amp;#xf137;)</span></li>
<li><i class="icon-">&#xf138;</i> icon-chevron-sign-right <span class="muted">(&amp;#xf138;)</span></li>
<li><i class="icon-">&#xf139;</i> icon-chevron-sign-up <span class="muted">(&amp;#xf139;)</span></li>
<li><i class="icon-">&#xf13a;</i> icon-chevron-sign-down <span class="muted">(&amp;#xf13a;)</span></li>
<li><i class="icon-">&#xf13b;</i> icon-html5 <span class="muted">(&amp;#xf13b;)</span></li>
<li><i class="icon-">&#xf13c;</i> icon-css3 <span class="muted">(&amp;#xf13c;)</span></li>
<li><i class="icon-">&#xf13d;</i> icon-anchor <span class="muted">(&amp;#xf13d;)</span></li>
<li><i class="icon-">&#xf13e;</i> icon-unlock-alt <span class="muted">(&amp;#xf13e;)</span></li>
<li><i class="icon-">&#xf140;</i> icon-bullseye <span class="muted">(&amp;#xf140;)</span></li>
<li><i class="icon-">&#xf141;</i> icon-ellipsis-horizontal <span class="muted">(&amp;#xf141;)</span></li>
<li><i class="icon-">&#xf142;</i> icon-ellipsis-vertical <span class="muted">(&amp;#xf142;)</span></li>
<li><i class="icon-">&#xf143;</i> icon-rss-sign <span class="muted">(&amp;#xf143;)</span></li>
<li><i class="icon-">&#xf144;</i> icon-play-sign <span class="muted">(&amp;#xf144;)</span></li>
<li><i class="icon-">&#xf145;</i> icon-ticket <span class="muted">(&amp;#xf145;)</span></li>
<li><i class="icon-">&#xf146;</i> icon-minus-sign-alt <span class="muted">(&amp;#xf146;)</span></li>
<li><i class="icon-">&#xf147;</i> icon-check-minus <span class="muted">(&amp;#xf147;)</span></li>
</ul>
</div>
</div>
</section>
</div>

14
build/icons/print-design/index.html Normal file
View File

@ -0,0 +1,14 @@
---
layout: base
title: Using Font Awesome in Your Designs
relative_path: ../../
---
{% capture jumbotron_h1 %}<i class="icon-print"></i> Print & <i class="icon-pencil"></i> Design{% endcapture %}
{% capture jumbotron_p %}Print this page to PDF or copy &amp; paste for use in your designs{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
{% include icons/print-design.html %}
</div>