anheledir.NET

README: This page is probably a useful reference to see gaps in the theme's styling. If you see an unstyled element here, it will probably need to be styled by you to look half decent.

<br>This Markup has been adapted from the HTML5UP Massively theme elements page using Markdown Extra and Font Awesome 4.0.3.

Text

This is <b>bold</b> and this is strong. This is <i>italic</i> and this is emphasized.
This is ^superscript text and this is _subscript text.
This is <u>underlined</u> and this is code: for (;;) { ... }.
Finally, this is a link.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

<header markdown="1">

Heading with a Subtitle

Lorem ipsum dolor sit amet nullam id egestas urna aliquam
</header>

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

<header markdown="1">

Heading with a Subtitle

Lorem ipsum dolor sit amet nullam id egestas urna aliquam
</header>

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

<header markdown="1">

Heading with a Subtitle

Lorem ipsum dolor sit amet nullam id egestas urna aliquam
</header>

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

<!-- Lists -->

Lists

<div class="row">
<div class="6u 12u$(small)" markdown="1">

Unordered

• Dolor pulvinar etiam etiam. Dolor pulvinar etiam etiam. Felis enim dolore viverra. Sagittis adipiscing eleifend.
  • Felis enim dolore viverra. Dolor pulvinar etiam.
  • pulvinar etiam etiam. Sagittis adipiscing eleifend.
    • Felis enim dolore viverra. Dolor pulvinar etiam.
    • pulvinar etiam etiam. Sagittis adipiscing eleifend.
  • Felis enim dolore viverra.
• Sagittis adipiscing eleifend. Felis enim dolore viverra. Dolor pulvinar etiam etiam.
• Felis enim dolore viverra. Sagittis adipiscing eleifend. Felis enim dolore viverra. Dolor pulvinar etiam etiam.

• Dolor pulvinar etiam etiam. Sagittis adipiscing eleifend. Dolor pulvinar etiam etiam. Felis enim dolore viverra.

  </div>

  <div class="6u$ 12u$(small)" markdown="1">

  Ordered

  1. Dolor pulvinar etiam. Felis enim feugiat magna. Etiam vel felis nullam.
  2. Etiam vel felis at viverra. Sagittis adipiscing eleifend. Dolor pulvinar etiam etiam. Felis enim feugiat magna.
  3. Felis enim dolore viverra. Dolor pulvinar etiam.
  4. pulvinar etiam etiam. Sagittis adipiscing eleifend.
     1. Felis enim dolore viverra. Dolor pulvinar etiam.
     2. pulvinar etiam etiam. Sagittis adipiscing eleifend.
  5. Felis enim dolore viverra.
  6. Felis enim feugiat magna. Etiam vel felis nullam. Felis enim feugiat magna. Sagittis adipiscing eleifend.
  7. Etiam vel felis nullam. Felis enim feugiat magna. Dolor pulvinar etiam etiam.
  8. Sagittis adipiscing eleifend. Felis enim et tempus. Dolor pulvinar etiam etiam.

  </div>
  </div>

Unordered .alt

<div class="alt" markdown="1">

• Dolor pulvinar etiam etiam. Dolor pulvinar etiam etiam. Felis enim dolore viverra. Sagittis adipiscing eleifend.
  • Felis enim dolore viverra. Dolor pulvinar etiam.
  • pulvinar etiam etiam. Sagittis adipiscing eleifend.
  • Felis enim dolore viverra.
    • pulvinar etiam etiam. Sagittis adipiscing eleifend.
    • Felis enim dolore viverra.
  • pulvinar etiam etiam. Sagittis adipiscing eleifend.
    </div>

Definition

Item 1

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.

Item 2

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.

Item 3

Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.

.button

<ul class="actions">
<li><a href="#" class="button special">Special</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions small">
<li><a href="#" class="button special small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<div class="row">
<div class="6u 12u$(small)">
<ul class="actions vertical">
<li><a href="#" class="button special">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
</div>
<div class="6u 12u$(small)">
<ul class="actions vertical small">
<li><a href="#" class="button special small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="6u 12u$(small)">
<ul class="actions vertical">
<li><a href="#" class="button special fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li>
</ul>
</div>
<div class="6u$ 12u$(small)">
<ul class="actions vertical small">
<li><a href="#" class="button special small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li>
</ul>
</div>
</div>

.actions .button-secondary

<ul class="actions">
<li><a href="#" class="button button-secondary special">Special</a></li>
<li><a href="#" class="button button-secondary">Default</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button button-secondary special big">Big</a></li>
<li><a href="#" class="button button-secondary">Default</a></li>
<li><a href="#" class="button button-secondary small">Small</a></li>
</ul>
<ul class="actions fit">
<li><a href="#" class="button button-secondary special fit">Fit</a></li>
<li><a href="#" class="button button-secondary fit">Fit</a></li>
</ul>
<ul class="actions fit small">
<li><a href="#" class="button button-secondary special fit small">Fit + Small</a></li>
<li><a href="#" class="button button-secondary fit small">Fit + Small</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button button-secondary special icon fa-search">Icon</a></li>
<li><a href="#" class="button button-secondary icon fa-download">Icon</a></li>
</ul>
<ul class="actions">
<li><span class="button button-secondary special disabled">Special</span></li>
<li><span class="button button-secondary disabled">Default</span></li>
</ul>

<!-- Blockquote -->

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.

Table

Default

<!-- damn, there's no Markdown Extra for the <tfoot> element, so good ol' HTML here for the table -->
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item 1</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item 2</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item 3</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item 4</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item 5</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>

Alternate

<div class="table-wrapper">
<table class="alt">
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item 1</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item 2</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item 3</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item 4</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item 5</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>

Form

<form method="post" action="#" class="alt">
<div class="row uniform">
<div class="6u 12u$(xsmall)">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
</div>
<div class="6u$ 12u$(xsmall)">
<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
</div>
<!-- Break -->
<div class="12u$">
<div class="select-wrapper">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
</div>
<!-- Break -->
<div class="4u 12u$(small)">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="4u 12u$(small)">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal</label>
</div>
<div class="4u$ 12u$(small)">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<!-- Break -->
<div class="6u 12u$(small)">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="6u$ 12u$(small)">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">I am a human</label>
</div>
<!-- Break -->
<div class="12u$">
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<!-- Break -->
<div class="12u$">
<ul class="actions">
<li><input type="submit" value="Send Message" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>

Image

Fit

<span class="image fit"></span>

<div class="box alt">
<div class="row 50% uniform">
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u$" markdown="1"><span class="image fit"></span></div>
<!-- Break -->
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u$" markdown="1"><span class="image fit"></span></div>
<!-- Break -->
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u" markdown="1"><span class="image fit"></span></div>
<div class="4u$" markdown="1"><span class="image fit"></span></div>
</div>
</div>

Left & Right

<span class="image left"></span>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis.

<span class="image right"></span>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis.

Box

<div class="box" markdown="1">

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis volutpat lorem ipsum dolor.

</div>

Preformatted

i = 0; while (!deck.isInOrder()) { print 'Iteration ' + i; deck.shuffle(); i++; } print 'It took ' + i + ' iterations to sort the deck.';

<div class="row">
<div class="6u$ 12u$(small)" markdown="1">

Icons

<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>

</div>

<div class="6u$ 12u$(small)" markdown="1">

Alternate

<ul class="icons alt">
<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon alt fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon alt fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>

</div>
</div>

<div class="row">
<div class="12u$" markdown="1">

Icon Overview

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

</div>
</div>