mirrors
/
Fork-Awesome
réplica de https://github.com/ForkAwesome/Fork-Awesome


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414
							<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Basic Page Needs
 ================================================== -->
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
  <meta name="author" content="Dave Gandy">
  <link rel="shortcut icon" href="../assets/ico/favicon.ico">

  <title>Font Awesome Cheatsheet</title>

  <!-- CSS
  ================================================== -->
  <link rel="stylesheet" href="../assets/css/site.css">
  <link rel="stylesheet" href="../assets/css/pygments.css">
  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">

  <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
  <![endif]-->

  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-30136587-1']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.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 id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
  <div class="navbar navbar-inverse navbar-static-top hidden-print">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <i class="fa fa-bars fa-lg"></i>
      </button>
      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
    </div>

    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="hidden-sm "><a href="../">Home</a></li>
        <li class="hidden-sm">
          <a href="../whats-new/">What's New</a>
        </li>
        <li class="hidden-xs hidden-md hidden-lg">
          <a href="../whats-new/">New</a>
        </li>
        <li><a href="../get-started/">Get Started</a></li>
        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
        <li class="dropdown dropdown-split-right hidden-xs">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-caret-down"></i>
          </a>
          <ul class="dropdown-menu pull-right">
            <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
            <li class="divider"></li>
            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
          </ul>
        </li>
        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
        <li class="dropdown dropdown-split-right hidden-xs">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-caret-down"></i>
          </a>
          <ul class="dropdown-menu pull-right">
            <li><a href="../examples/">Examples</a></li>
            <li class="divider"></li>
            <li><a href="../examples/#inline">Inline Icons</a></li>
            <li><a href="../examples/#larger">Larger Icons</a></li>
            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
            <li><a href="../examples/#list">List Icons</a></li>
            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
            <li><a href="../examples/#spinning">Spinning Icons</a></li>
            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
            <li><a href="../examples/#stacked">Stacked Icons</a></li>
            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
            <li><a href="../examples/#custom">Custom CSS</a></li>
          </ul>
        </li>
        <li><a href="../community/">Community</a></li>
        <li><a href="../license/">License</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="http://blog.fontawesome.io">Blog</a></li>
      </ul>
    </div>

  </div>
</div>


<div class="jumbotron jumbotron-ad hidden-print">
  <div class="container">
    <h1><i class="fa fa-list-ul"></i>&nbsp; Cheatsheet</h1>
    <p>The complete Font Awesome 4.0.3 icon reference</p>
  </div>
</div>

<div id="social-buttons" class="hidden-print">
  <div class="container">
    <ul class="list-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/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
      </li>
      <li class="tweet-btn hidden-phone">
        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
      </li>
    </ul>
  </div>
</div>


<div class="container">
  
  <section class="hidden-print">
  <div class="stripe-ad">
    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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>

    
  <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>
</section>


  <h2 class="page-header">Every Font Awesome 4.0.3 Icon, CSS Class, &amp; Unicode</h2>

  <div class="row">
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf000</i>
      fa-glass
      <span class="muted">(&amp;#xf000;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf001</i>
      fa-music
      <span class="muted">(&amp;#xf001;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf002</i>
      fa-search
      <span class="muted">(&amp;#xf002;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf003</i>
      fa-envelope-o
      <span class="muted">(&amp;#xf003;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf004</i>
      fa-heart
      <span class="muted">(&amp;#xf004;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf005</i>
      fa-star
      <span class="muted">(&amp;#xf005;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf006</i>
      fa-star-o
      <span class="muted">(&amp;#xf006;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf007</i>
      fa-user
      <span class="muted">(&amp;#xf007;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf008</i>
      fa-film
      <span class="muted">(&amp;#xf008;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf009</i>
      fa-th-large
      <span class="muted">(&amp;#xf009;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf00a</i>
      fa-th
      <span class="muted">(&amp;#xf00a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf00b</i>
      fa-th-list
      <span class="muted">(&amp;#xf00b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf00c</i>
      fa-check
      <span class="muted">(&amp;#xf00c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf00d</i>
      fa-times
      <span class="muted">(&amp;#xf00d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf00e</i>
      fa-search-plus
      <span class="muted">(&amp;#xf00e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf010</i>
      fa-search-minus
      <span class="muted">(&amp;#xf010;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf011</i>
      fa-power-off
      <span class="muted">(&amp;#xf011;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf012</i>
      fa-signal
      <span class="muted">(&amp;#xf012;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf013</i>
      fa-cog
      <span class="muted">(&amp;#xf013;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf014</i>
      fa-trash-o
      <span class="muted">(&amp;#xf014;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf015</i>
      fa-home
      <span class="muted">(&amp;#xf015;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf016</i>
      fa-file-o
      <span class="muted">(&amp;#xf016;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf017</i>
      fa-clock-o
      <span class="muted">(&amp;#xf017;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf018</i>
      fa-road
      <span class="muted">(&amp;#xf018;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf019</i>
      fa-download
      <span class="muted">(&amp;#xf019;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf01a</i>
      fa-arrow-circle-o-down
      <span class="muted">(&amp;#xf01a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf01b</i>
      fa-arrow-circle-o-up
      <span class="muted">(&amp;#xf01b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf01c</i>
      fa-inbox
      <span class="muted">(&amp;#xf01c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf01d</i>
      fa-play-circle-o
      <span class="muted">(&amp;#xf01d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf01e</i>
      fa-repeat
      <span class="muted">(&amp;#xf01e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf021</i>
      fa-refresh
      <span class="muted">(&amp;#xf021;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf022</i>
      fa-list-alt
      <span class="muted">(&amp;#xf022;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf023</i>
      fa-lock
      <span class="muted">(&amp;#xf023;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf024</i>
      fa-flag
      <span class="muted">(&amp;#xf024;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf025</i>
      fa-headphones
      <span class="muted">(&amp;#xf025;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf026</i>
      fa-volume-off
      <span class="muted">(&amp;#xf026;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf027</i>
      fa-volume-down
      <span class="muted">(&amp;#xf027;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf028</i>
      fa-volume-up
      <span class="muted">(&amp;#xf028;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf029</i>
      fa-qrcode
      <span class="muted">(&amp;#xf029;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02a</i>
      fa-barcode
      <span class="muted">(&amp;#xf02a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02b</i>
      fa-tag
      <span class="muted">(&amp;#xf02b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02c</i>
      fa-tags
      <span class="muted">(&amp;#xf02c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02d</i>
      fa-book
      <span class="muted">(&amp;#xf02d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02e</i>
      fa-bookmark
      <span class="muted">(&amp;#xf02e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf02f</i>
      fa-print
      <span class="muted">(&amp;#xf02f;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf030</i>
      fa-camera
      <span class="muted">(&amp;#xf030;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf031</i>
      fa-font
      <span class="muted">(&amp;#xf031;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf032</i>
      fa-bold
      <span class="muted">(&amp;#xf032;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf033</i>
      fa-italic
      <span class="muted">(&amp;#xf033;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf034</i>
      fa-text-height
      <span class="muted">(&amp;#xf034;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf035</i>
      fa-text-width
      <span class="muted">(&amp;#xf035;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf036</i>
      fa-align-left
      <span class="muted">(&amp;#xf036;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf037</i>
      fa-align-center
      <span class="muted">(&amp;#xf037;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf038</i>
      fa-align-right
      <span class="muted">(&amp;#xf038;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf039</i>
      fa-align-justify
      <span class="muted">(&amp;#xf039;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf03a</i>
      fa-list
      <span class="muted">(&amp;#xf03a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf03b</i>
      fa-outdent
      <span class="muted">(&amp;#xf03b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf03c</i>
      fa-indent
      <span class="muted">(&amp;#xf03c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf03d</i>
      fa-video-camera
      <span class="muted">(&amp;#xf03d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf03e</i>
      fa-picture-o
      <span class="muted">(&amp;#xf03e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf040</i>
      fa-pencil
      <span class="muted">(&amp;#xf040;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf041</i>
      fa-map-marker
      <span class="muted">(&amp;#xf041;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf042</i>
      fa-adjust
      <span class="muted">(&amp;#xf042;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf043</i>
      fa-tint
      <span class="muted">(&amp;#xf043;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf044</i>
      fa-pencil-square-o
      <span class="muted">(&amp;#xf044;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf045</i>
      fa-share-square-o
      <span class="muted">(&amp;#xf045;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf046</i>
      fa-check-square-o
      <span class="muted">(&amp;#xf046;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf047</i>
      fa-arrows
      <span class="muted">(&amp;#xf047;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf048</i>
      fa-step-backward
      <span class="muted">(&amp;#xf048;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf049</i>
      fa-fast-backward
      <span class="muted">(&amp;#xf049;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf04a</i>
      fa-backward
      <span class="muted">(&amp;#xf04a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf04b</i>
      fa-play
      <span class="muted">(&amp;#xf04b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf04c</i>
      fa-pause
      <span class="muted">(&amp;#xf04c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf04d</i>
      fa-stop
      <span class="muted">(&amp;#xf04d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf04e</i>
      fa-forward
      <span class="muted">(&amp;#xf04e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf050</i>
      fa-fast-forward
      <span class="muted">(&amp;#xf050;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf051</i>
      fa-step-forward
      <span class="muted">(&amp;#xf051;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf052</i>
      fa-eject
      <span class="muted">(&amp;#xf052;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf053</i>
      fa-chevron-left
      <span class="muted">(&amp;#xf053;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf054</i>
      fa-chevron-right
      <span class="muted">(&amp;#xf054;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf055</i>
      fa-plus-circle
      <span class="muted">(&amp;#xf055;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf056</i>
      fa-minus-circle
      <span class="muted">(&amp;#xf056;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf057</i>
      fa-times-circle
      <span class="muted">(&amp;#xf057;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf058</i>
      fa-check-circle
      <span class="muted">(&amp;#xf058;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf059</i>
      fa-question-circle
      <span class="muted">(&amp;#xf059;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf05a</i>
      fa-info-circle
      <span class="muted">(&amp;#xf05a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf05b</i>
      fa-crosshairs
      <span class="muted">(&amp;#xf05b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf05c</i>
      fa-times-circle-o
      <span class="muted">(&amp;#xf05c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf05d</i>
      fa-check-circle-o
      <span class="muted">(&amp;#xf05d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf05e</i>
      fa-ban
      <span class="muted">(&amp;#xf05e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf060</i>
      fa-arrow-left
      <span class="muted">(&amp;#xf060;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf061</i>
      fa-arrow-right
      <span class="muted">(&amp;#xf061;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf062</i>
      fa-arrow-up
      <span class="muted">(&amp;#xf062;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf063</i>
      fa-arrow-down
      <span class="muted">(&amp;#xf063;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf064</i>
      fa-share
      <span class="muted">(&amp;#xf064;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf065</i>
      fa-expand
      <span class="muted">(&amp;#xf065;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf066</i>
      fa-compress
      <span class="muted">(&amp;#xf066;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf067</i>
      fa-plus
      <span class="muted">(&amp;#xf067;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf068</i>
      fa-minus
      <span class="muted">(&amp;#xf068;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf069</i>
      fa-asterisk
      <span class="muted">(&amp;#xf069;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf06a</i>
      fa-exclamation-circle
      <span class="muted">(&amp;#xf06a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf06b</i>
      fa-gift
      <span class="muted">(&amp;#xf06b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf06c</i>
      fa-leaf
      <span class="muted">(&amp;#xf06c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf06d</i>
      fa-fire
      <span class="muted">(&amp;#xf06d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf06e</i>
      fa-eye
      <span class="muted">(&amp;#xf06e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf070</i>
      fa-eye-slash
      <span class="muted">(&amp;#xf070;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf071</i>
      fa-exclamation-triangle
      <span class="muted">(&amp;#xf071;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf072</i>
      fa-plane
      <span class="muted">(&amp;#xf072;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf073</i>
      fa-calendar
      <span class="muted">(&amp;#xf073;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf074</i>
      fa-random
      <span class="muted">(&amp;#xf074;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf075</i>
      fa-comment
      <span class="muted">(&amp;#xf075;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf076</i>
      fa-magnet
      <span class="muted">(&amp;#xf076;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf077</i>
      fa-chevron-up
      <span class="muted">(&amp;#xf077;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf078</i>
      fa-chevron-down
      <span class="muted">(&amp;#xf078;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf079</i>
      fa-retweet
      <span class="muted">(&amp;#xf079;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf07a</i>
      fa-shopping-cart
      <span class="muted">(&amp;#xf07a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf07b</i>
      fa-folder
      <span class="muted">(&amp;#xf07b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf07c</i>
      fa-folder-open
      <span class="muted">(&amp;#xf07c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf07d</i>
      fa-arrows-v
      <span class="muted">(&amp;#xf07d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf07e</i>
      fa-arrows-h
      <span class="muted">(&amp;#xf07e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf080</i>
      fa-bar-chart-o
      <span class="muted">(&amp;#xf080;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf081</i>
      fa-twitter-square
      <span class="muted">(&amp;#xf081;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf082</i>
      fa-facebook-square
      <span class="muted">(&amp;#xf082;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf083</i>
      fa-camera-retro
      <span class="muted">(&amp;#xf083;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf084</i>
      fa-key
      <span class="muted">(&amp;#xf084;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf085</i>
      fa-cogs
      <span class="muted">(&amp;#xf085;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf086</i>
      fa-comments
      <span class="muted">(&amp;#xf086;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf087</i>
      fa-thumbs-o-up
      <span class="muted">(&amp;#xf087;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf088</i>
      fa-thumbs-o-down
      <span class="muted">(&amp;#xf088;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf089</i>
      fa-star-half
      <span class="muted">(&amp;#xf089;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf08a</i>
      fa-heart-o
      <span class="muted">(&amp;#xf08a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf08b</i>
      fa-sign-out
      <span class="muted">(&amp;#xf08b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf08c</i>
      fa-linkedin-square
      <span class="muted">(&amp;#xf08c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf08d</i>
      fa-thumb-tack
      <span class="muted">(&amp;#xf08d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf08e</i>
      fa-external-link
      <span class="muted">(&amp;#xf08e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf090</i>
      fa-sign-in
      <span class="muted">(&amp;#xf090;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf091</i>
      fa-trophy
      <span class="muted">(&amp;#xf091;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf092</i>
      fa-github-square
      <span class="muted">(&amp;#xf092;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf093</i>
      fa-upload
      <span class="muted">(&amp;#xf093;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf094</i>
      fa-lemon-o
      <span class="muted">(&amp;#xf094;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf095</i>
      fa-phone
      <span class="muted">(&amp;#xf095;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf096</i>
      fa-square-o
      <span class="muted">(&amp;#xf096;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf097</i>
      fa-bookmark-o
      <span class="muted">(&amp;#xf097;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf098</i>
      fa-phone-square
      <span class="muted">(&amp;#xf098;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf099</i>
      fa-twitter
      <span class="muted">(&amp;#xf099;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf09a</i>
      fa-facebook
      <span class="muted">(&amp;#xf09a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf09b</i>
      fa-github
      <span class="muted">(&amp;#xf09b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf09c</i>
      fa-unlock
      <span class="muted">(&amp;#xf09c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf09d</i>
      fa-credit-card
      <span class="muted">(&amp;#xf09d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf09e</i>
      fa-rss
      <span class="muted">(&amp;#xf09e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a0</i>
      fa-hdd-o
      <span class="muted">(&amp;#xf0a0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a1</i>
      fa-bullhorn
      <span class="muted">(&amp;#xf0a1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f3</i>
      fa-bell
      <span class="muted">(&amp;#xf0f3;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a3</i>
      fa-certificate
      <span class="muted">(&amp;#xf0a3;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a4</i>
      fa-hand-o-right
      <span class="muted">(&amp;#xf0a4;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a5</i>
      fa-hand-o-left
      <span class="muted">(&amp;#xf0a5;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a6</i>
      fa-hand-o-up
      <span class="muted">(&amp;#xf0a6;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a7</i>
      fa-hand-o-down
      <span class="muted">(&amp;#xf0a7;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a8</i>
      fa-arrow-circle-left
      <span class="muted">(&amp;#xf0a8;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a9</i>
      fa-arrow-circle-right
      <span class="muted">(&amp;#xf0a9;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0aa</i>
      fa-arrow-circle-up
      <span class="muted">(&amp;#xf0aa;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ab</i>
      fa-arrow-circle-down
      <span class="muted">(&amp;#xf0ab;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ac</i>
      fa-globe
      <span class="muted">(&amp;#xf0ac;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ad</i>
      fa-wrench
      <span class="muted">(&amp;#xf0ad;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ae</i>
      fa-tasks
      <span class="muted">(&amp;#xf0ae;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0b0</i>
      fa-filter
      <span class="muted">(&amp;#xf0b0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0b1</i>
      fa-briefcase
      <span class="muted">(&amp;#xf0b1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0b2</i>
      fa-arrows-alt
      <span class="muted">(&amp;#xf0b2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c0</i>
      fa-users
      <span class="muted">(&amp;#xf0c0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c1</i>
      fa-link
      <span class="muted">(&amp;#xf0c1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c2</i>
      fa-cloud
      <span class="muted">(&amp;#xf0c2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c3</i>
      fa-flask
      <span class="muted">(&amp;#xf0c3;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c4</i>
      fa-scissors
      <span class="muted">(&amp;#xf0c4;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c5</i>
      fa-files-o
      <span class="muted">(&amp;#xf0c5;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c6</i>
      fa-paperclip
      <span class="muted">(&amp;#xf0c6;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c7</i>
      fa-floppy-o
      <span class="muted">(&amp;#xf0c7;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c8</i>
      fa-square
      <span class="muted">(&amp;#xf0c8;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0c9</i>
      fa-bars
      <span class="muted">(&amp;#xf0c9;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ca</i>
      fa-list-ul
      <span class="muted">(&amp;#xf0ca;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0cb</i>
      fa-list-ol
      <span class="muted">(&amp;#xf0cb;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0cc</i>
      fa-strikethrough
      <span class="muted">(&amp;#xf0cc;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0cd</i>
      fa-underline
      <span class="muted">(&amp;#xf0cd;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ce</i>
      fa-table
      <span class="muted">(&amp;#xf0ce;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d0</i>
      fa-magic
      <span class="muted">(&amp;#xf0d0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d1</i>
      fa-truck
      <span class="muted">(&amp;#xf0d1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d2</i>
      fa-pinterest
      <span class="muted">(&amp;#xf0d2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d3</i>
      fa-pinterest-square
      <span class="muted">(&amp;#xf0d3;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d4</i>
      fa-google-plus-square
      <span class="muted">(&amp;#xf0d4;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d5</i>
      fa-google-plus
      <span class="muted">(&amp;#xf0d5;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d6</i>
      fa-money
      <span class="muted">(&amp;#xf0d6;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d7</i>
      fa-caret-down
      <span class="muted">(&amp;#xf0d7;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d8</i>
      fa-caret-up
      <span class="muted">(&amp;#xf0d8;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0d9</i>
      fa-caret-left
      <span class="muted">(&amp;#xf0d9;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0da</i>
      fa-caret-right
      <span class="muted">(&amp;#xf0da;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0db</i>
      fa-columns
      <span class="muted">(&amp;#xf0db;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0dc</i>
      fa-sort
      <span class="muted">(&amp;#xf0dc;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0dd</i>
      fa-sort-asc
      <span class="muted">(&amp;#xf0dd;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0de</i>
      fa-sort-desc
      <span class="muted">(&amp;#xf0de;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e0</i>
      fa-envelope
      <span class="muted">(&amp;#xf0e0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e1</i>
      fa-linkedin
      <span class="muted">(&amp;#xf0e1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e2</i>
      fa-undo
      <span class="muted">(&amp;#xf0e2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e3</i>
      fa-gavel
      <span class="muted">(&amp;#xf0e3;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e4</i>
      fa-tachometer
      <span class="muted">(&amp;#xf0e4;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e5</i>
      fa-comment-o
      <span class="muted">(&amp;#xf0e5;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e6</i>
      fa-comments-o
      <span class="muted">(&amp;#xf0e6;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e7</i>
      fa-bolt
      <span class="muted">(&amp;#xf0e7;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e8</i>
      fa-sitemap
      <span class="muted">(&amp;#xf0e8;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0e9</i>
      fa-umbrella
      <span class="muted">(&amp;#xf0e9;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ea</i>
      fa-clipboard
      <span class="muted">(&amp;#xf0ea;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0eb</i>
      fa-lightbulb-o
      <span class="muted">(&amp;#xf0eb;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ec</i>
      fa-exchange
      <span class="muted">(&amp;#xf0ec;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ed</i>
      fa-cloud-download
      <span class="muted">(&amp;#xf0ed;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0ee</i>
      fa-cloud-upload
      <span class="muted">(&amp;#xf0ee;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f0</i>
      fa-user-md
      <span class="muted">(&amp;#xf0f0;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f1</i>
      fa-stethoscope
      <span class="muted">(&amp;#xf0f1;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f2</i>
      fa-suitcase
      <span class="muted">(&amp;#xf0f2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0a2</i>
      fa-bell-o
      <span class="muted">(&amp;#xf0a2;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f4</i>
      fa-coffee
      <span class="muted">(&amp;#xf0f4;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f5</i>
      fa-cutlery
      <span class="muted">(&amp;#xf0f5;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f6</i>
      fa-file-text-o
      <span class="muted">(&amp;#xf0f6;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f7</i>
      fa-building-o
      <span class="muted">(&amp;#xf0f7;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f8</i>
      fa-hospital-o
      <span class="muted">(&amp;#xf0f8;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0f9</i>
      fa-ambulance
      <span class="muted">(&amp;#xf0f9;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0fa</i>
      fa-medkit
      <span class="muted">(&amp;#xf0fa;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0fb</i>
      fa-fighter-jet
      <span class="muted">(&amp;#xf0fb;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0fc</i>
      fa-beer
      <span class="muted">(&amp;#xf0fc;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0fd</i>
      fa-h-square
      <span class="muted">(&amp;#xf0fd;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf0fe</i>
      fa-plus-square
      <span class="muted">(&amp;#xf0fe;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf100</i>
      fa-angle-double-left
      <span class="muted">(&amp;#xf100;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf101</i>
      fa-angle-double-right
      <span class="muted">(&amp;#xf101;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf102</i>
      fa-angle-double-up
      <span class="muted">(&amp;#xf102;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf103</i>
      fa-angle-double-down
      <span class="muted">(&amp;#xf103;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf104</i>
      fa-angle-left
      <span class="muted">(&amp;#xf104;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf105</i>
      fa-angle-right
      <span class="muted">(&amp;#xf105;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf106</i>
      fa-angle-up
      <span class="muted">(&amp;#xf106;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf107</i>
      fa-angle-down
      <span class="muted">(&amp;#xf107;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf108</i>
      fa-desktop
      <span class="muted">(&amp;#xf108;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf109</i>
      fa-laptop
      <span class="muted">(&amp;#xf109;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf10a</i>
      fa-tablet
      <span class="muted">(&amp;#xf10a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf10b</i>
      fa-mobile
      <span class="muted">(&amp;#xf10b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf10c</i>
      fa-circle-o
      <span class="muted">(&amp;#xf10c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf10d</i>
      fa-quote-left
      <span class="muted">(&amp;#xf10d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf10e</i>
      fa-quote-right
      <span class="muted">(&amp;#xf10e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf110</i>
      fa-spinner
      <span class="muted">(&amp;#xf110;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf111</i>
      fa-circle
      <span class="muted">(&amp;#xf111;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf112</i>
      fa-reply
      <span class="muted">(&amp;#xf112;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf113</i>
      fa-github-alt
      <span class="muted">(&amp;#xf113;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf114</i>
      fa-folder-o
      <span class="muted">(&amp;#xf114;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf115</i>
      fa-folder-open-o
      <span class="muted">(&amp;#xf115;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf118</i>
      fa-smile-o
      <span class="muted">(&amp;#xf118;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf119</i>
      fa-frown-o
      <span class="muted">(&amp;#xf119;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf11a</i>
      fa-meh-o
      <span class="muted">(&amp;#xf11a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf11b</i>
      fa-gamepad
      <span class="muted">(&amp;#xf11b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf11c</i>
      fa-keyboard-o
      <span class="muted">(&amp;#xf11c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf11d</i>
      fa-flag-o
      <span class="muted">(&amp;#xf11d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf11e</i>
      fa-flag-checkered
      <span class="muted">(&amp;#xf11e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf120</i>
      fa-terminal
      <span class="muted">(&amp;#xf120;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf121</i>
      fa-code
      <span class="muted">(&amp;#xf121;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf122</i>
      fa-reply-all
      <span class="muted">(&amp;#xf122;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf122</i>
      fa-mail-reply-all
      <span class="muted">(&amp;#xf122;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf123</i>
      fa-star-half-o
      <span class="muted">(&amp;#xf123;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf124</i>
      fa-location-arrow
      <span class="muted">(&amp;#xf124;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf125</i>
      fa-crop
      <span class="muted">(&amp;#xf125;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf126</i>
      fa-code-fork
      <span class="muted">(&amp;#xf126;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf127</i>
      fa-chain-broken
      <span class="muted">(&amp;#xf127;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf128</i>
      fa-question
      <span class="muted">(&amp;#xf128;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf129</i>
      fa-info
      <span class="muted">(&amp;#xf129;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf12a</i>
      fa-exclamation
      <span class="muted">(&amp;#xf12a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf12b</i>
      fa-superscript
      <span class="muted">(&amp;#xf12b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf12c</i>
      fa-subscript
      <span class="muted">(&amp;#xf12c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf12d</i>
      fa-eraser
      <span class="muted">(&amp;#xf12d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf12e</i>
      fa-puzzle-piece
      <span class="muted">(&amp;#xf12e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf130</i>
      fa-microphone
      <span class="muted">(&amp;#xf130;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf131</i>
      fa-microphone-slash
      <span class="muted">(&amp;#xf131;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf132</i>
      fa-shield
      <span class="muted">(&amp;#xf132;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf133</i>
      fa-calendar-o
      <span class="muted">(&amp;#xf133;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf134</i>
      fa-fire-extinguisher
      <span class="muted">(&amp;#xf134;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf135</i>
      fa-rocket
      <span class="muted">(&amp;#xf135;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf136</i>
      fa-maxcdn
      <span class="muted">(&amp;#xf136;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf137</i>
      fa-chevron-circle-left
      <span class="muted">(&amp;#xf137;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf138</i>
      fa-chevron-circle-right
      <span class="muted">(&amp;#xf138;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf139</i>
      fa-chevron-circle-up
      <span class="muted">(&amp;#xf139;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf13a</i>
      fa-chevron-circle-down
      <span class="muted">(&amp;#xf13a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf13b</i>
      fa-html5
      <span class="muted">(&amp;#xf13b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf13c</i>
      fa-css3
      <span class="muted">(&amp;#xf13c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf13d</i>
      fa-anchor
      <span class="muted">(&amp;#xf13d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf13e</i>
      fa-unlock-alt
      <span class="muted">(&amp;#xf13e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf140</i>
      fa-bullseye
      <span class="muted">(&amp;#xf140;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf141</i>
      fa-ellipsis-h
      <span class="muted">(&amp;#xf141;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf142</i>
      fa-ellipsis-v
      <span class="muted">(&amp;#xf142;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf143</i>
      fa-rss-square
      <span class="muted">(&amp;#xf143;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf144</i>
      fa-play-circle
      <span class="muted">(&amp;#xf144;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf145</i>
      fa-ticket
      <span class="muted">(&amp;#xf145;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf146</i>
      fa-minus-square
      <span class="muted">(&amp;#xf146;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf147</i>
      fa-minus-square-o
      <span class="muted">(&amp;#xf147;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf148</i>
      fa-level-up
      <span class="muted">(&amp;#xf148;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf149</i>
      fa-level-down
      <span class="muted">(&amp;#xf149;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf14a</i>
      fa-check-square
      <span class="muted">(&amp;#xf14a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf14b</i>
      fa-pencil-square
      <span class="muted">(&amp;#xf14b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf14c</i>
      fa-external-link-square
      <span class="muted">(&amp;#xf14c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf14d</i>
      fa-share-square
      <span class="muted">(&amp;#xf14d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf14e</i>
      fa-compass
      <span class="muted">(&amp;#xf14e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf150</i>
      fa-caret-square-o-down
      <span class="muted">(&amp;#xf150;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf151</i>
      fa-caret-square-o-up
      <span class="muted">(&amp;#xf151;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf152</i>
      fa-caret-square-o-right
      <span class="muted">(&amp;#xf152;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf153</i>
      fa-eur
      <span class="muted">(&amp;#xf153;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf154</i>
      fa-gbp
      <span class="muted">(&amp;#xf154;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf155</i>
      fa-usd
      <span class="muted">(&amp;#xf155;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf156</i>
      fa-inr
      <span class="muted">(&amp;#xf156;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf157</i>
      fa-jpy
      <span class="muted">(&amp;#xf157;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf158</i>
      fa-rub
      <span class="muted">(&amp;#xf158;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf159</i>
      fa-krw
      <span class="muted">(&amp;#xf159;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf15a</i>
      fa-btc
      <span class="muted">(&amp;#xf15a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf15b</i>
      fa-file
      <span class="muted">(&amp;#xf15b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf15c</i>
      fa-file-text
      <span class="muted">(&amp;#xf15c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf15d</i>
      fa-sort-alpha-asc
      <span class="muted">(&amp;#xf15d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf15e</i>
      fa-sort-alpha-desc
      <span class="muted">(&amp;#xf15e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf160</i>
      fa-sort-amount-asc
      <span class="muted">(&amp;#xf160;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf161</i>
      fa-sort-amount-desc
      <span class="muted">(&amp;#xf161;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf162</i>
      fa-sort-numeric-asc
      <span class="muted">(&amp;#xf162;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf163</i>
      fa-sort-numeric-desc
      <span class="muted">(&amp;#xf163;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf164</i>
      fa-thumbs-up
      <span class="muted">(&amp;#xf164;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf165</i>
      fa-thumbs-down
      <span class="muted">(&amp;#xf165;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf166</i>
      fa-youtube-square
      <span class="muted">(&amp;#xf166;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf167</i>
      fa-youtube
      <span class="muted">(&amp;#xf167;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf168</i>
      fa-xing
      <span class="muted">(&amp;#xf168;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf169</i>
      fa-xing-square
      <span class="muted">(&amp;#xf169;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf16a</i>
      fa-youtube-play
      <span class="muted">(&amp;#xf16a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf16b</i>
      fa-dropbox
      <span class="muted">(&amp;#xf16b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf16c</i>
      fa-stack-overflow
      <span class="muted">(&amp;#xf16c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf16d</i>
      fa-instagram
      <span class="muted">(&amp;#xf16d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf16e</i>
      fa-flickr
      <span class="muted">(&amp;#xf16e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf170</i>
      fa-adn
      <span class="muted">(&amp;#xf170;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf171</i>
      fa-bitbucket
      <span class="muted">(&amp;#xf171;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf172</i>
      fa-bitbucket-square
      <span class="muted">(&amp;#xf172;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf173</i>
      fa-tumblr
      <span class="muted">(&amp;#xf173;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf174</i>
      fa-tumblr-square
      <span class="muted">(&amp;#xf174;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf175</i>
      fa-long-arrow-down
      <span class="muted">(&amp;#xf175;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf176</i>
      fa-long-arrow-up
      <span class="muted">(&amp;#xf176;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf177</i>
      fa-long-arrow-left
      <span class="muted">(&amp;#xf177;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf178</i>
      fa-long-arrow-right
      <span class="muted">(&amp;#xf178;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf179</i>
      fa-apple
      <span class="muted">(&amp;#xf179;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf17a</i>
      fa-windows
      <span class="muted">(&amp;#xf17a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf17b</i>
      fa-android
      <span class="muted">(&amp;#xf17b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf17c</i>
      fa-linux
      <span class="muted">(&amp;#xf17c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf17d</i>
      fa-dribbble
      <span class="muted">(&amp;#xf17d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf17e</i>
      fa-skype
      <span class="muted">(&amp;#xf17e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf180</i>
      fa-foursquare
      <span class="muted">(&amp;#xf180;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf181</i>
      fa-trello
      <span class="muted">(&amp;#xf181;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf182</i>
      fa-female
      <span class="muted">(&amp;#xf182;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf183</i>
      fa-male
      <span class="muted">(&amp;#xf183;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf184</i>
      fa-gittip
      <span class="muted">(&amp;#xf184;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf185</i>
      fa-sun-o
      <span class="muted">(&amp;#xf185;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf186</i>
      fa-moon-o
      <span class="muted">(&amp;#xf186;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf187</i>
      fa-archive
      <span class="muted">(&amp;#xf187;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf188</i>
      fa-bug
      <span class="muted">(&amp;#xf188;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf189</i>
      fa-vk
      <span class="muted">(&amp;#xf189;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf18a</i>
      fa-weibo
      <span class="muted">(&amp;#xf18a;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf18b</i>
      fa-renren
      <span class="muted">(&amp;#xf18b;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf18c</i>
      fa-pagelines
      <span class="muted">(&amp;#xf18c;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf18d</i>
      fa-stack-exchange
      <span class="muted">(&amp;#xf18d;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf18e</i>
      fa-arrow-circle-o-right
      <span class="muted">(&amp;#xf18e;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf190</i>
      fa-arrow-circle-o-left
      <span class="muted">(&amp;#xf190;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf191</i>
      fa-caret-square-o-left
      <span class="muted">(&amp;#xf191;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf192</i>
      fa-dot-circle-o
      <span class="muted">(&amp;#xf192;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf193</i>
      fa-wheelchair
      <span class="muted">(&amp;#xf193;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf194</i>
      fa-vimeo-square
      <span class="muted">(&amp;#xf194;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf195</i>
      fa-try
      <span class="muted">(&amp;#xf195;)</span>
    </div>
    
    <div class="col-md-4 col-sm-6 col-lg-3">
      <i class="fa fa-fw">&#xf196</i>
      fa-plus-square-o
      <span class="muted">(&amp;#xf196;)</span>
    </div>
    
  </div>
</div>

</div>
<footer id="footer" class="footer hidden-print">
  <div class="container text-center">
    <div>
      <i class="fa fa-flag"></i> Font Awesome 4.0.3
      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
      Created by <a href="http://twitter.com/davegandy">Dave Gandy</a>
    </div>
    <div>
      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
    </div>
    <div>
      Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
    </div>
    <div class="project">
      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> &middot;
      <a href="../3.2.1">Old 3.2.1 Docs</a>
    </div>
  </div>
</footer>


<script src="http://platform.twitter.com/widgets.js"></script>
<script src="../assets/js/jquery-1.10.2.min.js"></script>
<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
<script src="../assets/js/site.js"></script>

</body>
</html>