Font-Awesome/build/_includes/icons/directional.html

<section id="icons-directional" class="row">
  <div class="span12">
    <h2 class="page-header">Directional Icons</h2>
  </div>
  <div class="span3">
    <ul class="the-icons">
      <li><a href="{{ page.relative_path }}icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></li>
      <li><a href="{{ page.relative_path }}icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></li>
      <li><a href="{{ page.relative_path }}icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></li>
      <li><a href="{{ page.relative_path }}icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></li>
      <li><a href="{{ page.relative_path }}icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></li>
      <li><a href="{{ page.relative_path }}icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></li>
      <li><a href="{{ page.relative_path }}icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></li>
      <li><a href="{{ page.relative_path }}icon/arrow-up"><i class="icon-arrow-up"></i> icon-arrow-up</a></li>
    </ul>
  </div>
  <div class="span3">
    <ul class="the-icons">
      <li><a href="{{ page.relative_path }}icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></li>
      <li><a href="{{ page.relative_path }}icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></li>
      <li><a href="{{ page.relative_path }}icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></li>
      <li><a href="{{ page.relative_path }}icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-up"><i class="icon-chevron-up"></i> icon-chevron-up</a></li>
    </ul>
  </div>
  <div class="span3">
    <ul class="the-icons">
      <li><a href="{{ page.relative_path }}icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></li>
      <li><a href="{{ page.relative_path }}icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></li>
      <li><a href="{{ page.relative_path }}icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></li>
      <li><a href="{{ page.relative_path }}icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></li>
      <li><a href="{{ page.relative_path }}icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></li>
      <li><a href="{{ page.relative_path }}icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></li>
    </ul>
  </div>
  <div class="span3">
    <ul class="the-icons">
      <li><a href="{{ page.relative_path }}icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></li>
      <li><a href="{{ page.relative_path }}icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></li>
      <li><a href="{{ page.relative_path }}icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></li>
      <li><a href="{{ page.relative_path }}icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></li>
      <li><a href="{{ page.relative_path }}icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></li>
      <li><a href="{{ page.relative_path }}icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></li>
      <li><a href="{{ page.relative_path }}icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></li>
      <li><a href="{{ page.relative_path }}icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</a></li>
    </ul>
  </div>
</section>