118 files changed, 3746 insertions, 1659 deletions

diff --git a/.gitignore b/.gitignore
index 51d8053d8..31c9b0cc6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@
 .coverage

 .DS_Store

 .installed.cfg

+_gh_pages/*

 

 .idea/*

 .svn/*

@@ -15,14 +16,13 @@ src/website/static/*
 src/website/media/*

 

 bin

-build

 cfcache

 develop-eggs

 dist

 downloads

 eggs

 parts

-tmp
+tmp

 .sass-cache

 

 src/website/settingslocal.py

diff --git a/_config.yml b/_config.yml
new file mode 100644
index 000000000..0c1b057b9
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,40 @@
+safe:             false
+auto:             true
+server:           true
+server_port:      7998
+baseurl:          /Font-Awesome/
+url:              http://localhost:7998
+
+source:           build
+destination:      _gh_pages
+plugins:          build/_plugins
+
+icon_meta:        build/icons.yml
+icon_layout:      icon.html    # Relative to _layouts directory
+icon_destination: icon         # Relative to destination
+
+font-awesome:
+  version:        3.1.0
+  url:            http://fortawesome.github.com/Font-Awesome/
+  author:
+    name:         Dave Gandy
+    email:        dave@davegandy.com
+  github:
+    url:          https://github.com/FortAwesome/Font-Awesome
+    project:      Font-Awesome
+    org:          FortAwesome
+
+bootstrap:
+  version:        2.3.1
+  url:            http://getbootstrap.com
+
+license:
+  font:
+    version:      SIL OFL 1.1
+    url:          http://scripts.sil.org/OFL
+  code:
+    version:      MIT License
+    url:          http://opensource.org/licenses/mit-license.html
+  documentation:
+    version:      CC BY 3.0
+    url:          http://creativecommons.org/licenses/by/3.0/
diff --git a/build/_includes/ads/carbon-dark-vertical.html b/build/_includes/ads/carbon-dark-vertical.html
new file mode 100644
index 000000000..15804e73a
--- /dev/null
+++ b/build/_includes/ads/carbon-dark-vertical.html
@@ -0,0 +1 @@
+<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERTDARK"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
diff --git a/build/_includes/ads/carbon-light-horizontal.html b/build/_includes/ads/carbon-light-horizontal.html
new file mode 100644
index 000000000..8dcfb61b6
--- /dev/null
+++ b/build/_includes/ads/carbon-light-horizontal.html
@@ -0,0 +1 @@
+<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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>
diff --git a/build/_includes/contribute.html b/build/_includes/contribute.html
new file mode 100644
index 000000000..9906c3868
--- /dev/null
+++ b/build/_includes/contribute.html
@@ -0,0 +1,38 @@
+<section id="contribute">
+  <h2 class="page-header">Contribute Icons to Font Awesome</h2>
+  <div class="row">
+    <div class="span3">
+      <img class="img-rounded" src="assets/img/contribution-sample.png">
+    </div>
+    <div class="span9">
+      <p class="lead">
+        Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing
+        new pictograms for the set.
+      </p>
+      <p>
+        If selected, you'll retain the CC-BY license to your pictogram and get attribution
+        right here on the Font Awesome site.
+      </p>
+      <h3>How to Submit New Icons</h3>
+      <ol>
+        <li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li>
+        <li>
+          Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the
+          max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide.
+        </li>
+        <li>
+          Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do
+          this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too.
+          Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea
+          of how it will render in the font.
+        </li>
+        <li>
+          Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to
+          use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> and attach your PDF file. If your
+          icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd
+          like to use for attribution.
+        </li>
+      </ol>
+    </div>
+  </div>
+</section>
diff --git a/build/_includes/examples.html b/build/_includes/examples.html
new file mode 100644
index 000000000..156e908e9
--- /dev/null
+++ b/build/_includes/examples.html
@@ -0,0 +1,443 @@
+<section id="examples">
+<h2 class="page-header">Examples</h2>
+<p>Many examples re-used from the Twitter Bootstrap documentation.</p>
+<div class="row">
+  <div class="span4">
+    <div class="well well-transparent">
+      <p>Use Font Awesome icons in:</p>
+      <ul class="icons">
+        <li><i class="icon-ok"></i>Bulleted lists (like this one)</li>
+        <li><i class="icon-ok"></i>Buttons</li>
+        <li><i class="icon-ok"></i>Button groups</li>
+        <li><i class="icon-ok"></i>Navigation</li>
+        <li><i class="icon-ok"></i>Prepended form inputs</li>
+        <li><i class="icon-ok"></i>And many more with Custom CSS</li>
+      </ul>
+    </div>
+  </div>
+  <div class="span4">
+    <p>
+      <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a>
+      <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a>
+      <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a>
+    </p>
+    <p>
+      <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a>
+      <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a>
+      <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a>
+    </p>
+    <div class="well" style="padding: 8px 0;">
+      <ul class="nav nav-list">
+        <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
+        <li><a href="#"><i class="icon-book"></i> Library</a></li>
+        <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
+        <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="span4">
+    <div class="btn-toolbar">
+      <div class="btn-group">
+        <a class="btn" href="#"><i class="icon-align-left"></i></a>
+        <a class="btn" href="#"><i class="icon-align-center"></i></a>
+        <a class="btn" href="#"><i class="icon-align-right"></i></a>
+        <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+      </div>
+      <div class="btn-group">
+        <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
+        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a>
+        <ul class="dropdown-menu">
+          <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+          <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+          <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+          <li class="divider"></li>
+          <li><a href="#"><i class="i"></i> Make admin</a></li>
+        </ul>
+      </div>
+    </div>
+    <form>
+      <div class="control-group">
+        <div class="controls">
+          <div class="input-prepend">
+            <span class="add-on"><i class="icon-envelope"></i></span>
+            <input class="span2" id="inputIcon" type="text" placeholder="Email address">
+          </div>
+        </div>
+      </div>
+      <div class="control-group">
+        <div class="controls">
+          <div class="input-prepend">
+            <span class="add-on"><i class="icon-key"></i></span>
+            <input class="span2" id="inputIcon2" type="text" placeholder="Password">
+          </div>
+        </div>
+      </div>
+    </form>
+    <div>
+        <span class="rating">
+          <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
+        </span>
+    </div>
+  </div>
+</div>
+
+<h3 class="page-header">New Styles in 3.0</h3>
+<div class="row">
+  <div class="span4">
+    <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+    Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+    Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
+  </div>
+  <div class="span4">
+    <div class="well well-large well-transparent lead">
+      <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content...
+    </div>
+  </div>
+  <div class="span4">
+    <p>
+      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a>
+    </p>
+    <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
+  </div>
+</div>
+
+<h3 class="page-header">Example HTML</h3>
+<div class="row">
+  <div class="span12">
+    <h4>Inline Icons</h4>
+  </div>
+  <div class="span3">
+    <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
+  </div>
+  <div class="span9">
+    <div class="well well-transparent">
+      <div style="font-size: 24px; line-height: 1.5em;">
+        <i class="icon-camera-retro"></i> icon-camera-retro
+      </div>
+    </div>
+<pre class="prettyprint linenums">
+&lt;i class="icon-camera-retro"&gt;&lt;/i&gt; icon-camera-retro
+</pre>
+    <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Larger Icons</h4>
+  </div>
+  <div class="span3">
+    <p>
+      To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
+      <code>icon-3x</code>, or <code>icon-4x</code>.
+    </p>
+  </div>
+  <div class="span9">
+    <p>
+      Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
+      <code>icon-3x</code>, or <code>icon-4x</code> classes.
+    </p>
+    <div class="well well-transparent">
+      <div style="font-size: 24px; line-height: 1.5em;">
+        <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
+        <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
+        <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
+        <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
+      </div>
+    </div>
+<pre class="prettyprint linenums">
+&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-large&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
+&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-2x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
+&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-3x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
+&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-4x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
+</pre>
+    <div class="alert alert-info">
+      <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
+      sufficient line-height.
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Animated Spinner</h4>
+  </div>
+  <div class="span3">
+    <p>
+      Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and
+      <code>icon-refresh</code>.
+    </p>
+  </div>
+  <div class="span9">
+    <div class="well well-large well-transparent lead">
+      <i class="icon-spinner icon-spin"></i> Spinner icon when loading content...
+    </div>
+<pre class="prettyprint linenums">
+&lt;i class=&quot;icon-spinner icon-spin&quot;&gt;&lt;/i&gt; Spinner icon when loading content...
+</pre>
+    <p class="alert alert-info">
+      <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
+    </p>
+  </div>
+</div>
+<div class="row">
+  <div class="span3">
+
+  </div>
+  <div class="span9">
+
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Bordered & Pulled Icons</h4>
+  </div>
+  <div class="span3">
+    <p>
+      Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
+      article graphics.
+    </p>
+  </div>
+  <div class="span9">
+    <div class="well well-large well-transparent">
+      <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+      of them in any combination to get lots of new possibilities.
+    </div>
+<pre class="prettyprint linenums">
+&lt;i class=&quot;icon-quote-left icon-4x pull-left icon-muted&quot;&gt;&lt;/i&gt;
+Use a few of the new styles together ... lots of new possibilities.
+</pre>
+    <div class="well well-large well-transparent">
+      <i class="icon-flag icon-4x pull-left icon-border"></i>
+      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+      of them in any combination to get lots of new possibilities.
+    </div>
+<pre class="prettyprint linenums">
+&lt;i class=&quot;icon-flag icon-4x pull-left icon-border&quot;&gt;&lt;/i&gt;
+Use a few of the new styles together ... lots of new possibilities.
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Buttons</h4>
+  </div>
+  <div class="span3">
+    <p>
+      <a class="btn" href="#">
+        <i class="icon-repeat"></i> Reload</a>
+      <a class="btn btn-success" href="#">
+        <i class="icon-shopping-cart icon-large"></i> Checkout</a>
+    </p>
+    <p>
+      <a class="btn btn-large btn-primary" href="#">
+        <i class="icon-comment"></i> Comment</a>
+      <a class="btn btn-small btn-info" href="#">
+        <i class="icon-info-sign"></i> Info</a>
+    </p>
+    <p>
+      <a class="btn btn-danger" href="#">
+        <i class="icon-trash icon-large"></i> Delete</a>
+      <a class="btn btn-small" href="#">
+        <i class="icon-cog"></i> Settings</a>
+    </p>
+    <p>
+      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a>
+    </p>
+    <p>
+      <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
+    </p>
+
+  </div>
+  <div class="span9">
+    <p>
+      Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
+      <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
+    </p>
+<pre class="prettyprint linenums">
+&lt;a class="btn" href="#"&gt;
+  &lt;i class="icon-repeat"&gt;&lt;/i&gt; Reload&lt;/a&gt;
+&lt;a class="btn btn-success" href="#"&gt;
+  &lt;i class="icon-shopping-cart icon-large"&gt;&lt;/i&gt; Checkout&lt;/a&gt;
+&lt;a class="btn btn-large btn-primary" href="#"&gt;
+  &lt;i class="icon-comment"&gt;&lt;/i&gt; Comment&lt;/a&gt;
+&lt;a class="btn btn-small btn-info" href="#"&gt;
+  &lt;i class="icon-info-sign"&gt;&lt;/i&gt; Info&lt;/a&gt;
+&lt;a class="btn btn-danger" href="#"&gt;
+  &lt;i class="icon-trash icon-large"&gt;&lt;/i&gt; Delete&lt;/a&gt;
+&lt;a class="btn btn-small" href="#"&gt;
+  &lt;i class="icon-cog"&gt;&lt;/i&gt; Settings&lt;/a&gt;
+&lt;a class=&quot;btn btn-large btn-danger&quot; href=&quot;#&quot;&gt;
+  &lt;i class=&quot;icon-flag icon-2x pull-left&quot;&gt;&lt;/i&gt;Font Awesome&lt;br&gt;Version 3.0&lt;/a&gt;
+&lt;a class=&quot;btn btn-primary&quot; href=&quot;#&quot;&gt;
+  &lt;i class=&quot;icon-refresh icon-spin&quot;&gt;&lt;/i&gt; Synchronizing Content...&lt;/a&gt;
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Button groups</h4>
+  </div>
+  <div class="span3">
+    <p>
+    <div class="btn-group">
+      <a class="btn" href="#"><i class="icon-align-left"></i></a>
+      <a class="btn" href="#"><i class="icon-align-center"></i></a>
+      <a class="btn" href="#"><i class="icon-align-right"></i></a>
+      <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+    </div>
+    </p>
+  </div>
+  <div class="span9">
+<pre class="prettyprint linenums">
+&lt;div class="btn-group"&gt;
+  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-left"&gt;&lt;/i&gt;&lt;/a&gt;
+  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-center"&gt;&lt;/i&gt;&lt;/a&gt;
+  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-right"&gt;&lt;/i&gt;&lt;/a&gt;
+  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-justify"&gt;&lt;/i&gt;&lt;/a&gt;
+&lt;/div&gt;
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Button dropdowns</h4>
+  </div>
+  <div class="span3">
+    <p>
+    <div class="btn-group open">
+      <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
+      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+        <span class="icon-caret-down"></span></a>
+      <ul class="dropdown-menu">
+        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+        <li class="divider"></li>
+        <li><a href="#"><i class="i"></i> Make admin</a></li>
+      </ul>
+    </div>
+  </div>
+  </p>
+  <div class="span9">
+<pre class="prettyprint linenums">
+&lt;div class="btn-group open"&gt;
+    &lt;a class="btn btn-primary" href="#"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt; User&lt;/a&gt;
+    &lt;a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"&gt;&lt;span class="icon-caret-down"&gt;&lt;/span&gt;&lt;/a&gt;
+    &lt;ul class="dropdown-menu"&gt;
+        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit&lt;/a&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-ban-circle"&gt;&lt;/i&gt; Ban&lt;/a&gt;&lt;/li&gt;
+        &lt;li class="divider"&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="i"&gt;&lt;/i&gt; Make admin&lt;/a&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
+    <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Lists</h4>
+  </div>
+  <div class="span3">
+    <p>
+    <ul class="icons">
+      <li><i class="icon-ok"></i> Lists</li>
+      <li><i class="icon-ok"></i> Buttons</li>
+      <li><i class="icon-ok"></i> Button groups</li>
+      <li><i class="icon-ok"></i> Navigation</li>
+      <li><i class="icon-ok"></i> Prepended form inputs</li>
+    </ul>
+    </p>
+  </div>
+  <div class="span9">
+    <p>Easily replace individual bullets.</p>
+<pre class="prettyprint linenums">
+&lt;ul class="icons"&gt;
+  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Lists&lt;/li&gt;
+  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Buttons&lt;/li&gt;
+  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Button groups&lt;/li&gt;
+  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Navigation&lt;/li&gt;
+  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Prepended form inputs&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Navigation</h4>
+  </div>
+  <div class="span3">
+    <div class="well" style="padding: 8px 0;">
+      <ul class="nav nav-list">
+        <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
+        <li><a href="#"><i class="icon-book"></i> Library</a></li>
+        <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
+        <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="span9">
+    <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
+<pre class="prettyprint linenums">
+&lt;ul class="nav nav-list"&gt;
+  &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-book"&gt;&lt;/i&gt; Library&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Applications&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-cogs"&gt;&lt;/i&gt; Settings&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Prepended form inputs</h4>
+  </div>
+  <div class="span3">
+    <p>
+    <form>
+      <div class="input-prepend">
+        <span class="add-on"><i class="icon-envelope"></i></span>
+        <input class="span2" type="text" placeholder="Email address">
+      </div>
+      <div class="input-prepend">
+        <span class="add-on"><i class="icon-key"></i></span>
+        <input class="span2" type="password" placeholder="Password">
+      </div>
+    </form>
+    </p>
+  </div>
+  <div class="span9">
+<pre class="prettyprint linenums">
+&lt;form&gt;
+  &lt;div class="input-prepend"&gt;
+    &lt;span class="add-on"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/span&gt;
+    &lt;input class="span2" type="text" placeholder="Email address"&gt;
+  &lt;/div&gt;
+  &lt;div class="input-prepend"&gt;
+    &lt;span class="add-on"&gt;&lt;i class="icon-key"&gt;&lt;/i&gt;&lt;/span&gt;
+    &lt;input class="span2" type="password" placeholder="Password"&gt;
+  &lt;/div&gt;
+&lt;/form&gt;
+</pre>
+  </div>
+</div>
+<div class="row">
+  <div class="span12">
+    <h4>Custom CSS</h4>
+  </div>
+  <div class="span3">
+    <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
+  </div>
+  <div class="span9">
+    <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
+    <div class="well">
+      <span class="rating">
+        <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
+      </span>
+    </div>
+  </div>
+</div>
+</section>
diff --git a/build/_includes/footer.html b/build/_includes/footer.html
new file mode 100644
index 000000000..06de03ec8
--- /dev/null
+++ b/build/_includes/footer.html
@@ -0,0 +1,21 @@
+<footer class="footer">
+  <div class="container text-center">
+    <div>
+      <i class="icon-flag"></i> Font Awesome {{ site.font-awesome.version }} &middot;
+      Created and Maintained by Dave Gandy &middot;
+      <a href="http://twitter.com/byscuits">@byscuits</a>
+    </div>
+    <div>
+      Font Awesome font licensed under <a href="{{ site.license.font.url }}">{{ site.license.font.version }}</a> &middot;
+      Code licensed under <a href="{{ site.license.code.url }}">{{ site.license.code.version }}</a> &middot;
+      Documentation licensed under <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.version }}</a>
+    </div>
+    <div>
+      Many doc examples taken from <a href="{{ site.bootstrap.url }}">Bootstrap's docs</a>
+    </div>
+    <div class="project">
+      <a href="{{ site.font-awesome.github.url }}">GitHub Project</a> &middot;
+      <a href="{{ site.font-awesome.github.url }}/issues">Issues</a>
+    </div>
+  </div>
+</footer>
diff --git a/build/_includes/icons/directional.html b/build/_includes/icons/directional.html
new file mode 100644
index 000000000..533e23881
--- /dev/null
+++ b/build/_includes/icons/directional.html
@@ -0,0 +1,51 @@
+<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="{{ site.baseurl }}icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></li>
+      <li><a href="{{ site.baseurl }}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="{{ site.baseurl }}icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></li>
+      <li><a href="{{ site.baseurl }}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="{{ site.baseurl }}icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle"><i class="icon-circle"></i> icon-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/medical.html b/build/_includes/icons/medical.html
new file mode 100644
index 000000000..763e54f4f
--- /dev/null
+++ b/build/_includes/icons/medical.html
@@ -0,0 +1,29 @@
+<section id="icons-medical" class="row">
+  <div class="span12">
+    <h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/ambulance"><i class="icon-ambulance"></i> icon-ambulance</a></li>
+      <li><a href="{{ site.baseurl }}icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/h-sign"><i class="icon-h-sign"></i> icon-h-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/hospital"><i class="icon-hospital"></i> icon-hospital</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/medkit"><i class="icon-medkit"></i> icon-medkit</a></li>
+      <li><a href="{{ site.baseurl }}icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/stethoscope"><i class="icon-stethoscope"></i> icon-stethoscope</a></li>
+      <li><a href="{{ site.baseurl }}icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/new.html b/build/_includes/icons/new.html
new file mode 100644
index 000000000..0e0dd7932
--- /dev/null
+++ b/build/_includes/icons/new.html
@@ -0,0 +1,48 @@
+<section id="icons-new" class="row">
+  <div class="span12">
+    <h2 class="page-header">New Icons in {{ site.font-awesome.version }}</h2>
+    <p>
+      You asked, Font Awesome delivers with 40 shiny new icons in version {{ site.font-awesome.version }}. New icons can be requested on the
+      <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. Or even
+      better, you can <a href="#contribute">contribute your own icons</a>.
+    </p>
+  </div>
+
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/smile"><i class="icon-smile"></i> icon-smile</a></li>
+      <li><a href="{{ site.baseurl }}icon/frown"><i class="icon-frown"></i> icon-frown</a></li>
+      <li><a href="{{ site.baseurl }}icon/meh"><i class="icon-meh"></i> icon-meh</a></li>
+      <li><a href="{{ site.baseurl }}icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></li>
+      <li><a href="{{ site.baseurl }}icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></li>
+      <li><a href="{{ site.baseurl }}icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></li>
+      <li><a href="{{ site.baseurl }}icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></li>
+      <li><a href="{{ site.baseurl }}icon/code"><i class="icon-code"></i> icon-code</a></li>
+      <li><a href="{{ site.baseurl }}icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></li>
+      <li><a href="{{ site.baseurl }}icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></li>
+      <li><a href="{{ site.baseurl }}icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></li>
+      <li><a href="{{ site.baseurl }}icon/reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></a></li>
+      <li><a href="{{ site.baseurl }}icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></li>
+      <li><a href="{{ site.baseurl }}icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></li>
+      <li><a href="{{ site.baseurl }}icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></li>
+      <li><a href="{{ site.baseurl }}icon/crop"><i class="icon-crop"></i> icon-crop</a></li>
+      <li><a href="{{ site.baseurl }}icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></li>
+      <li><a href="{{ site.baseurl }}icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></li>
+      <li><a href="{{ site.baseurl }}icon/question"><i class="icon-question"></i> icon-question</a></li>
+      <li><a href="{{ site.baseurl }}icon/info"><i class="icon-info"></i> icon-info</a></li>
+      <li><a href="{{ site.baseurl }}icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></li>
+      <li><a href="{{ site.baseurl }}icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></li>
+      <li><a href="{{ site.baseurl }}icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></li>
+      <li><a href="{{ site.baseurl }}icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li>
+      <li><a href="{{ site.baseurl }}icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></li>
+      <li><a href="{{ site.baseurl }}icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></li>
+      <li><a href="{{ site.baseurl }}icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></li>
+      <li><a href="{{ site.baseurl }}icon/shield"><i class="icon-shield"></i> icon-shield</a></li>
+      <li><a href="{{ site.baseurl }}icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></li>
+      <li><a href="{{ site.baseurl }}icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/social.html b/build/_includes/icons/social.html
new file mode 100644
index 000000000..cf2ba9cbd
--- /dev/null
+++ b/build/_includes/icons/social.html
@@ -0,0 +1,37 @@
+<section id="icons-social" class="row">
+  <div class="span12">
+    <h2 class="page-header">Social Icons</h2>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/phone"><i class="icon-phone"></i> icon-phone</a></li>
+      <li><a href="{{ site.baseurl }}icon/phone-sign"><i class="icon-phone-sign"></i> icon-phone-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/facebook"><i class="icon-facebook"></i> icon-facebook</a></li>
+      <li><a href="{{ site.baseurl }}icon/facebook-sign"><i class="icon-facebook-sign"></i> icon-facebook-sign</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/twitter"><i class="icon-twitter"></i> icon-twitter</a></li>
+      <li><a href="{{ site.baseurl }}icon/twitter-sign"><i class="icon-twitter-sign"></i> icon-twitter-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/github"><i class="icon-github"></i> icon-github</a></li>
+      <li><a href="{{ site.baseurl }}icon/github-alt"><i class="icon-github-alt"></i> icon-github-alt</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/github-sign"><i class="icon-github-sign"></i> icon-github-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/linkedin"><i class="icon-linkedin"></i> icon-linkedin</a></li>
+      <li><a href="{{ site.baseurl }}icon/linkedin-sign"><i class="icon-linkedin-sign"></i> icon-linkedin-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/pinterest"><i class="icon-pinterest"></i> icon-pinterest</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/pinterest-sign"><i class="icon-pinterest-sign"></i> icon-pinterest-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/google-plus"><i class="icon-google-plus"></i> icon-google-plus</a></li>
+      <li><a href="{{ site.baseurl }}icon/google-plus-sign"><i class="icon-google-plus-sign"></i> icon-google-plus-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/sign-blank"><i class="icon-sign-blank"></i> icon-sign-blank</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/text-editor.html b/build/_includes/icons/text-editor.html
new file mode 100644
index 000000000..33df76889
--- /dev/null
+++ b/build/_includes/icons/text-editor.html
@@ -0,0 +1,53 @@
+<section id="icons-text-editor" class="row">
+  <div class="span12">
+    <h2 class="page-header">Text Editor Icons</h2>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/file"><i class="icon-file"></i> icon-file</a></li>
+      <li><a href="{{ site.baseurl }}icon/file-alt"><i class="icon-file-alt"></i> icon-file-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/cut"><i class="icon-cut"></i> icon-cut</a></li>
+      <li><a href="{{ site.baseurl }}icon/copy"><i class="icon-copy"></i> icon-copy</a></li>
+      <li><a href="{{ site.baseurl }}icon/paste"><i class="icon-paste"></i> icon-paste</a></li>
+      <li><a href="{{ site.baseurl }}icon/save"><i class="icon-save"></i> icon-save</a></li>
+      <li><a href="{{ site.baseurl }}icon/undo"><i class="icon-undo"></i> icon-undo</a></li>
+      <li><a href="{{ site.baseurl }}icon/repeat"><i class="icon-repeat"></i> icon-repeat</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/text-height"><i class="icon-text-height"></i> icon-text-height</a></li>
+      <li><a href="{{ site.baseurl }}icon/text-width"><i class="icon-text-width"></i> icon-text-width</a></li>
+      <li><a href="{{ site.baseurl }}icon/align-left"><i class="icon-align-left"></i> icon-align-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/align-center"><i class="icon-align-center"></i> icon-align-center</a></li>
+      <li><a href="{{ site.baseurl }}icon/align-right"><i class="icon-align-right"></i> icon-align-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/align-justify"><i class="icon-align-justify"></i> icon-align-justify</a></li>
+      <li><a href="{{ site.baseurl }}icon/indent-left"><i class="icon-indent-left"></i> icon-indent-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/indent-right"><i class="icon-indent-right"></i> icon-indent-right</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/font"><i class="icon-font"></i> icon-font</a></li>
+      <li><a href="{{ site.baseurl }}icon/bold"><i class="icon-bold"></i> icon-bold</a></li>
+      <li><a href="{{ site.baseurl }}icon/italic"><i class="icon-italic"></i> icon-italic</a></li>
+      <li><a href="{{ site.baseurl }}icon/strikethrough"><i class="icon-strikethrough"></i> icon-strikethrough</a></li>
+      <li><a href="{{ site.baseurl }}icon/underline"><i class="icon-underline"></i> icon-underline</a></li>
+      <li><a href="{{ site.baseurl }}icon/link"><i class="icon-link"></i> icon-link</a></li>
+      <li><a href="{{ site.baseurl }}icon/paper-clip"><i class="icon-paper-clip"></i> icon-paper-clip</a></li>
+      <li><a href="{{ site.baseurl }}icon/columns"><i class="icon-columns"></i> icon-columns</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/table"><i class="icon-table"></i> icon-table</a></li>
+      <li><a href="{{ site.baseurl }}icon/th-large"><i class="icon-th-large"></i> icon-th-large</a></li>
+      <li><a href="{{ site.baseurl }}icon/th"><i class="icon-th"></i> icon-th</a></li>
+      <li><a href="{{ site.baseurl }}icon/th-list"><i class="icon-th-list"></i> icon-th-list</a></li>
+      <li><a href="{{ site.baseurl }}icon/list"><i class="icon-list"></i> icon-list</a></li>
+      <li><a href="{{ site.baseurl }}icon/list-ol"><i class="icon-list-ol"></i> icon-list-ol</a></li>
+      <li><a href="{{ site.baseurl }}icon/list-ul"><i class="icon-list-ul"></i> icon-list-ul</a></li>
+      <li><a href="{{ site.baseurl }}icon/list-alt"><i class="icon-list-alt"></i> icon-list-alt</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/video-player.html b/build/_includes/icons/video-player.html
new file mode 100644
index 000000000..fb3b8f455
--- /dev/null
+++ b/build/_includes/icons/video-player.html
@@ -0,0 +1,35 @@
+<section id="icons-video-player" class="row">
+  <div class="span12">
+    <h2 class="page-header">Video Player Icons</h2>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/play"><i class="icon-play"></i> icon-play</a></li>
+      <li><a href="{{ site.baseurl }}icon/pause"><i class="icon-pause"></i> icon-pause</a></li>
+      <li><a href="{{ site.baseurl }}icon/stop"><i class="icon-stop"></i> icon-stop</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></li>
+      <li><a href="{{ site.baseurl }}icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></li>
+      <li><a href="{{ site.baseurl }}icon/backward"><i class="icon-backward"></i> icon-backward</a></li>
+      <li><a href="{{ site.baseurl }}icon/forward"><i class="icon-forward"></i> icon-forward</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></li>
+      <li><a href="{{ site.baseurl }}icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></li>
+      <li><a href="{{ site.baseurl }}icon/eject"><i class="icon-eject"></i> icon-eject</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></li>
+      <li><a href="{{ site.baseurl }}icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></li>
+      <li><a href="{{ site.baseurl }}icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/icons/web-app.html b/build/_includes/icons/web-app.html
new file mode 100644
index 000000000..c068d51ca
--- /dev/null
+++ b/build/_includes/icons/web-app.html
@@ -0,0 +1,174 @@
+
+<section id="icons-web-app" class="row">
+  <div class="span12">
+    <h2 class="page-header">Web Application Icons</h2>
+  </div>
+
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/adjust"><i class="icon-adjust"></i> icon-adjust</a></li>
+      <li><a href="{{ site.baseurl }}icon/asterisk"><i class="icon-asterisk"></i> icon-asterisk</a></li>
+      <li><a href="{{ site.baseurl }}icon/ban-circle"><i class="icon-ban-circle"></i> icon-ban-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/bar-chart"><i class="icon-bar-chart"></i> icon-bar-chart</a></li>
+      <li><a href="{{ site.baseurl }}icon/barcode"><i class="icon-barcode"></i> icon-barcode</a></li>
+      <li><a href="{{ site.baseurl }}icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li>
+      <li><a href="{{ site.baseurl }}icon/beer"><i class="icon-beer"></i> icon-beer</a></li>
+      <li><a href="{{ site.baseurl }}icon/bell"><i class="icon-bell"></i> icon-bell</a></li>
+      <li><a href="{{ site.baseurl }}icon/bell-alt"><i class="icon-bell-alt"></i> icon-bell-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/bolt"><i class="icon-bolt"></i> icon-bolt</a></li>
+      <li><a href="{{ site.baseurl }}icon/book"><i class="icon-book"></i> icon-book</a></li>
+      <li><a href="{{ site.baseurl }}icon/bookmark"><i class="icon-bookmark"></i> icon-bookmark</a></li>
+      <li><a href="{{ site.baseurl }}icon/bookmark-empty"><i class="icon-bookmark-empty"></i> icon-bookmark-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/briefcase"><i class="icon-briefcase"></i> icon-briefcase</a></li>
+      <li><a href="{{ site.baseurl }}icon/bullhorn"><i class="icon-bullhorn"></i> icon-bullhorn</a></li>
+      <li><a href="{{ site.baseurl }}icon/calendar"><i class="icon-calendar"></i> icon-calendar</a></li>
+      <li><a href="{{ site.baseurl }}icon/camera"><i class="icon-camera"></i> icon-camera</a></li>
+      <li><a href="{{ site.baseurl }}icon/camera-retro"><i class="icon-camera-retro"></i> icon-camera-retro</a></li>
+      <li><a href="{{ site.baseurl }}icon/certificate"><i class="icon-certificate"></i> icon-certificate</a></li>
+      <li><a href="{{ site.baseurl }}icon/check"><i class="icon-check"></i> icon-check</a></li>
+      <li><a href="{{ site.baseurl }}icon/check-empty"><i class="icon-check-empty"></i> icon-check-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle"><i class="icon-circle"></i> icon-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></li>
+      <li><a href="{{ site.baseurl }}icon/cloud"><i class="icon-cloud"></i> icon-cloud</a></li>
+      <li><a href="{{ site.baseurl }}icon/cloud-download"><i class="icon-cloud-download"></i> icon-cloud-download</a></li>
+      <li><a href="{{ site.baseurl }}icon/cloud-upload"><i class="icon-cloud-upload"></i> icon-cloud-upload</a></li>
+      <li><a href="{{ site.baseurl }}icon/coffee"><i class="icon-coffee"></i> icon-coffee</a></li>
+      <li><a href="{{ site.baseurl }}icon/cog"><i class="icon-cog"></i> icon-cog</a></li>
+      <li><a href="{{ site.baseurl }}icon/cogs"><i class="icon-cogs"></i> icon-cogs</a></li>
+      <li><a href="{{ site.baseurl }}icon/comment"><i class="icon-comment"></i> icon-comment</a></li>
+      <li><a href="{{ site.baseurl }}icon/comment-alt"><i class="icon-comment-alt"></i> icon-comment-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/comments"><i class="icon-comments"></i> icon-comments</a></li>
+      <li><a href="{{ site.baseurl }}icon/comments-alt"><i class="icon-comments-alt"></i> icon-comments-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/credit-card"><i class="icon-credit-card"></i> icon-credit-card</a></li>
+      <li><a href="{{ site.baseurl }}icon/dashboard"><i class="icon-dashboard"></i> icon-dashboard</a></li>
+      <li><a href="{{ site.baseurl }}icon/desktop"><i class="icon-desktop"></i> icon-desktop</a></li>
+      <li><a href="{{ site.baseurl }}icon/download"><i class="icon-download"></i> icon-download</a></li>
+      <li><a href="{{ site.baseurl }}icon/download-alt"><i class="icon-download-alt"></i> icon-download-alt</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/edit"><i class="icon-edit"></i> icon-edit</a></li>
+      <li><a href="{{ site.baseurl }}icon/envelope"><i class="icon-envelope"></i> icon-envelope</a></li>
+      <li><a href="{{ site.baseurl }}icon/envelope-alt"><i class="icon-envelope-alt"></i> icon-envelope-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/exchange"><i class="icon-exchange"></i> icon-exchange</a></li>
+      <li><a href="{{ site.baseurl }}icon/exclamation-sign"><i class="icon-exclamation-sign"></i> icon-exclamation-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/external-link"><i class="icon-external-link"></i> icon-external-link</a></li>
+      <li><a href="{{ site.baseurl }}icon/eye-close"><i class="icon-eye-close"></i> icon-eye-close</a></li>
+      <li><a href="{{ site.baseurl }}icon/eye-open"><i class="icon-eye-open"></i> icon-eye-open</a></li>
+      <li><a href="{{ site.baseurl }}icon/facetime-video"><i class="icon-facetime-video"></i> icon-facetime-video</a></li>
+      <li><a href="{{ site.baseurl }}icon/fighter-jet"><i class="icon-fighter-jet"></i> icon-fighter-jet</a></li>
+      <li><a href="{{ site.baseurl }}icon/film"><i class="icon-film"></i> icon-film</a></li>
+      <li><a href="{{ site.baseurl }}icon/filter"><i class="icon-filter"></i> icon-filter</a></li>
+      <li><a href="{{ site.baseurl }}icon/fire"><i class="icon-fire"></i> icon-fire</a></li>
+      <li><a href="{{ site.baseurl }}icon/flag"><i class="icon-flag"></i> icon-flag</a></li>
+      <li><a href="{{ site.baseurl }}icon/folder-close"><i class="icon-folder-close"></i> icon-folder-close</a></li>
+      <li><a href="{{ site.baseurl }}icon/folder-open"><i class="icon-folder-open"></i> icon-folder-open</a></li>
+      <li><a href="{{ site.baseurl }}icon/folder-close-alt"><i class="icon-folder-close-alt"></i> icon-folder-close-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/folder-open-alt"><i class="icon-folder-open-alt"></i> icon-folder-open-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/food"><i class="icon-food"></i> icon-food</a></li>
+      <li><a href="{{ site.baseurl }}icon/gift"><i class="icon-gift"></i> icon-gift</a></li>
+      <li><a href="{{ site.baseurl }}icon/glass"><i class="icon-glass"></i> icon-glass</a></li>
+      <li><a href="{{ site.baseurl }}icon/globe"><i class="icon-globe"></i> icon-globe</a></li>
+      <li><a href="{{ site.baseurl }}icon/group"><i class="icon-group"></i> icon-group</a></li>
+      <li><a href="{{ site.baseurl }}icon/hdd"><i class="icon-hdd"></i> icon-hdd</a></li>
+      <li><a href="{{ site.baseurl }}icon/headphones"><i class="icon-headphones"></i> icon-headphones</a></li>
+      <li><a href="{{ site.baseurl }}icon/heart"><i class="icon-heart"></i> icon-heart</a></li>
+      <li><a href="{{ site.baseurl }}icon/heart-empty"><i class="icon-heart-empty"></i> icon-heart-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/home"><i class="icon-home"></i> icon-home</a></li>
+      <li><a href="{{ site.baseurl }}icon/inbox"><i class="icon-inbox"></i> icon-inbox</a></li>
+      <li><a href="{{ site.baseurl }}icon/info-sign"><i class="icon-info-sign"></i> icon-info-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/key"><i class="icon-key"></i> icon-key</a></li>
+      <li><a href="{{ site.baseurl }}icon/leaf"><i class="icon-leaf"></i> icon-leaf</a></li>
+      <li><a href="{{ site.baseurl }}icon/laptop"><i class="icon-laptop"></i> icon-laptop</a></li>
+      <li><a href="{{ site.baseurl }}icon/legal"><i class="icon-legal"></i> icon-legal</a></li>
+      <li><a href="{{ site.baseurl }}icon/lemon"><i class="icon-lemon"></i> icon-lemon</a></li>
+      <li><a href="{{ site.baseurl }}icon/lightbulb"><i class="icon-lightbulb"></i> icon-lightbulb</a></li>
+      <li><a href="{{ site.baseurl }}icon/lock"><i class="icon-lock"></i> icon-lock</a></li>
+      <li><a href="{{ site.baseurl }}icon/unlock"><i class="icon-unlock"></i> icon-unlock</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/magic"><i class="icon-magic"></i> icon-magic</a></li>
+      <li><a href="{{ site.baseurl }}icon/magnet"><i class="icon-magnet"></i> icon-magnet</a></li>
+      <li><a href="{{ site.baseurl }}icon/map-marker"><i class="icon-map-marker"></i> icon-map-marker</a></li>
+      <li><a href="{{ site.baseurl }}icon/minus"><i class="icon-minus"></i> icon-minus</a></li>
+      <li><a href="{{ site.baseurl }}icon/minus-sign"><i class="icon-minus-sign"></i> icon-minus-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/mobile-phone"><i class="icon-mobile-phone"></i> icon-mobile-phone</a></li>
+      <li><a href="{{ site.baseurl }}icon/money"><i class="icon-money"></i> icon-money</a></li>
+      <li><a href="{{ site.baseurl }}icon/move"><i class="icon-move"></i> icon-move</a></li>
+      <li><a href="{{ site.baseurl }}icon/music"><i class="icon-music"></i> icon-music</a></li>
+      <li><a href="{{ site.baseurl }}icon/off"><i class="icon-off"></i> icon-off</a></li>
+      <li><a href="{{ site.baseurl }}icon/ok"><i class="icon-ok"></i> icon-ok</a></li>
+      <li><a href="{{ site.baseurl }}icon/ok-circle"><i class="icon-ok-circle"></i> icon-ok-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/ok-sign"><i class="icon-ok-sign"></i> icon-ok-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/pencil"><i class="icon-pencil"></i> icon-pencil</a></li>
+      <li><a href="{{ site.baseurl }}icon/picture"><i class="icon-picture"></i> icon-picture</a></li>
+      <li><a href="{{ site.baseurl }}icon/plane"><i class="icon-plane"></i> icon-plane</a></li>
+      <li><a href="{{ site.baseurl }}icon/plus"><i class="icon-plus"></i> icon-plus</a></li>
+      <li><a href="{{ site.baseurl }}icon/plus-sign"><i class="icon-plus-sign"></i> icon-plus-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/print"><i class="icon-print"></i> icon-print</a></li>
+      <li><a href="{{ site.baseurl }}icon/pushpin"><i class="icon-pushpin"></i> icon-pushpin</a></li>
+      <li><a href="{{ site.baseurl }}icon/qrcode"><i class="icon-qrcode"></i> icon-qrcode</a></li>
+      <li><a href="{{ site.baseurl }}icon/question-sign"><i class="icon-question-sign"></i> icon-question-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/quote-left"><i class="icon-quote-left"></i> icon-quote-left</a></li>
+      <li><a href="{{ site.baseurl }}icon/quote-right"><i class="icon-quote-right"></i> icon-quote-right</a></li>
+      <li><a href="{{ site.baseurl }}icon/random"><i class="icon-random"></i> icon-random</a></li>
+      <li><a href="{{ site.baseurl }}icon/refresh"><i class="icon-refresh"></i> icon-refresh</a></li>
+      <li><a href="{{ site.baseurl }}icon/remove"><i class="icon-remove"></i> icon-remove</a></li>
+      <li><a href="{{ site.baseurl }}icon/remove-circle"><i class="icon-remove-circle"></i> icon-remove-circle</a></li>
+      <li><a href="{{ site.baseurl }}icon/remove-sign"><i class="icon-remove-sign"></i> icon-remove-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/reorder"><i class="icon-reorder"></i> icon-reorder</a></li>
+      <li><a href="{{ site.baseurl }}icon/reply"><i class="icon-reply"></i> icon-reply</a></li>
+      <li><a href="{{ site.baseurl }}icon/resize-horizontal"><i class="icon-resize-horizontal"></i> icon-resize-horizontal</a></li>
+      <li><a href="{{ site.baseurl }}icon/resize-vertical"><i class="icon-resize-vertical"></i> icon-resize-vertical</a></li>
+      <li><a href="{{ site.baseurl }}icon/retweet"><i class="icon-retweet"></i> icon-retweet</a></li>
+      <li><a href="{{ site.baseurl }}icon/road"><i class="icon-road"></i> icon-road</a></li>
+      <li><a href="{{ site.baseurl }}icon/rss"><i class="icon-rss"></i> icon-rss</a></li>
+      <li><a href="{{ site.baseurl }}icon/screenshot"><i class="icon-screenshot"></i> icon-screenshot</a></li>
+      <li><a href="{{ site.baseurl }}icon/search"><i class="icon-search"></i> icon-search</a></li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><a href="{{ site.baseurl }}icon/share"><i class="icon-share"></i> icon-share</a></li>
+      <li><a href="{{ site.baseurl }}icon/share-alt"><i class="icon-share-alt"></i> icon-share-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/shopping-cart"><i class="icon-shopping-cart"></i> icon-shopping-cart</a></li>
+      <li><a href="{{ site.baseurl }}icon/signal"><i class="icon-signal"></i> icon-signal</a></li>
+      <li><a href="{{ site.baseurl }}icon/signin"><i class="icon-signin"></i> icon-signin</a></li>
+      <li><a href="{{ site.baseurl }}icon/signout"><i class="icon-signout"></i> icon-signout</a></li>
+      <li><a href="{{ site.baseurl }}icon/sitemap"><i class="icon-sitemap"></i> icon-sitemap</a></li>
+      <li><a href="{{ site.baseurl }}icon/sort"><i class="icon-sort"></i> icon-sort</a></li>
+      <li><a href="{{ site.baseurl }}icon/sort-down"><i class="icon-sort-down"></i> icon-sort-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/sort-up"><i class="icon-sort-up"></i> icon-sort-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/spinner"><i class="icon-spinner"></i> icon-spinner</a></li>
+      <li><a href="{{ site.baseurl }}icon/star"><i class="icon-star"></i> icon-star</a></li>
+      <li><a href="{{ site.baseurl }}icon/star-empty"><i class="icon-star-empty"></i> icon-star-empty</a></li>
+      <li><a href="{{ site.baseurl }}icon/star-half"><i class="icon-star-half"></i> icon-star-half</a></li>
+      <li><a href="{{ site.baseurl }}icon/tablet"><i class="icon-tablet"></i> icon-tablet</a></li>
+      <li><a href="{{ site.baseurl }}icon/tag"><i class="icon-tag"></i> icon-tag</a></li>
+      <li><a href="{{ site.baseurl }}icon/tags"><i class="icon-tags"></i> icon-tags</a></li>
+      <li><a href="{{ site.baseurl }}icon/tasks"><i class="icon-tasks"></i> icon-tasks</a></li>
+      <li><a href="{{ site.baseurl }}icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/time"><i class="icon-time"></i> icon-time</a></li>
+      <li><a href="{{ site.baseurl }}icon/tint"><i class="icon-tint"></i> icon-tint</a></li>
+      <li><a href="{{ site.baseurl }}icon/trash"><i class="icon-trash"></i> icon-trash</a></li>
+      <li><a href="{{ site.baseurl }}icon/trophy"><i class="icon-trophy"></i> icon-trophy</a></li>
+      <li><a href="{{ site.baseurl }}icon/truck"><i class="icon-truck"></i> icon-truck</a></li>
+      <li><a href="{{ site.baseurl }}icon/umbrella"><i class="icon-umbrella"></i> icon-umbrella</a></li>
+      <li><a href="{{ site.baseurl }}icon/upload"><i class="icon-upload"></i> icon-upload</a></li>
+      <li><a href="{{ site.baseurl }}icon/upload-alt"><i class="icon-upload-alt"></i> icon-upload-alt</a></li>
+      <li><a href="{{ site.baseurl }}icon/user"><i class="icon-user"></i> icon-user</a></li>
+      <li><a href="{{ site.baseurl }}icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li>
+      <li><a href="{{ site.baseurl }}icon/volume-off"><i class="icon-volume-off"></i> icon-volume-off</a></li>
+      <li><a href="{{ site.baseurl }}icon/volume-down"><i class="icon-volume-down"></i> icon-volume-down</a></li>
+      <li><a href="{{ site.baseurl }}icon/volume-up"><i class="icon-volume-up"></i> icon-volume-up</a></li>
+      <li><a href="{{ site.baseurl }}icon/warning-sign"><i class="icon-warning-sign"></i> icon-warning-sign</a></li>
+      <li><a href="{{ site.baseurl }}icon/wrench"><i class="icon-wrench"></i> icon-wrench</a></li>
+      <li><a href="{{ site.baseurl }}icon/zoom-in"><i class="icon-zoom-in"></i> icon-zoom-in</a></li>
+      <li><a href="{{ site.baseurl }}icon/zoom-out"><i class="icon-zoom-out"></i> icon-zoom-out</a></li>
+    </ul>
+  </div>
+</section>
diff --git a/build/_includes/integration.html b/build/_includes/integration.html
new file mode 100644
index 000000000..1b39ea22b
--- /dev/null
+++ b/build/_includes/integration.html
@@ -0,0 +1,101 @@
+<section id="integration">
+  <h2 class="page-header">Integration</h2>
+  <p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p>
+  <div class="row">
+    <div class="span12">
+      <h4>Easy Bootstrap + Font Awesome Integration</h4>
+    </div>
+    <div class="span3">
+      <p>Use this method to integrate Font Awesome with the default Bootstrap CSS.</p>
+    </div>
+    <div class="span9">
+      <ol>
+        <li>Copy the Font Awesome font directory into your project.</li>
+        <li>Copy font-awesome.min.css into your project.</li>
+        <li>
+          Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place.
+          <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p>
+        </li>
+        <li>
+          In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
+<pre class="prettyprint linenums">
+&lt;link rel="stylesheet" href="../css/bootstrap.min.css"&gt;
+&lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt;
+</pre>
+        </li>
+        <li>Check out the examples to start using Font Awesome!</li>
+      </ol>
+    </div>
+  </div>
+  <div class="row">
+    <div class="span12">
+      <h4>Custom Bootstrap + Font Awesome Integration using LESS</h4>
+    </div>
+    <div class="span3">
+      <p>Use this method to integrate Font Awesome with Twitter Bootstrap using LESS.</p>
+    </div>
+    <div class="span9">
+      <ol>
+        <li>Copy the Font Awesome font directory into your project.</li>
+        <li>Copy font-awesome.less into your bootstrap/less directory.</li>
+        <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "font-awesome.less";</code></li>
+        <li>
+          Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
+<pre class="prettyprint linenums">
+@FontAwesomePath:   "../font";
+</pre>
+          <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
+        </li>
+        <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li>
+        <li>Check out the examples to start using Font Awesome!</li>
+      </ol>
+    </div>
+  </div>
+  <div class="row">
+    <div class="span12">
+      <h4>Custom Bootstrap + Font Awesome Integration using SASS or SCSS</h4>
+      <p>I have never used either, so let me know if the included SCSS or SASS files have issues.</p>
+    </div>
+  </div>
+  <div class="row">
+    <div class="span12">
+      <h4>Not using Bootstrap?</h4>
+    </div>
+    <div class="span3">
+      <p>Font Awesome works just as well without Twitter Bootstrap.</p>
+    </div>
+    <div class="span9">
+      <ol>
+        <li>Copy the Font Awesome font directory into your project.</li>
+        <li>Copy font-awesome.less or font-awesome.min.css into your project.</li>
+        <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li>
+        <li>Check out the examples to start using Font Awesome!</li>
+      </ol>
+    </div>
+  </div>
+  <div class="row">
+    <div class="span12">
+      <h4>Need IE7 Support?</h4>
+    </div>
+    <div class="span3">
+      <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
+    </div>
+    <div class="span9">
+      <ol>
+        <li>Get Font Awesome working properly in a modern browser.</li>
+        <li>Copy font-awesome-ie7.min.css into your project.</li>
+        <li>
+          In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
+<pre class="prettyprint linenums">
+&lt;link rel="stylesheet" href="../css/bootstrap.min.css"&gt;
+&lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt;
+&lt;!--[if IE 7]&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/font-awesome-ie7.min.css&quot;&gt;
+&lt;![endif]--&gt;
+</pre>
+        </li>
+        <li>Go complain to whoever decided your project needs IE7 support.</li>
+      </ol>
+    </div>
+  </div>
+</section>
diff --git a/build/_includes/jumbotron-slider.html b/build/_includes/jumbotron-slider.html
new file mode 100644
index 000000000..98a88cc1e
--- /dev/null
+++ b/build/_includes/jumbotron-slider.html
@@ -0,0 +1,56 @@
+<div class="jumbotron">
+  <div class="container">
+    <div class="row">
+      <div class="span8">
+        <div class="hero-content">
+          <h1>Font Awesome</h1>
+          <p>The iconic font designed for<br>use with Twitter Bootstrap</p>
+          <div class="actions">
+            <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master"
+               onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
+              <i class="icon-download icon-2x pull-left"></i>
+              Download Font<br>Awesome {{ site.font-awesome.version }}</a>
+            <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"
+               onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
+              <i class="icon-github icon-2x pull-left"></i>
+              View Project<br>on GitHub</a>
+          </div>
+          <div class="shameless-self-promotion">
+            Version {{ site.font-awesome.version }} • Created & Maintained by Dave Gandy
+          </div>
+        </div>
+      </div>
+      <div class="span4">
+        <div id="iconCarousel" class="carousel slide">
+          <!-- Carousel items -->
+          <div class="carousel-inner">
+            <div class="active item"><div><i class="icon-flag"></i></div></div>
+            <div class="item"><div><i class="icon-rocket"></i></div></div>
+            <div class="item"><div><i class="icon-crop"></i></div></div>
+            <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div>
+            <div class="item"><div><i class="icon-microphone"></i></div></div>
+            <div class="item"><div><i class="icon-shield"></i></div></div>
+            <div class="item"><div><i class="icon-star-half-empty"></i></div></div>
+            <div class="item"><div><i class="icon-envelope"></i></div></div>
+            <div class="item"><div><i class="icon-coffee"></i></div></div>
+            <div class="item"><div><i class="icon-medkit"></i></div></div>
+            <div class="item"><div><i class="icon-book"></i></div></div>
+            <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
+            <div class="item"><div><i class="icon-search"></i></div></div>
+            <div class="item"><div><i class="icon-beer"></i></div></div>
+            <div class="item"><div><i class="icon-heart-empty"></i></div></div>
+            <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
+          </div>
+          <!-- Carousel nav -->
+          <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
+             onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
+            <i class="icon-arrow-left"></i></a>
+          <a class="carousel-control right" href="#iconCarousel" data-slide="next"
+             onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
+            <i class="icon-arrow-right"></i></a>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>
diff --git a/build/_includes/jumbotron.html b/build/_includes/jumbotron.html
new file mode 100644
index 000000000..76aef4d00
--- /dev/null
+++ b/build/_includes/jumbotron.html
@@ -0,0 +1,7 @@
+<div class="jumbotron jumbotron-ad">
+  <div class="container">
+    <div class="pull-right">{% include ads/carbon-dark-vertical.html %}</div>
+    <h1>{{ jumbotron_h1 }}</h1>
+    <p>{{ jumbotron_p }}</p>
+  </div>
+</div>
diff --git a/build/_includes/navbar.html b/build/_includes/navbar.html
new file mode 100644
index 000000000..42bc48a1f
--- /dev/null
+++ b/build/_includes/navbar.html
@@ -0,0 +1,19 @@
+<div class="navbar navbar-inverse navbar-static-top">
+  <div class="navbar-inner">
+    <div class="container">
+      <a class="brand" href="{{ site.baseurl }}"><i class="icon-flag"></i> Font Awesome</a>
+      <ul class="nav">
+        <li{% if page.navbar_active == "home" %} class="active"{% endif %}><a href="{{ site.baseurl }}">Home</a></li>
+        <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ site.baseurl }}whats-new/">What's New</a></li>
+        <li{% if page.navbar_active == "icons" %} class="active"{% endif %}><a href="{{ site.baseurl }}icons/">Icons</a></li>
+        <li{% if page.navbar_active == "integration" %} class="active"{% endif %}><a href="{{ site.baseurl }}integration/">Integration</a></li>
+        <li{% if page.navbar_active == "examples" %} class="active"{% endif %}><a href="{{ site.baseurl }}examples/">Examples</a></li>
+        <li{% if page.navbar_active == "roadmap" %} class="active"{% endif %}><a href="{{ site.baseurl }}roadmap/">Roadmap</a></li>
+        <li{% if page.navbar_active == "thanks" %} class="active"{% endif %}><a href="{{ site.baseurl }}thanks/">Say Thanks</a></li>
+      </ul>
+      <ul class="nav pull-right">
+        <li><a href="mailto:{{ site.font-awesome.author.email }}"><i class="icon-envelope"></i> Me</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/build/_includes/roadmap.html b/build/_includes/roadmap.html
new file mode 100644
index 000000000..30eb77720
--- /dev/null
+++ b/build/_includes/roadmap.html
@@ -0,0 +1,9 @@
+<section id="roadmap">
+  <h2 class="page-header">Roadmap</h2>
+  <p>Here's the plan for future updates.</p>
+  <ul class="icons">
+    <li><i class="icon-plus"></i>Easier sub-setting with icon packs.</li>
+    <li><i class="icon-plus"></i>More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li>
+    <li><i class="icon-plus"></i>Tricks and tips for super-awesome creative CSS methods, like the star example above.</li>
+  </ul>
+</section>
diff --git a/build/_includes/say-thanks.html b/build/_includes/say-thanks.html
new file mode 100644
index 000000000..555afd532
--- /dev/null
+++ b/build/_includes/say-thanks.html
@@ -0,0 +1,22 @@
+<section id="say-thanks">
+  <p class="lead">
+    Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the
+    open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
+  </p>
+  <div class="row">
+    <div class="span6">
+      <h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4>
+      <p>
+        <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny
+        new iMac for me to keep making great icons.
+      </p>
+    </div>
+    <div class="span6">
+      <h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4>
+      <p>
+        Or pick something straight
+        from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great.
+      </p>
+    </div>
+  </div>
+</section>
diff --git a/build/_includes/special-thanks.html b/build/_includes/special-thanks.html
new file mode 100644
index 000000000..644ca85a6
--- /dev/null
+++ b/build/_includes/special-thanks.html
@@ -0,0 +1,14 @@
+<section id="special-thanks">
+  <h2 class="page-header">Special Thanks</h2>
+  <p>
+    Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and
+    <a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design
+    review, advice, and some backbone.js help.
+  </p>
+  <p>
+    Special thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and
+    <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing
+    <a target="_blank"  href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome to get just the
+    icons you need.
+  </p>
+</section>
\ No newline at end of file
diff --git a/build/_includes/stripe-social.html b/build/_includes/stripe-social.html
new file mode 100644
index 000000000..6c51bcb9a
--- /dev/null
+++ b/build/_includes/stripe-social.html
@@ -0,0 +1,31 @@
+<div id="social-buttons">
+  <div class="container">
+    <ul class="unstyled inline">
+      <li>
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+      </li>
+      <li>
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+      </li>
+      <li class="follow-btn">
+        <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a>
+      </li>
+      <li class="tweet-btn">
+        <a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.font-awesome.url }}" data-count="horizontal" data-via="fortaweso_me" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
+      </li>
+    </ul>
+
+    <!--<div class="watch">-->
+      <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>-->
+      <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>-->
+    <!--</div>-->
+    <!--<div class="fork">-->
+      <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>-->
+      <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>-->
+    <!--</div>-->
+    <!--<div class="follow">-->
+      <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>-->
+      <!--<span id="followers" class="count btn btn-mini">2500+</span>-->
+    <!--</div>-->
+  </div>
+</div>
diff --git a/build/_includes/whats-new.html b/build/_includes/whats-new.html
new file mode 100644
index 000000000..9d2e2d1a2
--- /dev/null
+++ b/build/_includes/whats-new.html
@@ -0,0 +1,30 @@
+<section id="whats-new">
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4>
+      Every single icon re-created from the ground up to be optimized for Bootstrap's default 14px.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-th-large"></i> <a target="_blank"  href="http://icnfnt.com/">Font Sub-setting</a></h4>
+      Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a target="_blank"  href="http://icnfnt.com/">subset</a> to get just the icons you need.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-legal"></i> <a href="#license">Better License</a></h4>
+      SIL open font license, MIT license for code. No more attribution required, but much appreciated.
+    </div>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-lightbulb"></i> 40 New Icons in 3.0</h4>
+      Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-spinner icon-spin"></i> <a href="#examples">New Styles</a></h4>
+      <a href="#examples">New styles</a> for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-resize-small"></i> 28% Smaller Payload</h4>
+      3.0 is smaller, even with 16% more icons. Crazy small if you <a target="_blank"  href="http://icnfnt.com/">subset</a> just the icons you need.
+    </div>
+  </div>
+</section>
diff --git a/build/_includes/why.html b/build/_includes/why.html
new file mode 100644
index 000000000..b67293d3e
--- /dev/null
+++ b/build/_includes/why.html
@@ -0,0 +1,44 @@
+<div id="why">
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-flag"></i> One font, 249 icons</h4>
+      In a single collection, Font Awesome is a pictographic language of web-related actions.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-pencil"></i> CSS control</h4>
+      Easily style icon color, size, shadow, and anything that's possible with CSS.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-fullscreen"></i> Infinite scalability</h4>
+      Scalable vector graphics means every icon looks awesome at any size.
+    </div>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-beer"></i> Free, as in Beer</h4>
+      Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-ok"></i> IE7 Support</h4>
+      Font Awesome supports IE7. If you need it, you have my condolences.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
+      Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
+    </div>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4>
+      Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}" target="_blank">Bootstrap {{ site.bootstrap.version }}</a>.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-tint"></i> Designer Friendly</h4>
+      Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-search"></i> Screen reader compatible</h4>
+      Font Awesome won't trip up screen readers, unlike other icon fonts.
+    </div>
+  </div>
+</div>
diff --git a/build/_layouts/base.html b/build/_layouts/base.html
new file mode 100644
index 000000000..d5ee7d586
--- /dev/null
+++ b/build/_layouts/base.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+  <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap">
+  <meta name="author" content="Dave Gandy">
+  <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">-->
+
+  <!--[if lt IE 9]>
+  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+
+  <!-- CSS
+ ================================================== -->
+
+  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/site.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/prettify.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/font-awesome.css">
+  <!--[if IE 7]>
+  <link rel="stylesheet" href="{{ site.baseurl }}assets/css/font-awesome-ie7.css">
+  <![endif]-->
+  <!-- Le fav and touch icons -->
+  <link rel="shortcut icon" href="{{ site.baseurl }}assets/ico/favicon.ico">
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+  {% include navbar.html %}
+
+  {{ content }}
+  <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+{% include footer.html %}
+
+<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+<script src="{{ site.baseurl }}assets/js/jquery-1.7.1.min.js"></script>
+<script src="{{ site.baseurl }}assets/js/underscore.min.js"></script>
+<script src="{{ site.baseurl }}assets/js/backbone.min.js"></script>
+<script src="{{ site.baseurl }}assets/js/prettify.min.js"></script>
+<script src="{{ site.baseurl }}assets/js/bootstrap-222.min.js"></script>
+<script src="{{ site.baseurl }}assets/js/index/index.js"></script>
+
+</body>
+</html>
diff --git a/build/_layouts/icon.html b/build/_layouts/icon.html
new file mode 100755
index 000000000..9955f202f
--- /dev/null
+++ b/build/_layouts/icon.html
@@ -0,0 +1,39 @@
+---
+layout: base
+title_prefix: Font Awesome Icons
+---
+<div class="container">
+  <section>
+    <dl class="dl-horizontal">
+      <dt>Icon</dt>
+      <dd><i class="icon-{{ page.icon['id'] }}"></i></dd>
+
+      <dt>Icon Class</dt>
+      <dd>icon-{{ page.icon['id'] }}</dd>
+
+      <dt>Unicode</dt>
+      <dd>{{ page.icon['unicode'] }}</dd>
+
+      <dt>Created</dt>
+      <dd>v{{ page.icon['created'] }}</dd>
+
+    {% if page.icon['categories'] %}
+      <dt>Categories</dt>
+      <dd>
+      {% for category in page.icon['categories'] %}
+        {{ category }}<br>
+      {% endfor %}
+      </dd>
+    {% endif %}
+
+    {% if page.icon['aliases'] %}
+      <dt>Aliases</dt>
+      <dd>
+      {% for alias in page.icon['aliases'] %}
+        {{ alias }}<br>
+      {% endfor %}
+      </dd>
+    {% endif %}
+    </dl>
+  </section>
+</div>
diff --git a/build/_plugins/icon_page_generator.rb b/build/_plugins/icon_page_generator.rb
new file mode 100755
index 000000000..fb370119d
--- /dev/null
+++ b/build/_plugins/icon_page_generator.rb
@@ -0,0 +1,48 @@
+##
+# Create individual pages for each icon in the FontAwesome set
+
+require 'yaml'
+
+module Jekyll
+
+  class IconPage < Page
+
+    ##
+    # Take a single icon and render a page for it.
+
+    def initialize(site, base, dir, icon)
+      @site = site
+      @base = base
+      @dir = dir
+      @name = "#{icon['id']}/index.html"
+      @icon = icon
+
+      self.process(@name)
+
+      self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout'])
+
+      self.data['icon'] = icon
+      self.data['title'] = self.data['title_prefix'] + " &mdash; #{icon['name']}"
+    end
+
+  end
+
+  class IconGenerator < Generator
+
+    ##
+    # Iterate over every described icon in a YAML file and create a page for it
+
+    safe true
+
+    def generate(site)
+      icon_meta_filename = site.config['icon_meta']
+      icon_meta = YAML.load_file(icon_meta_filename)
+
+      icon_meta['icons'].each do |icon|
+        site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon)
+      end
+    end
+
+  end
+
+end
diff --git a/docs/assets/css/font-awesome-ie7.css b/build/assets/css/font-awesome-ie7.css
index 73fc3bb0d..73fc3bb0d 100644
--- a/docs/assets/css/font-awesome-ie7.css
+++ b/build/assets/css/font-awesome-ie7.css
diff --git a/docs/assets/css/font-awesome-ie7.min.css b/build/assets/css/font-awesome-ie7.min.css
index ae301609e..ae301609e 100644
--- a/docs/assets/css/font-awesome-ie7.min.css
+++ b/build/assets/css/font-awesome-ie7.min.css
diff --git a/docs/assets/css/font-awesome.css b/build/assets/css/font-awesome.css
index 5379d8190..71550e3df 100644
--- a/docs/assets/css/font-awesome.css
+++ b/build/assets/css/font-awesome.css
@@ -1128,3 +1128,9 @@ ul.icons li [class*=" icon-"] {
 .icon-calendar-empty:before {
   content: "\f133";
 }
+.icon-fire-extinguisher:before {
+  content: "\f134";
+}
+.icon-rocket:before {
+  content: "\f135";
+}
diff --git a/docs/assets/css/font-awesome.min.css b/build/assets/css/font-awesome.min.css
index d4e45b3c9..d4e45b3c9 100644
--- a/docs/assets/css/font-awesome.min.css
+++ b/build/assets/css/font-awesome.min.css
diff --git a/docs/assets/css/prettify.css b/build/assets/css/prettify.css
index aedd8d1a9..aedd8d1a9 100755
--- a/docs/assets/css/prettify.css
+++ b/build/assets/css/prettify.css
diff --git a/docs/assets/css/site.css b/build/assets/css/site.css
index dffe41e3c..6fa709bc7 100644
--- a/docs/assets/css/site.css
+++ b/build/assets/css/site.css
@@ -5253,14 +5253,30 @@ a.badge:focus {
 .affix {
   position: fixed;
 }
-.text-align-right {
-  text-align: right;
+html,
+body {
+  height: 100%;
 }
-.text-align-center {
-  text-align: center;
+.wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+}
+.footer {
+  min-width: 990px;
+}
+.wrapper {
+  margin: 0 auto -191px;
+}
+.push {
+  height: 191px;
+}
+.footer {
+  margin-top: 40px;
+  height: 90px;
+  padding: 30px 0 30px;
 }
 .navbar .brand {
-  color: #ffffff;
   font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .navbar .brand .icon-flag {
@@ -5302,7 +5318,7 @@ h6 {
 .jumbotron {
   background: #9d261d;
   border-bottom: 1px solid #721c15;
-  padding: 90px 0 48px;
+  padding: 48px 0;
   text-shadow: 2px 2px 2px #333333;
 }
 .jumbotron,
@@ -5316,10 +5332,13 @@ h6 {
 }
 .jumbotron p {
   margin-top: 15px;
-  margin-bottom: 30px;
+  margin-bottom: 15px;
   font-size: 30px;
   line-height: 1.3;
 }
+.jumbotron .actions {
+  margin-top: 30px;
+}
 .jumbotron ul {
   margin-left: 50px;
 }
@@ -5349,6 +5368,15 @@ h6 {
   color: #ce938e;
   text-shadow: none;
 }
+.jumbotron-ad {
+  padding: 20px 0;
+}
+.jumbotron-ad h1 {
+  margin-top: 25px;
+}
+.jumbotron-ad p {
+  margin-bottom: 35px;
+}
 .btn-github {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -5395,12 +5423,15 @@ section {
   padding-top: 40px;
 }
 #social-buttons {
-  padding: 22px 0;
+  padding: 22px 0 17px;
   text-align: center;
   background-color: #f5f5f5;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #ddd;
 }
+#social-buttons ul.unstyled {
+  margin: 0;
+}
 #social-buttons .btn {
   font-weight: bold;
   padding: 0px 5px;
@@ -5414,11 +5445,16 @@ section {
 #social-buttons .fork {
   margin-right: 30px;
 }
+.carbonad-horizontal {
+  width: 310px;
+  margin: 20px auto 10px;
+}
 .the-icons {
   list-style-type: none;
   margin: 0;
 }
-.the-icons li {
+.the-icons li a {
+  display: block;
   cursor: pointer;
   line-height: 32px;
   height: 32px;
@@ -5427,21 +5463,26 @@ section {
   -moz-border-radius: 6px;
   border-radius: 6px;
 }
-.the-icons li [class^="icon-"],
-.the-icons li [class*=" icon-"] {
+.the-icons li a,
+.the-icons li a:hover {
+  color: #222222;
+}
+.the-icons li a [class^="icon-"],
+.the-icons li a [class*=" icon-"] {
   width: 32px;
   font-size: 14px;
 }
-.the-icons li:hover {
+.the-icons li a:hover {
+  text-decoration: none;
   background-color: #fbf4f4;
 }
-.the-icons li:hover [class^="icon-"],
-.the-icons li:hover [class*=" icon-"] {
+.the-icons li a:hover [class^="icon-"],
+.the-icons li a:hover [class*=" icon-"] {
   *font-size: 28px;
   *vertical-align: middle;
 }
-.the-icons li:hover [class^="icon-"]:before,
-.the-icons li:hover [class*=" icon-"]:before {
+.the-icons li a:hover [class^="icon-"]:before,
+.the-icons li a:hover [class*=" icon-"]:before {
   font-size: 28px;
   vertical-align: -5px;
 }
@@ -5659,3 +5700,6 @@ footer a:hover {
 footer ul {
   line-height: 25px;
 }
+footer .project {
+  margin-top: 10px;
+}
diff --git a/build/assets/font/FontAwesome.otf b/build/assets/font/FontAwesome.otf
new file mode 100644
index 000000000..534d05557
--- /dev/null
+++ b/build/assets/font/FontAwesome.otf
diff --git a/docs/assets/font/fontawesome-webfont.eot b/build/assets/font/fontawesome-webfont.eot
index 7d81019e4..7d81019e4 100755
--- a/docs/assets/font/fontawesome-webfont.eot
+++ b/build/assets/font/fontawesome-webfont.eot
diff --git a/docs/assets/font/fontawesome-webfont.svg b/build/assets/font/fontawesome-webfont.svg
index ba0afe5ef..ba0afe5ef 100755
--- a/docs/assets/font/fontawesome-webfont.svg
+++ b/build/assets/font/fontawesome-webfont.svg
diff --git a/docs/assets/font/fontawesome-webfont.ttf b/build/assets/font/fontawesome-webfont.ttf
index d46172476..d46172476 100755
--- a/docs/assets/font/fontawesome-webfont.ttf
+++ b/build/assets/font/fontawesome-webfont.ttf
diff --git a/docs/assets/font/fontawesome-webfont.woff b/build/assets/font/fontawesome-webfont.woff
index 3c89ae09b..3c89ae09b 100755
--- a/docs/assets/font/fontawesome-webfont.woff
+++ b/build/assets/font/fontawesome-webfont.woff
diff --git a/docs/assets/ico/favicon.ico b/build/assets/ico/favicon.ico
index 742243e31..742243e31 100644
--- a/docs/assets/ico/favicon.ico
+++ b/build/assets/ico/favicon.ico
diff --git a/docs/assets/img/contribution-sample.png b/build/assets/img/contribution-sample.png
index fe7647f0b..fe7647f0b 100644
--- a/docs/assets/img/contribution-sample.png
+++ b/build/assets/img/contribution-sample.png
diff --git a/docs/assets/img/fort_awesome.jpg b/build/assets/img/fort_awesome.jpg
index 3542fae0f..3542fae0f 100644
--- a/docs/assets/img/fort_awesome.jpg
+++ b/build/assets/img/fort_awesome.jpg
diff --git a/docs/assets/img/glyphicons-halflings-white.png b/build/assets/img/glyphicons-halflings-white.png
index 3bf6484a2..3bf6484a2 100644
--- a/docs/assets/img/glyphicons-halflings-white.png
+++ b/build/assets/img/glyphicons-halflings-white.png
diff --git a/docs/assets/img/glyphicons-halflings.png b/build/assets/img/glyphicons-halflings.png
index a99699932..a99699932 100644
--- a/docs/assets/img/glyphicons-halflings.png
+++ b/build/assets/img/glyphicons-halflings.png
diff --git a/docs/assets/img/icon-flag.pdf b/build/assets/img/icon-flag.pdf
index 1c8913d14..1c8913d14 100644
--- a/docs/assets/img/icon-flag.pdf
+++ b/build/assets/img/icon-flag.pdf
diff --git a/docs/assets/js/backbone.min.js b/build/assets/js/backbone.min.js
index 5846b325d..5846b325d 100644
--- a/docs/assets/js/backbone.min.js
+++ b/build/assets/js/backbone.min.js
diff --git a/docs/assets/js/bootstrap-222.min.js b/build/assets/js/bootstrap-222.min.js
index 6eeb15ce3..6eeb15ce3 100644
--- a/docs/assets/js/bootstrap-222.min.js
+++ b/build/assets/js/bootstrap-222.min.js
diff --git a/build/assets/js/index/index.js b/build/assets/js/index/index.js
new file mode 100644
index 000000000..e964a5fee
--- /dev/null
+++ b/build/assets/js/index/index.js
@@ -0,0 +1,27 @@
+$(function() {
+  // start the icon carousel
+  $('#iconCarousel').carousel({
+    interval: 5000
+  });
+
+  // make code pretty
+  window.prettyPrint && prettyPrint();
+
+  // inject twitter & github counts
+  $.ajax({
+    url: 'http://api.twitter.com/1/users/show.json',
+    data: {screen_name: 'fortaweso_me'},
+    dataType: 'jsonp',
+    success: function(data) {
+      $('#followers').html(data.followers_count);
+    }
+  });
+  $.ajax({
+    url: 'https://api.github.com/repos/fortawesome/Font-Awesome',
+    dataType: 'jsonp',
+    success: function(data) {
+      $('#watchers').html(data.data.watchers);
+      $('#forks').html(data.data.forks);
+    }
+  });
+});
diff --git a/docs/assets/js/jquery-1.7.1.min.js b/build/assets/js/jquery-1.7.1.min.js
index 198b3ff07..198b3ff07 100644
--- a/docs/assets/js/jquery-1.7.1.min.js
+++ b/build/assets/js/jquery-1.7.1.min.js
diff --git a/docs/assets/js/prettify.min.js b/build/assets/js/prettify.min.js
index eef5ad7e6..eef5ad7e6 100644
--- a/docs/assets/js/prettify.min.js
+++ b/build/assets/js/prettify.min.js
diff --git a/docs/assets/js/underscore.min.js b/build/assets/js/underscore.min.js
index 5b55f32be..5b55f32be 100644
--- a/docs/assets/js/underscore.min.js
+++ b/build/assets/js/underscore.min.js
diff --git a/docs/assets/less/font-awesome-ie7.less b/build/assets/less/font-awesome-ie7.less
index 2bb1b5c15..2bb1b5c15 100644
--- a/docs/assets/less/font-awesome-ie7.less
+++ b/build/assets/less/font-awesome-ie7.less
diff --git a/docs/assets/less/font-awesome.less b/build/assets/less/font-awesome.less
index 870cd0268..95d421304 100644
--- a/docs/assets/less/font-awesome.less
+++ b/build/assets/less/font-awesome.less
@@ -570,3 +570,5 @@ ul.icons {
 .icon-microphone-off:before       { content: "\f131"; }
 .icon-shield:before               { content: "\f132"; }
 .icon-calendar-empty:before       { content: "\f133"; }
+.icon-fire-extinguisher:before    { content: "\f134"; }
+.icon-rocket:before               { content: "\f135"; }
diff --git a/docs/assets/less/mixins.less b/build/assets/less/mixins.less
index 9266d52f7..2ae1efc89 100644
--- a/docs/assets/less/mixins.less
+++ b/build/assets/less/mixins.less
@@ -40,4 +40,19 @@
   line-height: @size * 1.1;
   height: @size * @height-multiplier * 1.05;
   text-align: center;
-}
\ No newline at end of file
+}
+
+.sticky-footer (@footer-height: @baseLineHeight * 4, @footer-padding-top: 70px, @footer-padding-bottom: 70px, @footer-margin-top: 70px) {
+  .wrapper {
+    margin: 0 auto -(@footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1);
+  }
+  .push {
+    height: @footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1;
+  }
+
+  .footer {
+    margin-top: @footer-margin-top;
+    height: @footer-height;
+    padding: @footer-padding-top 0 @footer-padding-bottom;
+  }
+}
diff --git a/docs/assets/less/site.less b/build/assets/less/site.less
index a58110570..6372ac2c0 100644
--- a/docs/assets/less/site.less
+++ b/build/assets/less/site.less
@@ -1,14 +1,12 @@
 @import "twbs-2.3.1/bootstrap.less";
+@import "sticky-footer.less";
 
 @import "mixins.less";
 @import "variables.less";
 
-.text-align-right  { text-align: right; }
-.text-align-center { text-align: center; }
-
 .navbar .brand {
 //  padding: 11px 20px 9px;
-  color: @white;
+//  color: @white;
   font-family: @serifFontFamily;
   .icon-flag { padding-right: 3px; }
 }
@@ -39,21 +37,10 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   }
 }
 
-
-//a[href^='http://'] {
-//  &:after {
-//    font-family: FontAwesome;
-//    content: "\0020 \f08e";
-//    &:hover {
-//      text-decoration: none;
-//    }
-//  }
-//}
-
 .jumbotron {
   background: @red;
   border-bottom: 1px solid @redDark;
-  padding: 90px 0 48px;
+  padding: 48px 0;
 //  #gradient > .radial( lighten(@red, 10%), @red);
 //  background-color: @red;
   &, h1 { color: @white; }
@@ -77,10 +64,11 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   }
   p {
     margin-top: 15px;
-    margin-bottom: 30px;
+    margin-bottom: 15px;
     font-size: 30px;
     line-height: 1.3;
   }
+  .actions { margin-top: 30px;}
   text-shadow: 2px 2px 2px @grayDark;
   ul {
     margin-left: 50px;
@@ -127,6 +115,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   }
 }
 
+.jumbotron-ad {
+  padding: 20px 0;
+  h1 { margin-top: 25px; }
+  p { margin-bottom: 35px; }
+}
+
 .btn-github {
   .buttonBackground(@white, mix(@grayLighter, @grayLight, 50%));
 }
@@ -145,7 +139,9 @@ section {
 }
 
 #social-buttons {
-  padding: 22px 0;
+  ul.unstyled { margin: 0; }
+
+  padding: 22px 0 17px;
   text-align: center;
   background-color: #f5f5f5;
   border-top: 1px solid #fff;
@@ -166,39 +162,49 @@ section {
   }
 }
 
+.carbonad-horizontal {
+  width: 310px;
+  margin: 20px auto 10px;
+}
+
 .the-icons {
   list-style-type: none;
   margin: 0;
   li {
-    cursor: pointer;
-    line-height: 32px;
-    height: 32px;
-    padding-left: 12px;
-    .border-radius(6px);
-//    vertical-align: middle;
-
-    [class^="icon-"],
-    [class*=" icon-"] {
-      width: 32px;
-      font-size: 14px;
-    }
-    &:hover {
-      background-color: lighten(@errorBackground, 6%);
-      [class^="icon-"], [class*=" icon-"] {
-        *font-size: 28px;
-        *vertical-align: middle;
+    a {
+      display: block;
+      &, &:hover { color: @grayDarker; }
+
+      cursor: pointer;
+      line-height: 32px;
+      height: 32px;
+      padding-left: 12px;
+      .border-radius(6px);
+
+      [class^="icon-"],
+      [class*=" icon-"] {
+        width: 32px;
+        font-size: 14px;
       }
 
-      [class^="icon-"]:before,
-      [class*=" icon-"]:before {
-        font-size: 28px;
-        vertical-align: -5px;
+      &:hover {
+        text-decoration: none;
+        background-color: lighten(@errorBackground, 6%);
+        [class^="icon-"], [class*=" icon-"] {
+          *font-size: 28px;
+          *vertical-align: middle;
+        }
+
+        [class^="icon-"]:before,
+        [class*=" icon-"]:before {
+          font-size: 28px;
+          vertical-align: -5px;
+        }
       }
     }
   }
 }
 
-
 #why, #whats-new {
   .row {
     margin-bottom: 20px;
@@ -370,4 +376,6 @@ footer {
 //    margin-left: 30px;
     line-height: 25px;
   }
+
+  .project { margin-top: 10px; }
 }
diff --git a/build/assets/less/sticky-footer.less b/build/assets/less/sticky-footer.less
new file mode 100755
index 000000000..794572454
--- /dev/null
+++ b/build/assets/less/sticky-footer.less
@@ -0,0 +1,27 @@
+//
+// Sticky Footer
+// --------------------------------------------------
+// make sure to set .sticky-footer()
+
+html, body {
+  height: 100%;
+}
+.wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+}
+
+.footer {
+  min-width: 990px; // necessary fix for non-responsive layouts
+//  border-top: 1px solid @grayLighter;
+//  background-color: #f5f5f5;
+
+//  color: #777;
+
+//  p {
+//    margin-bottom: 0;
+//  }
+}
+
+.sticky-footer(90px, 30px, 30px, 40px); // sets default values for sticky footer
\ No newline at end of file
diff --git a/docs/assets/less/twbs-2.3.1/accordion.less b/build/assets/less/twbs-2.3.1/accordion.less
index d63523bc8..d63523bc8 100755
--- a/docs/assets/less/twbs-2.3.1/accordion.less
+++ b/build/assets/less/twbs-2.3.1/accordion.less
diff --git a/docs/assets/less/twbs-2.3.1/alerts.less b/build/assets/less/twbs-2.3.1/alerts.less
index 0116b191b..0116b191b 100755
--- a/docs/assets/less/twbs-2.3.1/alerts.less
+++ b/build/assets/less/twbs-2.3.1/alerts.less
diff --git a/docs/assets/less/twbs-2.3.1/bootstrap.less b/build/assets/less/twbs-2.3.1/bootstrap.less
index b56327adc..b56327adc 100755
--- a/docs/assets/less/twbs-2.3.1/bootstrap.less
+++ b/build/assets/less/twbs-2.3.1/bootstrap.less
diff --git a/docs/assets/less/twbs-2.3.1/breadcrumbs.less b/build/assets/less/twbs-2.3.1/breadcrumbs.less
index f753df6be..f753df6be 100755
--- a/docs/assets/less/twbs-2.3.1/breadcrumbs.less
+++ b/build/assets/less/twbs-2.3.1/breadcrumbs.less
diff --git a/docs/assets/less/twbs-2.3.1/button-groups.less b/build/assets/less/twbs-2.3.1/button-groups.less
index 55cdc6033..55cdc6033 100755
--- a/docs/assets/less/twbs-2.3.1/button-groups.less
+++ b/build/assets/less/twbs-2.3.1/button-groups.less
diff --git a/docs/assets/less/twbs-2.3.1/buttons.less b/build/assets/less/twbs-2.3.1/buttons.less
index 4cd4d862b..4cd4d862b 100755
--- a/docs/assets/less/twbs-2.3.1/buttons.less
+++ b/build/assets/less/twbs-2.3.1/buttons.less
diff --git a/docs/assets/less/twbs-2.3.1/carousel.less b/build/assets/less/twbs-2.3.1/carousel.less
index 55bc05014..55bc05014 100755
--- a/docs/assets/less/twbs-2.3.1/carousel.less
+++ b/build/assets/less/twbs-2.3.1/carousel.less
diff --git a/docs/assets/less/twbs-2.3.1/close.less b/build/assets/less/twbs-2.3.1/close.less
index 4c626bda6..4c626bda6 100755
--- a/docs/assets/less/twbs-2.3.1/close.less
+++ b/build/assets/less/twbs-2.3.1/close.less
diff --git a/docs/assets/less/twbs-2.3.1/code.less b/build/assets/less/twbs-2.3.1/code.less
index 266a926e7..266a926e7 100755
--- a/docs/assets/less/twbs-2.3.1/code.less
+++ b/build/assets/less/twbs-2.3.1/code.less
diff --git a/docs/assets/less/twbs-2.3.1/component-animations.less b/build/assets/less/twbs-2.3.1/component-animations.less
index d614263a7..d614263a7 100755
--- a/docs/assets/less/twbs-2.3.1/component-animations.less
+++ b/build/assets/less/twbs-2.3.1/component-animations.less
diff --git a/docs/assets/less/twbs-2.3.1/dropdowns.less b/build/assets/less/twbs-2.3.1/dropdowns.less
index bbfe3fd3e..bbfe3fd3e 100755
--- a/docs/assets/less/twbs-2.3.1/dropdowns.less
+++ b/build/assets/less/twbs-2.3.1/dropdowns.less
diff --git a/docs/assets/less/twbs-2.3.1/forms.less b/build/assets/less/twbs-2.3.1/forms.less
index 06767bdd3..06767bdd3 100755
--- a/docs/assets/less/twbs-2.3.1/forms.less
+++ b/build/assets/less/twbs-2.3.1/forms.less
diff --git a/docs/assets/less/twbs-2.3.1/grid.less b/build/assets/less/twbs-2.3.1/grid.less
index 750d20351..750d20351 100755
--- a/docs/assets/less/twbs-2.3.1/grid.less
+++ b/build/assets/less/twbs-2.3.1/grid.less
diff --git a/docs/assets/less/twbs-2.3.1/hero-unit.less b/build/assets/less/twbs-2.3.1/hero-unit.less
index 763d86aee..763d86aee 100755
--- a/docs/assets/less/twbs-2.3.1/hero-unit.less
+++ b/build/assets/less/twbs-2.3.1/hero-unit.less
diff --git a/docs/assets/less/twbs-2.3.1/labels-badges.less b/build/assets/less/twbs-2.3.1/labels-badges.less
index bc321fe5c..bc321fe5c 100755
--- a/docs/assets/less/twbs-2.3.1/labels-badges.less
+++ b/build/assets/less/twbs-2.3.1/labels-badges.less
diff --git a/docs/assets/less/twbs-2.3.1/layouts.less b/build/assets/less/twbs-2.3.1/layouts.less
index 24a206211..24a206211 100755
--- a/docs/assets/less/twbs-2.3.1/layouts.less
+++ b/build/assets/less/twbs-2.3.1/layouts.less
diff --git a/docs/assets/less/twbs-2.3.1/media.less b/build/assets/less/twbs-2.3.1/media.less
index e461e446d..e461e446d 100755
--- a/docs/assets/less/twbs-2.3.1/media.less
+++ b/build/assets/less/twbs-2.3.1/media.less
diff --git a/docs/assets/less/twbs-2.3.1/mixins.less b/build/assets/less/twbs-2.3.1/mixins.less
index 79d889219..79d889219 100755
--- a/docs/assets/less/twbs-2.3.1/mixins.less
+++ b/build/assets/less/twbs-2.3.1/mixins.less
diff --git a/docs/assets/less/twbs-2.3.1/modals.less b/build/assets/less/twbs-2.3.1/modals.less
index 8e272d409..8e272d409 100755
--- a/docs/assets/less/twbs-2.3.1/modals.less
+++ b/build/assets/less/twbs-2.3.1/modals.less
diff --git a/docs/assets/less/twbs-2.3.1/navbar.less b/build/assets/less/twbs-2.3.1/navbar.less
index 93d09bcad..93d09bcad 100755
--- a/docs/assets/less/twbs-2.3.1/navbar.less
+++ b/build/assets/less/twbs-2.3.1/navbar.less
diff --git a/docs/assets/less/twbs-2.3.1/navs.less b/build/assets/less/twbs-2.3.1/navs.less
index 01cd805bd..01cd805bd 100755
--- a/docs/assets/less/twbs-2.3.1/navs.less
+++ b/build/assets/less/twbs-2.3.1/navs.less
diff --git a/docs/assets/less/twbs-2.3.1/pager.less b/build/assets/less/twbs-2.3.1/pager.less
index 147618829..147618829 100755
--- a/docs/assets/less/twbs-2.3.1/pager.less
+++ b/build/assets/less/twbs-2.3.1/pager.less
diff --git a/docs/assets/less/twbs-2.3.1/pagination.less b/build/assets/less/twbs-2.3.1/pagination.less
index a789db2d2..a789db2d2 100755
--- a/docs/assets/less/twbs-2.3.1/pagination.less
+++ b/build/assets/less/twbs-2.3.1/pagination.less
diff --git a/docs/assets/less/twbs-2.3.1/popovers.less b/build/assets/less/twbs-2.3.1/popovers.less
index aae35c8cd..aae35c8cd 100755
--- a/docs/assets/less/twbs-2.3.1/popovers.less
+++ b/build/assets/less/twbs-2.3.1/popovers.less
diff --git a/docs/assets/less/twbs-2.3.1/progress-bars.less b/build/assets/less/twbs-2.3.1/progress-bars.less
index 5e0c3dda0..5e0c3dda0 100755
--- a/docs/assets/less/twbs-2.3.1/progress-bars.less
+++ b/build/assets/less/twbs-2.3.1/progress-bars.less
diff --git a/docs/assets/less/twbs-2.3.1/reset.less b/build/assets/less/twbs-2.3.1/reset.less
index 4806bd5e5..4806bd5e5 100755
--- a/docs/assets/less/twbs-2.3.1/reset.less
+++ b/build/assets/less/twbs-2.3.1/reset.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-1200px-min.less b/build/assets/less/twbs-2.3.1/responsive-1200px-min.less
index 4f35ba6ca..4f35ba6ca 100755
--- a/docs/assets/less/twbs-2.3.1/responsive-1200px-min.less
+++ b/build/assets/less/twbs-2.3.1/responsive-1200px-min.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-767px-max.less b/build/assets/less/twbs-2.3.1/responsive-767px-max.less
index 128f4ce30..128f4ce30 100755
--- a/docs/assets/less/twbs-2.3.1/responsive-767px-max.less
+++ b/build/assets/less/twbs-2.3.1/responsive-767px-max.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-768px-979px.less b/build/assets/less/twbs-2.3.1/responsive-768px-979px.less
index 8e8c486a0..8e8c486a0 100755
--- a/docs/assets/less/twbs-2.3.1/responsive-768px-979px.less
+++ b/build/assets/less/twbs-2.3.1/responsive-768px-979px.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-navbar.less b/build/assets/less/twbs-2.3.1/responsive-navbar.less
index 21cd3ba67..21cd3ba67 100755
--- a/docs/assets/less/twbs-2.3.1/responsive-navbar.less
+++ b/build/assets/less/twbs-2.3.1/responsive-navbar.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-utilities.less b/build/assets/less/twbs-2.3.1/responsive-utilities.less
index bf43e8ef7..bf43e8ef7 100755
--- a/docs/assets/less/twbs-2.3.1/responsive-utilities.less
+++ b/build/assets/less/twbs-2.3.1/responsive-utilities.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive.less b/build/assets/less/twbs-2.3.1/responsive.less
index b8366defb..b8366defb 100755
--- a/docs/assets/less/twbs-2.3.1/responsive.less
+++ b/build/assets/less/twbs-2.3.1/responsive.less
diff --git a/docs/assets/less/twbs-2.3.1/scaffolding.less b/build/assets/less/twbs-2.3.1/scaffolding.less
index f17e8cadb..f17e8cadb 100755
--- a/docs/assets/less/twbs-2.3.1/scaffolding.less
+++ b/build/assets/less/twbs-2.3.1/scaffolding.less
diff --git a/docs/assets/less/twbs-2.3.1/sprites.less b/build/assets/less/twbs-2.3.1/sprites.less
index 1812bf71a..1812bf71a 100755
--- a/docs/assets/less/twbs-2.3.1/sprites.less
+++ b/build/assets/less/twbs-2.3.1/sprites.less
diff --git a/docs/assets/less/twbs-2.3.1/tables.less b/build/assets/less/twbs-2.3.1/tables.less
index 0e35271e1..0e35271e1 100755
--- a/docs/assets/less/twbs-2.3.1/tables.less
+++ b/build/assets/less/twbs-2.3.1/tables.less
diff --git a/docs/assets/less/twbs-2.3.1/tests/buttons.html b/build/assets/less/twbs-2.3.1/tests/buttons.html
index 9b3c2c572..9b3c2c572 100755
--- a/docs/assets/less/twbs-2.3.1/tests/buttons.html
+++ b/build/assets/less/twbs-2.3.1/tests/buttons.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/css-tests.css b/build/assets/less/twbs-2.3.1/tests/css-tests.css
index 0f5604ee6..0f5604ee6 100755
--- a/docs/assets/less/twbs-2.3.1/tests/css-tests.css
+++ b/build/assets/less/twbs-2.3.1/tests/css-tests.css
diff --git a/docs/assets/less/twbs-2.3.1/tests/css-tests.html b/build/assets/less/twbs-2.3.1/tests/css-tests.html
index c69688c76..c69688c76 100755
--- a/docs/assets/less/twbs-2.3.1/tests/css-tests.html
+++ b/build/assets/less/twbs-2.3.1/tests/css-tests.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/forms-responsive.html b/build/assets/less/twbs-2.3.1/tests/forms-responsive.html
index c3e208d02..c3e208d02 100755
--- a/docs/assets/less/twbs-2.3.1/tests/forms-responsive.html
+++ b/build/assets/less/twbs-2.3.1/tests/forms-responsive.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/forms.html b/build/assets/less/twbs-2.3.1/tests/forms.html
index a63d728a0..a63d728a0 100755
--- a/docs/assets/less/twbs-2.3.1/tests/forms.html
+++ b/build/assets/less/twbs-2.3.1/tests/forms.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html b/build/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
index 2d9a7a718..2d9a7a718 100755
--- a/docs/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
+++ b/build/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar-static-top.html b/build/assets/less/twbs-2.3.1/tests/navbar-static-top.html
index 4bead8ec6..4bead8ec6 100755
--- a/docs/assets/less/twbs-2.3.1/tests/navbar-static-top.html
+++ b/build/assets/less/twbs-2.3.1/tests/navbar-static-top.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar.html b/build/assets/less/twbs-2.3.1/tests/navbar.html
index d5ad4784e..d5ad4784e 100755
--- a/docs/assets/less/twbs-2.3.1/tests/navbar.html
+++ b/build/assets/less/twbs-2.3.1/tests/navbar.html
diff --git a/docs/assets/less/twbs-2.3.1/thumbnails.less b/build/assets/less/twbs-2.3.1/thumbnails.less
index 4fd07d253..4fd07d253 100755
--- a/docs/assets/less/twbs-2.3.1/thumbnails.less
+++ b/build/assets/less/twbs-2.3.1/thumbnails.less
diff --git a/docs/assets/less/twbs-2.3.1/tooltip.less b/build/assets/less/twbs-2.3.1/tooltip.less
index 83d5f2bd7..83d5f2bd7 100755
--- a/docs/assets/less/twbs-2.3.1/tooltip.less
+++ b/build/assets/less/twbs-2.3.1/tooltip.less
diff --git a/docs/assets/less/twbs-2.3.1/type.less b/build/assets/less/twbs-2.3.1/type.less
index 337138ac8..337138ac8 100755
--- a/docs/assets/less/twbs-2.3.1/type.less
+++ b/build/assets/less/twbs-2.3.1/type.less
diff --git a/docs/assets/less/twbs-2.3.1/utilities.less b/build/assets/less/twbs-2.3.1/utilities.less
index 314b4ffdb..314b4ffdb 100755
--- a/docs/assets/less/twbs-2.3.1/utilities.less
+++ b/build/assets/less/twbs-2.3.1/utilities.less
diff --git a/docs/assets/less/twbs-2.3.1/variables.less b/build/assets/less/twbs-2.3.1/variables.less
index 31c131b1e..31c131b1e 100755
--- a/docs/assets/less/twbs-2.3.1/variables.less
+++ b/build/assets/less/twbs-2.3.1/variables.less
diff --git a/docs/assets/less/twbs-2.3.1/wells.less b/build/assets/less/twbs-2.3.1/wells.less
index 84a744b1c..84a744b1c 100755
--- a/docs/assets/less/twbs-2.3.1/wells.less
+++ b/build/assets/less/twbs-2.3.1/wells.less
diff --git a/docs/assets/less/variables.less b/build/assets/less/variables.less
index e793a730f..e793a730f 100755
--- a/docs/assets/less/variables.less
+++ b/build/assets/less/variables.less
diff --git a/docs/design.html b/build/design.html
index 2af2905f7..e277bdfeb 100644
--- a/docs/design.html
+++ b/build/design.html
@@ -1,59 +1,11 @@
-<!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
-<head>
-  <!-- Basic Page Needs
- ================================================== -->
-  <meta charset="utf-8" />
-  <title>Font Awesome Copy & Paste</title>
-  <meta name="description" content="">
-  <meta name="author" content="">
-  <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">-->
-
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-
-  <!-- CSS
- ================================================== -->
-
-  <link rel="stylesheet" href="assets/css/site.css">
-  <link rel="stylesheet" href="assets/css/prettify.css">
-  <link rel="stylesheet" href="assets/css/font-awesome.min.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css">
-  <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="assets/ico/favicon.ico">
-
-  <script type="text/javascript">
-    var _gaq = _gaq || [];
-    _gaq.push(['_setAccount', 'UA-30136587-1']);
-    _gaq.push(['_trackPageview']);
-
-    (function() {
-      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-    })();
-  </script>
-</head>
-<body>
-
-<div class="jumbotron">
-  <div class="container">
-
-    <h1><i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste</h1>
-    <p>
-      Install FontAwesome.otf on your system.
-      Then, copy and paste any of these icons to use them in your mockups & designs.
-    </p>
-
-  </div>
-</div>
+---
+layout: base
+title: Using Font Awesome in Your Designs
+---
+{% capture jumbotron_h1 %}<i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste{% endcapture %}
+{% capture jumbotron_p %}Install FontAwesome.otf on your system. Then, copy and paste any of these icons to use them in your mockups & designs.{% endcapture %}
 
+{% include jumbotron.html %}
 
 <div class="container">
   <section>
@@ -318,16 +270,4 @@
       </div>
     </div>
   </section>
-
-
-
-
-
-
 </div>
-
-<script src="assets/js/jquery-1.7.1.min.js"></script>
-<script src="assets/js/bootstrap-222.min.js"></script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/build/examples/index.html b/build/examples/index.html
new file mode 100644
index 000000000..457dd7808
--- /dev/null
+++ b/build/examples/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Examples
+navbar_active: examples
+---
+{% capture jumbotron_h1 %}<i class="icon-magic icon-large"></i>&nbsp; Examples{% endcapture %}
+{% capture jumbotron_p %}Some great examples of easy ways to use Font Awesome{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include examples.html %}
+</div>
diff --git a/build/icons.yml b/build/icons.yml
new file mode 100755
index 000000000..cecaa2584
--- /dev/null
+++ b/build/icons.yml
@@ -0,0 +1,1988 @@
+icons:
+  - name:       Glass
+    id:         glass
+    unicode:    f000
+    created:    1.0.0
+    categories:
+      - Web Application Icons
+
+  - name:       Music
+    id:         music
+    unicode:    f001
+    created:    1.0.0
+    categories:
+      - Web Application Icons
+
+  - name:       Search
+    id:         search
+    unicode:    f002
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       envelope
+    id:         envelope
+    unicode:    f003
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       heart
+    id:         heart
+    unicode:    f004
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       star
+    id:         star
+    unicode:    f005
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       star-empty
+    id:         star-empty
+    unicode:    f006
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       user
+    id:         user
+    unicode:    f007
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       film
+    id:         film
+    unicode:    f008
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       th-large
+    id:         th-large
+    unicode:    f009
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       th
+    id:         th
+    unicode:    f00a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       th-list
+    id:         th-list
+    unicode:    f00b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       ok
+    id:         ok
+    unicode:    f00c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       remove
+    id:         remove
+    unicode:    f00d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       zoom-in
+    id:         zoom-in
+    unicode:    f00e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       zoom-out
+    id:         zoom-out
+    unicode:    f010
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       off
+    id:         off
+    unicode:    f011
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       signal
+    id:         signal
+    unicode:    f012
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cog
+    id:         cog
+    unicode:    f013
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       trash
+    id:         trash
+    unicode:    f014
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       home
+    id:         home
+    unicode:    f015
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       file
+    id:         file
+    unicode:    f016
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       time
+    id:         time
+    unicode:    f017
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       road
+    id:         road
+    unicode:    f018
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       download-alt
+    id:         download-alt
+    unicode:    f019
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       download
+    id:         download
+    unicode:    f01a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       upload
+    id:         upload
+    unicode:    f01b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       inbox
+    id:         inbox
+    unicode:    f01c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       play-circle
+    id:         play-circle
+    unicode:    f01d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       repeat
+    id:         repeat
+    unicode:    f01e
+    created:    1.0.0
+    aliases:
+      - rotate-right
+    categories:
+      - Web Application Icons 
+
+
+  - name:       refresh
+    id:         refresh
+    unicode:    f021
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       list-alt
+    id:         list-alt
+    unicode:    f022
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       lock
+    id:         lock
+    unicode:    f023
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       flag
+    id:         flag
+    unicode:    f024
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       headphones
+    id:         headphones
+    unicode:    f025
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       volume-off
+    id:         volume-off
+    unicode:    f026
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       volume-down
+    id:         volume-down
+    unicode:    f027
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       volume-up
+    id:         volume-up
+    unicode:    f028
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       qrcode
+    id:         qrcode
+    unicode:    f029
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       barcode
+    id:         barcode
+    unicode:    f02a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       tag
+    id:         tag
+    unicode:    f02b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       tags
+    id:         tags
+    unicode:    f02c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       book
+    id:         book
+    unicode:    f02d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bookmark
+    id:         bookmark
+    unicode:    f02e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       print
+    id:         print
+    unicode:    f02f
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       camera
+    id:         camera
+    unicode:    f030
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       font
+    id:         font
+    unicode:    f031
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bold
+    id:         bold
+    unicode:    f032
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       italic
+    id:         italic
+    unicode:    f033
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       text-height
+    id:         text-height
+    unicode:    f034
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       text-width
+    id:         text-width
+    unicode:    f035
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       align-left
+    id:         align-left
+    unicode:    f036
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       align-center
+    id:         align-center
+    unicode:    f037
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       align-right
+    id:         align-right
+    unicode:    f038
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       align-justify
+    id:         align-justify
+    unicode:    f039
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       list
+    id:         list
+    unicode:    f03a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       indent-left
+    id:         indent-left
+    unicode:    f03b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       indent-right
+    id:         indent-right
+    unicode:    f03c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       facetime-video
+    id:         facetime-video
+    unicode:    f03d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       picture
+    id:         picture
+    unicode:    f03e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       pencil
+    id:         pencil
+    unicode:    f040
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       map-marker
+    id:         map-marker
+    unicode:    f041
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       adjust
+    id:         adjust
+    unicode:    f042
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       tint
+    id:         tint
+    unicode:    f043
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       edit
+    id:         edit
+    unicode:    f044
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       share
+    id:         share
+    unicode:    f045
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       check
+    id:         check
+    unicode:    f046
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       move
+    id:         move
+    unicode:    f047
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       step-backward
+    id:         step-backward
+    unicode:    f048
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       fast-backward
+    id:         fast-backward
+    unicode:    f049
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       backward
+    id:         backward
+    unicode:    f04a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       play
+    id:         play
+    unicode:    f04b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       pause
+    id:         pause
+    unicode:    f04c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       stop
+    id:         stop
+    unicode:    f04d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       forward
+    id:         forward
+    unicode:    f04e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       fast-forward
+    id:         fast-forward
+    unicode:    f050
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       step-forward
+    id:         step-forward
+    unicode:    f051
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       eject
+    id:         eject
+    unicode:    f052
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       chevron-left
+    id:         chevron-left
+    unicode:    f053
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       chevron-right
+    id:         chevron-right
+    unicode:    f054
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       plus-sign
+    id:         plus-sign
+    unicode:    f055
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       minus-sign
+    id:         minus-sign
+    unicode:    f056
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       remove-sign
+    id:         remove-sign
+    unicode:    f057
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       ok-sign
+    id:         ok-sign
+    unicode:    f058
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       question-sign
+    id:         question-sign
+    unicode:    f059
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       info-sign
+    id:         info-sign
+    unicode:    f05a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       screenshot
+    id:         screenshot
+    unicode:    f05b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       remove-circle
+    id:         remove-circle
+    unicode:    f05c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       ok-circle
+    id:         ok-circle
+    unicode:    f05d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       ban-circle
+    id:         ban-circle
+    unicode:    f05e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       arrow-left
+    id:         arrow-left
+    unicode:    f060
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       arrow-right
+    id:         arrow-right
+    unicode:    f061
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       arrow-up
+    id:         arrow-up
+    unicode:    f062
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       arrow-down
+    id:         arrow-down
+    unicode:    f063
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       share-alt
+    id:         share-alt
+    unicode:    f064
+    created:    1.0.0
+    aliases:
+      - mail-forward
+    categories:
+      - Web Application Icons 
+
+  - name:       resize-full
+    id:         resize-full
+    unicode:    f065
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       resize-small
+    id:         resize-small
+    unicode:    f066
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       plus
+    id:         plus
+    unicode:    f067
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       minus
+    id:         minus
+    unicode:    f068
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       asterisk
+    id:         asterisk
+    unicode:    f069
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       exclamation-sign
+    id:         exclamation-sign
+    unicode:    f06a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       gift
+    id:         gift
+    unicode:    f06b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       leaf
+    id:         leaf
+    unicode:    f06c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       fire
+    id:         fire
+    unicode:    f06d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       eye-open
+    id:         eye-open
+    unicode:    f06e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       eye-close
+    id:         eye-close
+    unicode:    f070
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       warning-sign
+    id:         warning-sign
+    unicode:    f071
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       plane
+    id:         plane
+    unicode:    f072
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       calendar
+    id:         calendar
+    unicode:    f073
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       random
+    id:         random
+    unicode:    f074
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       comment
+    id:         comment
+    unicode:    f075
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       magnet
+    id:         magnet
+    unicode:    f076
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       chevron-up
+    id:         chevron-up
+    unicode:    f077
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       chevron-down
+    id:         chevron-down
+    unicode:    f078
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       retweet
+    id:         retweet
+    unicode:    f079
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       shopping-cart
+    id:         shopping-cart
+    unicode:    f07a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       folder-close
+    id:         folder-close
+    unicode:    f07b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       folder-open
+    id:         folder-open
+    unicode:    f07c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       resize-vertical
+    id:         resize-vertical
+    unicode:    f07d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       resize-horizontal
+    id:         resize-horizontal
+    unicode:    f07e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       bar-chart
+    id:         bar-chart
+    unicode:    f080
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       twitter-sign
+    id:         twitter-sign
+    unicode:    f081
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       facebook-sign
+    id:         facebook-sign
+    unicode:    f082
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       camera-retro
+    id:         camera-retro
+    unicode:    f083
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       key
+    id:         key
+    unicode:    f084
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cogs
+    id:         cogs
+    unicode:    f085
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       comments
+    id:         comments
+    unicode:    f086
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       thumbs-up
+    id:         thumbs-up
+    unicode:    f087
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       thumbs-down
+    id:         thumbs-down
+    unicode:    f088
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       star-half
+    id:         star-half
+    unicode:    f089
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       heart-empty
+    id:         heart-empty
+    unicode:    f08a
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       signout
+    id:         signout
+    unicode:    f08b
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       linkedin-sign
+    id:         linkedin-sign
+    unicode:    f08c
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       pushpin
+    id:         pushpin
+    unicode:    f08d
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       external-link
+    id:         external-link
+    unicode:    f08e
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       signin
+    id:         signin
+    unicode:    f090
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       trophy
+    id:         trophy
+    unicode:    f091
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       github-sign
+    id:         github-sign
+    unicode:    f092
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       upload-alt
+    id:         upload-alt
+    unicode:    f093
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       lemon
+    id:         lemon
+    unicode:    f094
+    created:    1.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       phone
+    id:         phone
+    unicode:    f095
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       check-empty
+    id:         check-empty
+    unicode:    f096
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bookmark-empty
+    id:         bookmark-empty
+    unicode:    f097
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       phone-sign
+    id:         phone-sign
+    unicode:    f098
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       twitter
+    id:         twitter
+    unicode:    f099
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       facebook
+    id:         facebook
+    unicode:    f09a
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       github
+    id:         github
+    unicode:    f09b
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       unlock
+    id:         unlock
+    unicode:    f09c
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       credit-card
+    id:         credit-card
+    unicode:    f09d
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       rss
+    id:         rss
+    unicode:    f09e
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       hdd
+    id:         hdd
+    unicode:    f0a0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bullhorn
+    id:         bullhorn
+    unicode:    f0a1
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bell
+    id:         bell
+    unicode:    f0a2
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       certificate
+    id:         certificate
+    unicode:    f0a3
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       hand-right
+    id:         hand-right
+    unicode:    f0a4
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       hand-left
+    id:         hand-left
+    unicode:    f0a5
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       hand-up
+    id:         hand-up
+    unicode:    f0a6
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       hand-down
+    id:         hand-down
+    unicode:    f0a7
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle-arrow-left
+    id:         circle-arrow-left
+    unicode:    f0a8
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle-arrow-right
+    id:         circle-arrow-right
+    unicode:    f0a9
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle-arrow-up
+    id:         circle-arrow-up
+    unicode:    f0aa
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle-arrow-down
+    id:         circle-arrow-down
+    unicode:    f0ab
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       globe
+    id:         globe
+    unicode:    f0ac
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       wrench
+    id:         wrench
+    unicode:    f0ad
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       tasks
+    id:         tasks
+    unicode:    f0ae
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       filter
+    id:         filter
+    unicode:    f0b0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       briefcase
+    id:         briefcase
+    unicode:    f0b1
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       fullscreen
+    id:         fullscreen
+    unicode:    f0b2
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       group
+    id:         group
+    unicode:    f0c0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       link
+    id:         link
+    unicode:    f0c1
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cloud
+    id:         cloud
+    unicode:    f0c2
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       beaker
+    id:         beaker
+    unicode:    f0c3
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cut
+    id:         cut
+    unicode:    f0c4
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       copy
+    id:         copy
+    unicode:    f0c5
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       paper-clip
+    id:         paper-clip
+    unicode:    f0c6
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       save
+    id:         save
+    unicode:    f0c7
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       sign-blank
+    id:         sign-blank
+    unicode:    f0c8
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       reorder
+    id:         reorder
+    unicode:    f0c9
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       list-ul
+    id:         list-ul
+    unicode:    f0ca
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       list-ol
+    id:         list-ol
+    unicode:    f0cb
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       strikethrough
+    id:         strikethrough
+    unicode:    f0cc
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       underline
+    id:         underline
+    unicode:    f0cd
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       table
+    id:         table
+    unicode:    f0ce
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       magic
+    id:         magic
+    unicode:    f0d0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       truck
+    id:         truck
+    unicode:    f0d1
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       pinterest
+    id:         pinterest
+    unicode:    f0d2
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       pinterest-sign
+    id:         pinterest-sign
+    unicode:    f0d3
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       google-plus-sign
+    id:         google-plus-sign
+    unicode:    f0d4
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       google-plus
+    id:         google-plus
+    unicode:    f0d5
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       money
+    id:         money
+    unicode:    f0d6
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       caret-down
+    id:         caret-down
+    unicode:    f0d7
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       caret-up
+    id:         caret-up
+    unicode:    f0d8
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       caret-left
+    id:         caret-left
+    unicode:    f0d9
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       caret-right
+    id:         caret-right
+    unicode:    f0da
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       columns
+    id:         columns
+    unicode:    f0db
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       sort
+    id:         sort
+    unicode:    f0dc
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       sort-down
+    id:         sort-down
+    unicode:    f0dd
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       sort-up
+    id:         sort-up
+    unicode:    f0de
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       envelope-alt
+    id:         envelope-alt
+    unicode:    f0e0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       linkedin
+    id:         linkedin
+    unicode:    f0e1
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       undo
+    id:         undo
+    unicode:    f0e2
+    created:    2.0.0
+    aliases:
+      - rotate-left
+    categories:
+      - Web Application Icons 
+
+  - name:       legal
+    id:         legal
+    unicode:    f0e3
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       dashboard
+    id:         dashboard
+    unicode:    f0e4
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       comment-alt
+    id:         comment-alt
+    unicode:    f0e5
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       comments-alt
+    id:         comments-alt
+    unicode:    f0e6
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bolt
+    id:         bolt
+    unicode:    f0e7
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       sitemap
+    id:         sitemap
+    unicode:    f0e8
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       umbrella
+    id:         umbrella
+    unicode:    f0e9
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       paste
+    id:         paste
+    unicode:    f0ea
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       lightbulb
+    id:         lightbulb
+    unicode:    f0eb
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       exchange
+    id:         exchange
+    unicode:    f0ec
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cloud-download
+    id:         cloud-download
+    unicode:    f0ed
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       cloud-upload
+    id:         cloud-upload
+    unicode:    f0ee
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       user-md
+    id:         user-md
+    unicode:    f0f0
+    created:    2.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       stethoscope
+    id:         stethoscope
+    unicode:    f0f1
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       suitcase
+    id:         suitcase
+    unicode:    f0f2
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       bell-alt
+    id:         bell-alt
+    unicode:    f0f3
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       coffee
+    id:         coffee
+    unicode:    f0f4
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       food
+    id:         food
+    unicode:    f0f5
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       file-alt
+    id:         file-alt
+    unicode:    f0f6
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       building
+    id:         building
+    unicode:    f0f7
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       hospital
+    id:         hospital
+    unicode:    f0f8
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       ambulance
+    id:         ambulance
+    unicode:    f0f9
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       medkit
+    id:         medkit
+    unicode:    f0fa
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       fighter-jet
+    id:         fighter-jet
+    unicode:    f0fb
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       beer
+    id:         beer
+    unicode:    f0fc
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       h-sign
+    id:         h-sign
+    unicode:    f0fd
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       plus-sign-alt
+    id:         plus-sign-alt
+    unicode:    f0fe
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       double-angle-left
+    id:         double-angle-left
+    unicode:    f100
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       double-angle-right
+    id:         double-angle-right
+    unicode:    f101
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       double-angle-up
+    id:         double-angle-up
+    unicode:    f102
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       double-angle-down
+    id:         double-angle-down
+    unicode:    f103
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       angle-left
+    id:         angle-left
+    unicode:    f104
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       angle-right
+    id:         angle-right
+    unicode:    f105
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       angle-up
+    id:         angle-up
+    unicode:    f106
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       angle-down
+    id:         angle-down
+    unicode:    f107
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       desktop
+    id:         desktop
+    unicode:    f108
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       laptop
+    id:         laptop
+    unicode:    f109
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       tablet
+    id:         tablet
+    unicode:    f10a
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       mobile-phone
+    id:         mobile-phone
+    unicode:    f10b
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle-blank
+    id:         circle-blank
+    unicode:    f10c
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       quote-left
+    id:         quote-left
+    unicode:    f10d
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       quote-right
+    id:         quote-right
+    unicode:    f10e
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       spinner
+    id:         spinner
+    unicode:    f110
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       circle
+    id:         circle
+    unicode:    f111
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       reply
+    id:         reply
+    unicode:    f112
+    created:    3.0.0
+    aliases:
+      - mail-reply
+    categories:
+      - Web Application Icons 
+
+  - name:       github-alt
+    id:         github-alt
+    unicode:    f113
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       folder-close-alt
+    id:         folder-close-alt
+    unicode:    f114
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       folder-open-alt
+    id:         folder-open-alt
+    unicode:    f115
+    created:    3.0.0
+    categories:
+      - Web Application Icons 
+
+  - name:       expand-alt
+    id:         expand-alt
+    unicode:    f116
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       collapse-alt
+    id:         collapse-alt
+    unicode:    f117
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       smile
+    id:         smile
+    unicode:    f118
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       frown
+    id:         frown
+    unicode:    f119
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       meh
+    id:         meh
+    unicode:    f11a
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       gamepad
+    id:         gamepad
+    unicode:    f11b
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       keyboard
+    id:         keyboard
+    unicode:    f11c
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       flag-alt
+    id:         flag-alt
+    unicode:    f11d
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       flag-checkered
+    id:         flag-checkered
+    unicode:    f11e
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       terminal
+    id:         terminal
+    unicode:    f120
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       code
+    id:         code
+    unicode:    f121
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       reply-all
+    id:         reply-all
+    unicode:    f122
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       mail-reply-all
+    id:         mail-reply-all
+    unicode:    f122
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       star-half-empty
+    id:         star-half-empty
+    unicode:    f123
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       location-arrow
+    id:         location-arrow
+    unicode:    f124
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       crop
+    id:         crop
+    unicode:    f125
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       code-fork
+    id:         code-fork
+    unicode:    f126
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       unlink
+    id:         unlink
+    unicode:    f127
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       question
+    id:         question
+    unicode:    f128
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       info
+    id:         info
+    unicode:    f129
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       exclamation
+    id:         exclamation
+    unicode:    f12a
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       superscript
+    id:         superscript
+    unicode:    f12b
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       subscript
+    id:         subscript
+    unicode:    f12c
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       eraser
+    id:         eraser
+    unicode:    f12d
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       puzzle-piece
+    id:         puzzle-piece
+    unicode:    f12e
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+
+  - name:       microphone
+    id:         microphone
+    unicode:    f130
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       microphone-off
+    id:         microphone-off
+    unicode:    f131
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       shield
+    id:         shield
+    unicode:    f132
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       calendar-empty
+    id:         calendar-empty
+    unicode:    f133
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       fire-extinguisher
+    id:         fire-extinguisher
+    unicode:    f134
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
+
+  - name:       rocket
+    id:         rocket
+    unicode:    f135
+    created:    3.1.0
+    categories:
+      - Web Application Icons 
diff --git a/build/icons/index.html b/build/icons/index.html
new file mode 100644
index 000000000..d752b5c0b
--- /dev/null
+++ b/build/icons/index.html
@@ -0,0 +1,20 @@
+---
+layout: base
+title: Font Awesome Icons
+navbar_active: icons
+---
+{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i>&nbsp; The Icons{% endcapture %}
+{% capture jumbotron_p %}The complete set of 249 icons in Font Awesome {{ site.font-awesome.version }}{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include icons/new.html %}
+  {% include icons/web-app.html %}
+  {% include icons/text-editor.html %}
+  {% include icons/directional.html %}
+  {% include icons/video-player.html %}
+  {% include icons/social.html %}
+  {% include icons/medical.html %}
+</div>
diff --git a/build/index.html b/build/index.html
new file mode 100644
index 000000000..8478c1d04
--- /dev/null
+++ b/build/index.html
@@ -0,0 +1,16 @@
+---
+layout: base
+title: Font Awesome, the iconic font designed for use with Twitter Bootstrap
+navbar_active: home
+---
+
+{% include jumbotron-slider.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  <div class="carbonad-horizontal">
+    {% include ads/carbon-light-horizontal.html %}
+  </div>
+  {% include why.html %}
+  {% include special-thanks.html %}
+</div>
diff --git a/build/integration/index.html b/build/integration/index.html
new file mode 100644
index 000000000..402b94d2c
--- /dev/null
+++ b/build/integration/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Integration
+navbar_active: integration
+---
+{% capture jumbotron_h1 %}<i class="icon-cogs icon-large"></i>&nbsp; Integration{% endcapture %}
+{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.font-awesome.version }} up and running{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include integration.html %}
+</div>
diff --git a/build/roadmap/index.html b/build/roadmap/index.html
new file mode 100644
index 000000000..cbd619672
--- /dev/null
+++ b/build/roadmap/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Roadmap
+navbar_active: roadmap
+---
+{% capture jumbotron_h1 %}<i class="icon-road icon-large"></i>&nbsp; Roadmap{% endcapture %}
+{% capture jumbotron_p %}The plan for future updates to Font Awesome{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include roadmap.html %}
+</div>
diff --git a/docs/test.html b/build/test.html
index f4acdb82e..f4acdb82e 100644
--- a/docs/test.html
+++ b/build/test.html
diff --git a/build/thanks/index.html b/build/thanks/index.html
new file mode 100644
index 000000000..8b8348df5
--- /dev/null
+++ b/build/thanks/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Say Thanks
+navbar_active: thanks
+---
+{% capture jumbotron_h1 %}<i class="icon-thumbs-up icon-large"></i>&nbsp; Say Thanks{% endcapture %}
+{% capture jumbotron_p %}Like Font Awesome? Here's some ways to tell me thanks.{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include say-thanks.html %}
+</div>
diff --git a/build/whats-new/index.html b/build/whats-new/index.html
new file mode 100644
index 000000000..9000c811c
--- /dev/null
+++ b/build/whats-new/index.html
@@ -0,0 +1,15 @@
+---
+layout: base
+title: What's New
+navbar_active: whats-new
+---
+{% capture jumbotron_h1 %}<i class="icon-lightbulb icon-large"></i>&nbsp; What's New{% endcapture %}
+{% capture jumbotron_p %}What's New in the latest version &mdash; Font Awesome {{ site.font-awesome.version }}{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+  {% include whats-new.html %}
+  {% include icons/new.html %}
+</div>
diff --git a/docs/assets/font/FontAwesome.otf b/docs/assets/font/FontAwesome.otf
deleted file mode 100644
index 37b6389b1..000000000
--- a/docs/assets/font/FontAwesome.otf
+++ /dev/null
diff --git a/docs/assets/js/index/index.js b/docs/assets/js/index/index.js
deleted file mode 100644
index 18dc296b4..000000000
--- a/docs/assets/js/index/index.js
+++ /dev/null
@@ -1,89 +0,0 @@
-$(function() {
-  // start the icon carousel
-  $('#iconCarousel').carousel({
-    interval: 5000
-  });
-
-  // make code pretty
-  window.prettyPrint && prettyPrint();
-
-  // inject twitter & github counts
-  $.ajax({
-    url: 'http://api.twitter.com/1/users/show.json',
-    data: {screen_name: 'fortaweso_me'},
-    dataType: 'jsonp',
-    success: function(data) {
-      $('#followers').html(data.followers_count);
-    }
-  });
-  $.ajax({
-    url: 'https://api.github.com/repos/fortawesome/Font-Awesome',
-    dataType: 'jsonp',
-    success: function(data) {
-      $('#watchers').html(data.data.watchers);
-      $('#forks').html(data.data.forks);
-    }
-  });
-
-
-
-
-
-  var firstInHistory = true;
-
-  var MainView = Backbone.View.extend({
-    el: $("div.container"),
-
-    modalTemplate: _.template($("#modal-template").html()),
-
-    events:{
-      "click ul.the-icons > li": "iconClicked"
-    },
-
-    iconClicked: function(event) {
-      event.preventDefault();
-
-      var $item = $(event.currentTarget);
-      var $iconName = $item.find("i").attr("class");
-      _gaq.push(['_trackEvent', 'iconClick', $iconName]);
-
-      mainRouter.navigate("icon/" + $iconName, {trigger: true});
-      firstInHistory = false;
-    }
-  });
-
-
-  var MainRouter = Backbone.Router.extend({
-    routes: {
-      "": "checkModal",
-      "icon/:iconName": "showIcon"
-    },
-
-    checkModal: function() {
-      var $modal = $("div.modal");
-      
-      if ($modal.length > 0) {
-        $modal.modal("hide");
-      }
-    },
-
-    showIcon: function(iconName) {
-      var $modal = $(mainView.modalTemplate({"iconName": iconName}));
-
-      $modal.modal("show");
-      $modal.on('hidden', function () {
-        $modal.remove();
-        if (firstInHistory) {
-          mainRouter.navigate("/", {trigger: false});
-          firstInHistory = false;
-        } else {
-          window.history.back();
-        }
-      })
-    }
-  });
-
-  var mainView = new MainView();
-  var mainRouter = new MainRouter();
-  Backbone.history.start({pushState : false});
-});
diff --git a/docs/index.html b/docs/index.html
deleted file mode 100644
index 5ea5de275..000000000
--- a/docs/index.html
+++ /dev/null
@@ -1,1444 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!-->
-<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
-<head>
-  <!-- Basic Page Needs
- ================================================== -->
-  <meta charset="utf-8" />
-  <title>Font Awesome, the iconic font designed for use with Twitter Bootstrap</title>
-  <meta name="description" content="">
-  <meta name="author" content="">
-  <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">-->
-
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-<![endif]-->
-
-  <!-- CSS
- ================================================== -->
-
-  <link rel="stylesheet" href="assets/css/site.css">
-  <link rel="stylesheet" href="assets/css/prettify.css">
-  <link rel="stylesheet" href="assets/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="assets/css/font-awesome-ie7.css">
-  <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="assets/ico/favicon.ico">
-
-  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
-  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-
-  <script type="text/javascript">
-    var _gaq = _gaq || [];
-    _gaq.push(['_setAccount', 'UA-30136587-1']);
-    _gaq.push(['_trackPageview']);
-
-    (function() {
-      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-    })();
-  </script>
-</head>
-<body data-spy="scroll" data-target=".navbar">
-
-<div class="navbar navbar-inverse navbar-fixed-top">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
-      <ul class="nav">
-        <li><a href="#whats-new">What's New</a></li>
-        <li class="dropdown">
-          <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
-            Icons
-            <i class="icon-caret-down"></i>
-          </a>
-          <ul class="dropdown-menu" role="menu">
-            <li><a href="#icons-new">New Icons in 3.1.0</a></li>
-            <li class="divider"></li>
-            <li class="nav-header">All Icons</li>
-            <li><a href="#icons-web-app"><i class="icon-edit"></i> Web Application</a></li>
-            <li><a href="#icons-text-editor"><i class="icon-save"></i> Text Editor</a></li>
-            <li><a href="#icons-directional"><i class="icon-hand-right"></i> Directional</a></li>
-            <li><a href="#icons-video-player"><i class="icon-play"></i> Video Player</a></li>
-            <li><a href="#icons-social"><i class="icon-github"></i> Social</a></li>
-            <li><a href="#icons-medical"><i class="icon-stethoscope"></i> Medical</a></li>
-          </ul>
-        </li>
-        <li><a href="#integration">Integration</a></li>
-        <li><a href="#examples">Examples</a></li>
-        <li><a href="#contribute">Contribute</a></li>
-        <li><a href="#roadmap">Roadmap</a></li>
-        <li><a href="#license">License</a></li>
-      </ul>
-      <ul class="nav pull-right">
-        <li><a href="mailto:dave@davegandy.com"><i class="icon-envelope"></i> Me</a></li>
-      </ul>
-    </div>
-  </div>
-</div>
-
-
-<div class="jumbotron">
-<div class="container">
-  <div class="row">
-    <div class="span8">
-      <div class="hero-content">
-        <h1>Font Awesome</h1>
-        <p>The iconic font designed for<br>use with Twitter Bootstrap</p>
-        <div class="actions">
-          <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master"
-             onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
-            <i class="icon-download icon-2x pull-left"></i>
-            Download Font<br>Awesome 3.1.0</a>
-          <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"
-             onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
-            <i class="icon-github icon-2x pull-left"></i>
-            View Project<br>on GitHub</a>
-        </div>
-        <div class="shameless-self-promotion">
-          Version 3.1.0 • Created & Maintained by Dave Gandy
-        </div>
-      </div>
-    </div>
-    <div class="span4">
-      <div id="iconCarousel" class="carousel slide">
-        <!-- Carousel items -->
-        <div class="carousel-inner">
-          <div class="active item"><div><i class="icon-flag"></i></div></div>
-          <div class="item"><div><i class="icon-cloud-download"></i></div></div>
-          <div class="item"><div><i class="icon-lightbulb"></i></div></div>
-          <div class="item"><div><i class="icon-group"></i></div></div>
-          <div class="item"><div><i class="icon-ambulance"></i></div></div>
-          <div class="item"><div><i class="icon-star-empty"></i></div></div>
-          <div class="item"><div><i class="icon-envelope"></i></div></div>
-          <div class="item"><div><i class="icon-coffee"></i></div></div>
-          <div class="item"><div><i class="icon-medkit"></i></div></div>
-          <div class="item"><div><i class="icon-book"></i></div></div>
-          <div class="item"><div><i class="icon-fighter-jet"></i></div></div>
-          <div class="item"><div><i class="icon-edit"></i></div></div>
-          <div class="item"><div><i class="icon-search"></i></div></div>
-          <div class="item"><div><i class="icon-beer"></i></div></div>
-          <div class="item"><div><i class="icon-quote-left"></i></div></div>
-          <div class="item"><div><i class="icon-stethoscope"></i></div></div>
-          <div class="item"><div><i class="icon-heart-empty"></i></div></div>
-          <div class="item"><div><i class="icon-thumbs-up"></i></div></div>
-        </div>
-        <!-- Carousel nav -->
-        <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
-           onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
-          <i class="icon-arrow-left"></i></a>
-        <a class="carousel-control right" href="#iconCarousel" data-slide="next"
-           onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
-          <i class="icon-arrow-right"></i></a>
-      </div>
-    </div>
-  </div>
-
-</div>
-</div>
-
-<div id="social-buttons">
-  <div class="container">
-    <span class="watch">
-      <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>
-      <a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>
-    </span>
-    <span class="fork">
-      <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>
-      <a id="forks" class="count btn btn-mini" href="#">800+</a>
-    </span>
-    <span class="follow">
-      <a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>
-      <span id="followers" class="count btn btn-mini">2500+</span>
-    </span>
-  </div>
-</div>
-
-<div class="container">
-<section id="why" class="clearfix">
-  <div class="row">
-    <div class="span4">
-      <h4><i class="icon-flag"></i> One font, 249 icons</h4>
-      In a single collection, Font Awesome is a pictographic language of web-related actions.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-pencil"></i> CSS control</h4>
-      Easily style icon color, size, shadow, and anything that's possible with CSS.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-fullscreen"></i> Infinite scalability</h4>
-      Scalable vector graphics means every icon looks awesome at any size.
-    </div>
-  </div>
-  <div class="row">
-    <div class="span4">
-      <h4><i class="icon-beer"></i> Free, as in Beer</h4>
-      Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-ok"></i> IE7 Support</h4>
-      Font Awesome supports IE7. If you need it, you have my condolences.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
-      Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
-    </div>
-  </div>
-  <div class="row">
-    <div class="span4">
-      <h4><i class="icon-thumbs-up"></i> Made for Twitter Bootstrap</h4>
-      Designed from scratch to be fully compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.2.2</a>.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-tint"></i> Designer Friendly</h4>
-      Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-search"></i> Screen reader compatible</h4>
-      Font Awesome won't trip up screen readers, unlike other icon fonts.
-    </div>
-  </div>
-</section>
-
-<section id="whats-new">
-  <h2 class="page-header">What's new in Font Awesome 3.0</h2>
-  <div class="row">
-    <div class="span4">
-      <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4>
-      Every single icon re-created from the ground up to be optimized for Bootstrap's default 14px.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-th-large"></i> <a target="_blank"  href="http://icnfnt.com/">Font Sub-setting</a></h4>
-      Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a target="_blank"  href="http://icnfnt.com/">subset</a> to get just the icons you need.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-legal"></i> <a href="#license">Better License</a></h4>
-      SIL open font license, MIT license for code. No more attribution required, but much appreciated.
-    </div>
-  </div>
-  <div class="row">
-    <div class="span4">
-      <h4><i class="icon-lightbulb"></i> 40 New Icons in 3.0</h4>
-      Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-spinner icon-spin"></i> <a href="#examples">New Styles</a></h4>
-      <a href="#examples">New styles</a> for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-resize-small"></i> 28% Smaller Payload</h4>
-      3.0 is smaller, even with 16% more icons. Crazy small if you <a target="_blank"  href="http://icnfnt.com/">subset</a> just the icons you need.
-    </div>
-  </div>
-</section>
-
-<section id="icons-new" class="row">
-  <div class="span12">
-    <h2 class="page-header">New Icons in 3.1.0</h2>
-    <p>
-      You asked, Font Awesome delivers with 40 shiny new icons in version 3.0. New icons can be requested on the
-      <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. Or even
-      better, you can <a href="#contribute">contribute your own icons</a>.
-    </p>
-  </div>
-
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-smile"></i> icon-smile</li>
-      <li><i class="icon-frown"></i> icon-frown</li>
-      <li><i class="icon-meh"></i> icon-meh</li>
-      <li><i class="icon-gamepad"></i> icon-gamepad</li>
-      <li><i class="icon-keyboard"></i> icon-keyboard</li>
-      <li><i class="icon-flag-alt"></i> icon-flag-alt</li>
-      <li><i class="icon-flag-checkered"></i> icon-flag-checkered</li>
-      <li><i class="icon-terminal"></i> icon-terminal</li>
-      <li><i class="icon-code"></i> icon-code</li>
-      <li><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></li>
-      <li><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></li>
-      <li><i class="icon-reply-all"></i> icon-reply-all</li>
-      <li><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></li>
-      <li><i class="icon-star-half-empty"></i> icon-star-half-empty</li>
-      <li><i class="icon-location-arrow"></i> icon-location-arrow</li>
-      <li><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></li>
-      <li><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></li>
-      <li><i class="icon-crop"></i> icon-crop</li>
-      <li><i class="icon-code-fork"></i> icon-code-fork</li>
-      <li><i class="icon-unlink"></i> icon-unlink</li>
-      <li><i class="icon-question"></i> icon-question</li>
-      <li><i class="icon-info"></i> icon-info</li>
-      <li><i class="icon-exclamation"></i> icon-exclamation</li>
-      <li><i class="icon-superscript"></i> icon-superscript</li>
-      <li><i class="icon-subscript"></i> icon-subscript</li>
-      <li><i class="icon-eraser"></i> icon-eraser</li>
-      <li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li>
-      <li><i class="icon-microphone"></i> icon-microphone</li>
-      <li><i class="icon-microphone-off"></i> icon-microphone-off</li>
-      <li><i class="icon-shield"></i> icon-shield</li>
-      <li><i class="icon-calendar-empty"></i> icon-calendar-empty</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-web-app" class="row">
-  <div class="span12">
-    <h2 class="page-header">Web Application Icons</h2>
-  </div>
-
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-adjust"></i> icon-adjust</li>
-      <li><i class="icon-asterisk"></i> icon-asterisk</li>
-      <li><i class="icon-ban-circle"></i> icon-ban-circle</li>
-      <li><i class="icon-bar-chart"></i> icon-bar-chart</li>
-      <li><i class="icon-barcode"></i> icon-barcode</li>
-      <li><i class="icon-beaker"></i> icon-beaker</li>
-      <li><i class="icon-beer"></i> icon-beer</li>
-      <li><i class="icon-bell"></i> icon-bell</li>
-      <li><i class="icon-bell-alt"></i> icon-bell-alt</li>
-      <li><i class="icon-bolt"></i> icon-bolt</li>
-      <li><i class="icon-book"></i> icon-book</li>
-      <li><i class="icon-bookmark"></i> icon-bookmark</li>
-      <li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
-      <li><i class="icon-briefcase"></i> icon-briefcase</li>
-      <li><i class="icon-bullhorn"></i> icon-bullhorn</li>
-      <li><i class="icon-calendar"></i> icon-calendar</li>
-      <li><i class="icon-camera"></i> icon-camera</li>
-      <li><i class="icon-camera-retro"></i> icon-camera-retro</li>
-      <li><i class="icon-certificate"></i> icon-certificate</li>
-      <li><i class="icon-check"></i> icon-check</li>
-      <li><i class="icon-check-empty"></i> icon-check-empty</li>
-      <li><i class="icon-circle"></i> icon-circle</li>
-      <li><i class="icon-circle-blank"></i> icon-circle-blank</li>
-      <li><i class="icon-cloud"></i> icon-cloud</li>
-      <li><i class="icon-cloud-download"></i> icon-cloud-download</li>
-      <li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
-      <li><i class="icon-coffee"></i> icon-coffee</li>
-      <li><i class="icon-cog"></i> icon-cog</li>
-      <li><i class="icon-cogs"></i> icon-cogs</li>
-      <li><i class="icon-comment"></i> icon-comment</li>
-      <li><i class="icon-comment-alt"></i> icon-comment-alt</li>
-      <li><i class="icon-comments"></i> icon-comments</li>
-      <li><i class="icon-comments-alt"></i> icon-comments-alt</li>
-      <li><i class="icon-credit-card"></i> icon-credit-card</li>
-      <li><i class="icon-dashboard"></i> icon-dashboard</li>
-      <li><i class="icon-desktop"></i> icon-desktop</li>
-      <li><i class="icon-download"></i> icon-download</li>
-      <li><i class="icon-download-alt"></i> icon-download-alt</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-edit"></i> icon-edit</li>
-      <li><i class="icon-envelope"></i> icon-envelope</li>
-      <li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
-      <li><i class="icon-exchange"></i> icon-exchange</li>
-      <li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li>
-      <li><i class="icon-external-link"></i> icon-external-link</li>
-      <li><i class="icon-eye-close"></i> icon-eye-close</li>
-      <li><i class="icon-eye-open"></i> icon-eye-open</li>
-      <li><i class="icon-facetime-video"></i> icon-facetime-video</li>
-      <li><i class="icon-fighter-jet"></i> icon-fighter-jet</li>
-      <li><i class="icon-film"></i> icon-film</li>
-      <li><i class="icon-filter"></i> icon-filter</li>
-      <li><i class="icon-fire"></i> icon-fire</li>
-      <li><i class="icon-flag"></i> icon-flag</li>
-      <li><i class="icon-folder-close"></i> icon-folder-close</li>
-      <li><i class="icon-folder-open"></i> icon-folder-open</li>
-      <li><i class="icon-folder-close-alt"></i> icon-folder-close-alt</li>
-      <li><i class="icon-folder-open-alt"></i> icon-folder-open-alt</li>
-      <li><i class="icon-food"></i> icon-food</li>
-      <li><i class="icon-gift"></i> icon-gift</li>
-      <li><i class="icon-glass"></i> icon-glass</li>
-      <li><i class="icon-globe"></i> icon-globe</li>
-      <li><i class="icon-group"></i> icon-group</li>
-      <li><i class="icon-hdd"></i> icon-hdd</li>
-      <li><i class="icon-headphones"></i> icon-headphones</li>
-      <li><i class="icon-heart"></i> icon-heart</li>
-      <li><i class="icon-heart-empty"></i> icon-heart-empty</li>
-      <li><i class="icon-home"></i> icon-home</li>
-      <li><i class="icon-inbox"></i> icon-inbox</li>
-      <li><i class="icon-info-sign"></i> icon-info-sign</li>
-      <li><i class="icon-key"></i> icon-key</li>
-      <li><i class="icon-leaf"></i> icon-leaf</li>
-      <li><i class="icon-laptop"></i> icon-laptop</li>
-      <li><i class="icon-legal"></i> icon-legal</li>
-      <li><i class="icon-lemon"></i> icon-lemon</li>
-      <li><i class="icon-lightbulb"></i> icon-lightbulb</li>
-      <li><i class="icon-lock"></i> icon-lock</li>
-      <li><i class="icon-unlock"></i> icon-unlock</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-magic"></i> icon-magic</li>
-      <li><i class="icon-magnet"></i> icon-magnet</li>
-      <li><i class="icon-map-marker"></i> icon-map-marker</li>
-      <li><i class="icon-minus"></i> icon-minus</li>
-      <li><i class="icon-minus-sign"></i> icon-minus-sign</li>
-      <li><i class="icon-mobile-phone"></i> icon-mobile-phone</li>
-      <li><i class="icon-money"></i> icon-money</li>
-      <li><i class="icon-move"></i> icon-move</li>
-      <li><i class="icon-music"></i> icon-music</li>
-      <li><i class="icon-off"></i> icon-off</li>
-      <li><i class="icon-ok"></i> icon-ok</li>
-      <li><i class="icon-ok-circle"></i> icon-ok-circle</li>
-      <li><i class="icon-ok-sign"></i> icon-ok-sign</li>
-      <li><i class="icon-pencil"></i> icon-pencil</li>
-      <li><i class="icon-picture"></i> icon-picture</li>
-      <li><i class="icon-plane"></i> icon-plane</li>
-      <li><i class="icon-plus"></i> icon-plus</li>
-      <li><i class="icon-plus-sign"></i> icon-plus-sign</li>
-      <li><i class="icon-print"></i> icon-print</li>
-      <li><i class="icon-pushpin"></i> icon-pushpin</li>
-      <li><i class="icon-qrcode"></i> icon-qrcode</li>
-      <li><i class="icon-question-sign"></i> icon-question-sign</li>
-      <li><i class="icon-quote-left"></i> icon-quote-left</li>
-      <li><i class="icon-quote-right"></i> icon-quote-right</li>
-      <li><i class="icon-random"></i> icon-random</li>
-      <li><i class="icon-refresh"></i> icon-refresh</li>
-      <li><i class="icon-remove"></i> icon-remove</li>
-      <li><i class="icon-remove-circle"></i> icon-remove-circle</li>
-      <li><i class="icon-remove-sign"></i> icon-remove-sign</li>
-      <li><i class="icon-reorder"></i> icon-reorder</li>
-      <li><i class="icon-reply"></i> icon-reply</li>
-      <li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li>
-      <li><i class="icon-resize-vertical"></i> icon-resize-vertical</li>
-      <li><i class="icon-retweet"></i> icon-retweet</li>
-      <li><i class="icon-road"></i> icon-road</li>
-      <li><i class="icon-rss"></i> icon-rss</li>
-      <li><i class="icon-screenshot"></i> icon-screenshot</li>
-      <li><i class="icon-search"></i> icon-search</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-share"></i> icon-share</li>
-      <li><i class="icon-share-alt"></i> icon-share-alt</li>
-      <li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
-      <li><i class="icon-signal"></i> icon-signal</li>
-      <li><i class="icon-signin"></i> icon-signin</li>
-      <li><i class="icon-signout"></i> icon-signout</li>
-      <li><i class="icon-sitemap"></i> icon-sitemap</li>
-      <li><i class="icon-sort"></i> icon-sort</li>
-      <li><i class="icon-sort-down"></i> icon-sort-down</li>
-      <li><i class="icon-sort-up"></i> icon-sort-up</li>
-      <li><i class="icon-spinner"></i> icon-spinner</li>
-      <li><i class="icon-star"></i> icon-star</li>
-      <li><i class="icon-star-empty"></i> icon-star-empty</li>
-      <li><i class="icon-star-half"></i> icon-star-half</li>
-      <li><i class="icon-tablet"></i> icon-tablet</li>
-      <li><i class="icon-tag"></i> icon-tag</li>
-      <li><i class="icon-tags"></i> icon-tags</li>
-      <li><i class="icon-tasks"></i> icon-tasks</li>
-      <li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
-      <li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
-      <li><i class="icon-time"></i> icon-time</li>
-      <li><i class="icon-tint"></i> icon-tint</li>
-      <li><i class="icon-trash"></i> icon-trash</li>
-      <li><i class="icon-trophy"></i> icon-trophy</li>
-      <li><i class="icon-truck"></i> icon-truck</li>
-      <li><i class="icon-umbrella"></i> icon-umbrella</li>
-      <li><i class="icon-upload"></i> icon-upload</li>
-      <li><i class="icon-upload-alt"></i> icon-upload-alt</li>
-      <li><i class="icon-user"></i> icon-user</li>
-      <li><i class="icon-user-md"></i> icon-user-md</li>
-      <li><i class="icon-volume-off"></i> icon-volume-off</li>
-      <li><i class="icon-volume-down"></i> icon-volume-down</li>
-      <li><i class="icon-volume-up"></i> icon-volume-up</li>
-      <li><i class="icon-warning-sign"></i> icon-warning-sign</li>
-      <li><i class="icon-wrench"></i> icon-wrench</li>
-      <li><i class="icon-zoom-in"></i> icon-zoom-in</li>
-      <li><i class="icon-zoom-out"></i> icon-zoom-out</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-text-editor" class="row">
-  <div class="span12">
-    <h2 class="page-header">Text Editor Icons</h2>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-file"></i> icon-file</li>
-      <li><i class="icon-file-alt"></i> icon-file-alt</li>
-      <li><i class="icon-cut"></i> icon-cut</li>
-      <li><i class="icon-copy"></i> icon-copy</li>
-      <li><i class="icon-paste"></i> icon-paste</li>
-      <li><i class="icon-save"></i> icon-save</li>
-      <li><i class="icon-undo"></i> icon-undo</li>
-      <li><i class="icon-repeat"></i> icon-repeat</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-text-height"></i> icon-text-height</li>
-      <li><i class="icon-text-width"></i> icon-text-width</li>
-      <li><i class="icon-align-left"></i> icon-align-left</li>
-      <li><i class="icon-align-center"></i> icon-align-center</li>
-      <li><i class="icon-align-right"></i> icon-align-right</li>
-      <li><i class="icon-align-justify"></i> icon-align-justify</li>
-      <li><i class="icon-indent-left"></i> icon-indent-left</li>
-      <li><i class="icon-indent-right"></i> icon-indent-right</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-font"></i> icon-font</li>
-      <li><i class="icon-bold"></i> icon-bold</li>
-      <li><i class="icon-italic"></i> icon-italic</li>
-      <li><i class="icon-strikethrough"></i> icon-strikethrough</li>
-      <li><i class="icon-underline"></i> icon-underline</li>
-      <li><i class="icon-link"></i> icon-link</li>
-      <li><i class="icon-paper-clip"></i> icon-paper-clip</li>
-      <li><i class="icon-columns"></i> icon-columns</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-table"></i> icon-table</li>
-      <li><i class="icon-th-large"></i> icon-th-large</li>
-      <li><i class="icon-th"></i> icon-th</li>
-      <li><i class="icon-th-list"></i> icon-th-list</li>
-      <li><i class="icon-list"></i> icon-list</li>
-      <li><i class="icon-list-ol"></i> icon-list-ol</li>
-      <li><i class="icon-list-ul"></i> icon-list-ul</li>
-      <li><i class="icon-list-alt"></i> icon-list-alt</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-directional" class="row">
-  <div class="span12">
-    <h2 class="page-header">Directional Icons</h2>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-angle-left"></i> icon-angle-left</li>
-      <li><i class="icon-angle-right"></i> icon-angle-right</li>
-      <li><i class="icon-angle-up"></i> icon-angle-up</li>
-      <li><i class="icon-angle-down"></i> icon-angle-down</li>
-      <li><i class="icon-arrow-down"></i> icon-arrow-down</li>
-      <li><i class="icon-arrow-left"></i> icon-arrow-left</li>
-      <li><i class="icon-arrow-right"></i> icon-arrow-right</li>
-      <li><i class="icon-arrow-up"></i> icon-arrow-up</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-caret-down"></i> icon-caret-down</li>
-      <li><i class="icon-caret-left"></i> icon-caret-left</li>
-      <li><i class="icon-caret-right"></i> icon-caret-right</li>
-      <li><i class="icon-caret-up"></i> icon-caret-up</li>
-      <li><i class="icon-chevron-down"></i> icon-chevron-down</li>
-      <li><i class="icon-chevron-left"></i> icon-chevron-left</li>
-      <li><i class="icon-chevron-right"></i> icon-chevron-right</li>
-      <li><i class="icon-chevron-up"></i> icon-chevron-up</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li>
-      <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
-      <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
-      <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
-      <li><i class="icon-double-angle-left"></i> icon-double-angle-left</li>
-      <li><i class="icon-double-angle-right"></i> icon-double-angle-right</li>
-      <li><i class="icon-double-angle-up"></i> icon-double-angle-up</li>
-      <li><i class="icon-double-angle-down"></i> icon-double-angle-down</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-hand-down"></i> icon-hand-down</li>
-      <li><i class="icon-hand-left"></i> icon-hand-left</li>
-      <li><i class="icon-hand-right"></i> icon-hand-right</li>
-      <li><i class="icon-hand-up"></i> icon-hand-up</li>
-      <li><i class="icon-circle"></i> icon-circle</li>
-      <li><i class="icon-circle-blank"></i> icon-circle-blank</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-video-player" class="row">
-  <div class="span12">
-    <h2 class="page-header">Video Player Icons</h2>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-play-circle"></i> icon-play-circle</li>
-      <li><i class="icon-play"></i> icon-play</li>
-      <li><i class="icon-pause"></i> icon-pause</li>
-      <li><i class="icon-stop"></i> icon-stop</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-step-backward"></i> icon-step-backward</li>
-      <li><i class="icon-fast-backward"></i> icon-fast-backward</li>
-      <li><i class="icon-backward"></i> icon-backward</li>
-      <li><i class="icon-forward"></i> icon-forward</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-fast-forward"></i> icon-fast-forward</li>
-      <li><i class="icon-step-forward"></i> icon-step-forward</li>
-      <li><i class="icon-eject"></i> icon-eject</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-fullscreen"></i> icon-fullscreen</li>
-      <li><i class="icon-resize-full"></i> icon-resize-full</li>
-      <li><i class="icon-resize-small"></i> icon-resize-small</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-social" class="row">
-  <div class="span12">
-    <h2 class="page-header">Social Icons</h2>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-phone"></i> icon-phone</li>
-      <li><i class="icon-phone-sign"></i> icon-phone-sign</li>
-      <li><i class="icon-facebook"></i> icon-facebook</li>
-      <li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-twitter"></i> icon-twitter</li>
-      <li><i class="icon-twitter-sign"></i> icon-twitter-sign</li>
-      <li><i class="icon-github"></i> icon-github</li>
-      <li><i class="icon-github-alt"></i> icon-github-alt</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-github-sign"></i> icon-github-sign</li>
-      <li><i class="icon-linkedin"></i> icon-linkedin</li>
-      <li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
-      <li><i class="icon-pinterest"></i> icon-pinterest</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li>
-      <li><i class="icon-google-plus"></i> icon-google-plus</li>
-      <li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li>
-      <li><i class="icon-sign-blank"></i> icon-sign-blank</li>
-    </ul>
-  </div>
-</section>
-
-<section id="icons-medical" class="row">
-  <div class="span12">
-    <h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-ambulance"></i> icon-ambulance</li>
-      <li><i class="icon-beaker"></i> icon-beaker</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-h-sign"></i> icon-h-sign</li>
-      <li><i class="icon-hospital"></i> icon-hospital</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-medkit"></i> icon-medkit</li>
-      <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
-    </ul>
-  </div>
-  <div class="span3">
-    <ul class="the-icons">
-      <li><i class="icon-stethoscope"></i> icon-stethoscope</li>
-      <li><i class="icon-user-md"></i> icon-user-md</li>
-    </ul>
-  </div>
-</section>
-
-<section id="integration">
-  <h2 class="page-header">Integration</h2>
-  <p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p>
-  <div class="row">
-    <div class="span12">
-      <h4>Easy Bootstrap + Font Awesome Integration</h4>
-    </div>
-    <div class="span3">
-      <p>Use this method to integrate Font Awesome with the default Bootstrap CSS.</p>
-    </div>
-    <div class="span9">
-      <ol>
-        <li>Copy the Font Awesome font directory into your project.</li>
-        <li>Copy font-awesome.min.css into your project.</li>
-        <li>
-          Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place.
-          <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p>
-        </li>
-        <li>
-          In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
-<pre class="prettyprint linenums">
-&lt;link rel="stylesheet" href="../css/bootstrap.min.css"&gt;
-&lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt;
-</pre>
-        </li>
-        <li>Check out the examples to start using Font Awesome!</li>
-      </ol>
-    </div>
-  </div>
-  <div class="row">
-    <div class="span12">
-      <h4>Custom Bootstrap + Font Awesome Integration using LESS</h4>
-    </div>
-    <div class="span3">
-      <p>Use this method to integrate Font Awesome with Twitter Bootstrap using LESS.</p>
-    </div>
-    <div class="span9">
-      <ol>
-        <li>Copy the Font Awesome font directory into your project.</li>
-        <li>Copy font-awesome.less into your bootstrap/less directory.</li>
-        <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "font-awesome.less";</code></li>
-        <li>
-          Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
-<pre class="prettyprint linenums">
-@FontAwesomePath:   "../font";
-</pre>
-          <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
-        </li>
-        <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li>
-        <li>Check out the examples to start using Font Awesome!</li>
-      </ol>
-    </div>
-  </div>
-  <div class="row">
-    <div class="span12">
-      <h4>Custom Bootstrap + Font Awesome Integration using SASS or SCSS</h4>
-      <p>I have never used either, so let me know if the included SCSS or SASS files have issues.</p>
-    </div>
-  </div>
-  <div class="row">
-    <div class="span12">
-      <h4>Not using Bootstrap?</h4>
-    </div>
-    <div class="span3">
-      <p>Font Awesome works just as well without Twitter Bootstrap.</p>
-    </div>
-    <div class="span9">
-      <ol>
-        <li>Copy the Font Awesome font directory into your project.</li>
-        <li>Copy font-awesome.less or font-awesome.min.css into your project.</li>
-        <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li>
-        <li>Check out the examples to start using Font Awesome!</li>
-      </ol>
-    </div>
-  </div>
-  <div class="row">
-    <div class="span12">
-      <h4>Need IE7 Support?</h4>
-    </div>
-    <div class="span3">
-      <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
-    </div>
-    <div class="span9">
-      <ol>
-        <li>Get Font Awesome working properly in a modern browser.</li>
-        <li>Copy font-awesome-ie7.min.css into your project.</li>
-        <li>
-          In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
-<pre class="prettyprint linenums">
-&lt;link rel="stylesheet" href="../css/bootstrap.min.css"&gt;
-&lt;link rel="stylesheet" href="../css/font-awesome.min.css"&gt;
-&lt;!--[if IE 7]&gt;
-&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/font-awesome-ie7.min.css&quot;&gt;
-&lt;![endif]--&gt;
-</pre>
-        </li>
-        <li>Go complain to whoever decided your project needs IE7 support.</li>
-      </ol>
-    </div>
-  </div>
-</section>
-
-<section id="examples">
-  <h2 class="page-header">Examples</h2>
-  <p>Many examples re-used from the Twitter Bootstrap documentation.</p>
-  <div class="row">
-    <div class="span4">
-      <div class="well well-transparent">
-        <p>Use Font Awesome icons in:</p>
-        <ul class="icons">
-          <li><i class="icon-ok"></i>Bulleted lists (like this one)</li>
-          <li><i class="icon-ok"></i>Buttons</li>
-          <li><i class="icon-ok"></i>Button groups</li>
-          <li><i class="icon-ok"></i>Navigation</li>
-          <li><i class="icon-ok"></i>Prepended form inputs</li>
-          <li><i class="icon-ok"></i>And many more with Custom CSS</li>
-        </ul>
-      </div>
-    </div>
-    <div class="span4">
-      <p>
-        <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a>
-        <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a>
-        <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a>
-      </p>
-      <p>
-        <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a>
-        <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a>
-        <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a>
-      </p>
-      <div class="well" style="padding: 8px 0;">
-        <ul class="nav nav-list">
-          <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
-          <li><a href="#"><i class="icon-book"></i> Library</a></li>
-          <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-          <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="span4">
-      <div class="btn-toolbar">
-        <div class="btn-group">
-          <a class="btn" href="#"><i class="icon-align-left"></i></a>
-          <a class="btn" href="#"><i class="icon-align-center"></i></a>
-          <a class="btn" href="#"><i class="icon-align-right"></i></a>
-          <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-        </div>
-        <div class="btn-group">
-          <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
-          <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a>
-          <ul class="dropdown-menu">
-            <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-            <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-            <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
-            <li class="divider"></li>
-            <li><a href="#"><i class="i"></i> Make admin</a></li>
-          </ul>
-        </div>
-      </div>
-      <form>
-        <div class="control-group">
-          <div class="controls">
-            <div class="input-prepend">
-              <span class="add-on"><i class="icon-envelope"></i></span>
-              <input class="span2" id="inputIcon" type="text" placeholder="Email address">
-            </div>
-          </div>
-        </div>
-        <div class="control-group">
-          <div class="controls">
-            <div class="input-prepend">
-              <span class="add-on"><i class="icon-key"></i></span>
-              <input class="span2" id="inputIcon2" type="text" placeholder="Password">
-            </div>
-          </div>
-        </div>
-      </form>
-      <div>
-        <span class="rating">
-          <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
-        </span>
-      </div>
-    </div>
-  </div>
-
-  <h3 class="page-header">New Styles in 3.0</h3>
-  <div class="row">
-    <div class="span4">
-      <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
-    </div>
-    <div class="span4">
-      <div class="well well-large well-transparent lead">
-        <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content...
-      </div>
-    </div>
-    <div class="span4">
-      <p>
-        <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a>
-      </p>
-      <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
-    </div>
-  </div>
-
-<h3 class="page-header">Example HTML</h3>
-<div class="row">
-  <div class="span12">
-    <h4>Inline Icons</h4>
-  </div>
-  <div class="span3">
-    <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
-  </div>
-  <div class="span9">
-    <div class="well well-transparent">
-      <div style="font-size: 24px; line-height: 1.5em;">
-        <i class="icon-camera-retro"></i> icon-camera-retro
-      </div>
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class="icon-camera-retro"&gt;&lt;/i&gt; icon-camera-retro
-</pre>
-    <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Larger Icons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
-      <code>icon-3x</code>, or <code>icon-4x</code>.
-    </p>
-  </div>
-  <div class="span9">
-    <p>
-      Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
-      <code>icon-3x</code>, or <code>icon-4x</code> classes.
-    </p>
-    <div class="well well-transparent">
-      <div style="font-size: 24px; line-height: 1.5em;">
-        <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
-      </div>
-    </div>
-<pre class="prettyprint linenums">
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-large&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-2x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-3x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-4x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-</pre>
-    <div class="alert alert-info">
-      <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
-      sufficient line-height.
-    </div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Animated Spinner</h4>
-  </div>
-  <div class="span3">
-    <p>
-      Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and
-      <code>icon-refresh</code>.
-    </p>
-  </div>
-  <div class="span9">
-    <div class="well well-large well-transparent lead">
-      <i class="icon-spinner icon-spin"></i> Spinner icon when loading content...
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-spinner icon-spin&quot;&gt;&lt;/i&gt; Spinner icon when loading content...
-</pre>
-    <p class="alert alert-info">
-      <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
-    </p>
-  </div>
-</div>
-<div class="row">
-  <div class="span3">
-
-  </div>
-  <div class="span9">
-
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Bordered & Pulled Icons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
-      article graphics.
-    </p>
-  </div>
-  <div class="span9">
-    <div class="well well-large well-transparent">
-      <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      of them in any combination to get lots of new possibilities.
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-quote-left icon-4x pull-left icon-muted&quot;&gt;&lt;/i&gt;
-Use a few of the new styles together ... lots of new possibilities.
-</pre>
-    <div class="well well-large well-transparent">
-      <i class="icon-flag icon-4x pull-left icon-border"></i>
-      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      of them in any combination to get lots of new possibilities.
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-flag icon-4x pull-left icon-border&quot;&gt;&lt;/i&gt;
-Use a few of the new styles together ... lots of new possibilities.
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Buttons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      <a class="btn" href="#">
-        <i class="icon-repeat"></i> Reload</a>
-      <a class="btn btn-success" href="#">
-        <i class="icon-shopping-cart icon-large"></i> Checkout</a>
-    </p>
-    <p>
-      <a class="btn btn-large btn-primary" href="#">
-        <i class="icon-comment"></i> Comment</a>
-      <a class="btn btn-small btn-info" href="#">
-        <i class="icon-info-sign"></i> Info</a>
-    </p>
-    <p>
-      <a class="btn btn-danger" href="#">
-        <i class="icon-trash icon-large"></i> Delete</a>
-      <a class="btn btn-small" href="#">
-        <i class="icon-cog"></i> Settings</a>
-    </p>
-    <p>
-      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a>
-    </p>
-    <p>
-      <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
-    </p>
-
-  </div>
-  <div class="span9">
-    <p>
-      Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
-      <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
-    </p>
-<pre class="prettyprint linenums">
-&lt;a class="btn" href="#"&gt;
-  &lt;i class="icon-repeat"&gt;&lt;/i&gt; Reload&lt;/a&gt;
-&lt;a class="btn btn-success" href="#"&gt;
-  &lt;i class="icon-shopping-cart icon-large"&gt;&lt;/i&gt; Checkout&lt;/a&gt;
-&lt;a class="btn btn-large btn-primary" href="#"&gt;
-  &lt;i class="icon-comment"&gt;&lt;/i&gt; Comment&lt;/a&gt;
-&lt;a class="btn btn-small btn-info" href="#"&gt;
-  &lt;i class="icon-info-sign"&gt;&lt;/i&gt; Info&lt;/a&gt;
-&lt;a class="btn btn-danger" href="#"&gt;
-  &lt;i class="icon-trash icon-large"&gt;&lt;/i&gt; Delete&lt;/a&gt;
-&lt;a class="btn btn-small" href="#"&gt;
-  &lt;i class="icon-cog"&gt;&lt;/i&gt; Settings&lt;/a&gt;
-&lt;a class=&quot;btn btn-large btn-danger&quot; href=&quot;#&quot;&gt;
-  &lt;i class=&quot;icon-flag icon-2x pull-left&quot;&gt;&lt;/i&gt;Font Awesome&lt;br&gt;Version 3.0&lt;/a&gt;
-&lt;a class=&quot;btn btn-primary&quot; href=&quot;#&quot;&gt;
-  &lt;i class=&quot;icon-refresh icon-spin&quot;&gt;&lt;/i&gt; Synchronizing Content...&lt;/a&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Button groups</h4>
-  </div>
-  <div class="span3">
-    <p>
-      <div class="btn-group">
-        <a class="btn" href="#"><i class="icon-align-left"></i></a>
-        <a class="btn" href="#"><i class="icon-align-center"></i></a>
-        <a class="btn" href="#"><i class="icon-align-right"></i></a>
-        <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-      </div>
-    </p>
-  </div>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;div class="btn-group"&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-left"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-center"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-right"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-justify"&gt;&lt;/i&gt;&lt;/a&gt;
-&lt;/div&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Button dropdowns</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <div class="btn-group open">
-      <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
-      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
-        <span class="icon-caret-down"></span></a>
-      <ul class="dropdown-menu">
-        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
-        <li class="divider"></li>
-        <li><a href="#"><i class="i"></i> Make admin</a></li>
-      </ul>
-    </div>
-  </div>
-  </p>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;div class="btn-group open"&gt;
-    &lt;a class="btn btn-primary" href="#"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt; User&lt;/a&gt;
-    &lt;a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"&gt;&lt;span class="icon-caret-down"&gt;&lt;/span&gt;&lt;/a&gt;
-    &lt;ul class="dropdown-menu"&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit&lt;/a&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-ban-circle"&gt;&lt;/i&gt; Ban&lt;/a&gt;&lt;/li&gt;
-        &lt;li class="divider"&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="i"&gt;&lt;/i&gt; Make admin&lt;/a&gt;&lt;/li&gt;
-    &lt;/ul&gt;
-&lt;/div&gt;
-</pre>
-    <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Lists</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <ul class="icons">
-      <li><i class="icon-ok"></i> Lists</li>
-      <li><i class="icon-ok"></i> Buttons</li>
-      <li><i class="icon-ok"></i> Button groups</li>
-      <li><i class="icon-ok"></i> Navigation</li>
-      <li><i class="icon-ok"></i> Prepended form inputs</li>
-    </ul>
-    </p>
-  </div>
-  <div class="span9">
-    <p>Easily replace individual bullets.</p>
-<pre class="prettyprint linenums">
-&lt;ul class="icons"&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Lists&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Buttons&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Button groups&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Navigation&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Prepended form inputs&lt;/li&gt;
-&lt;/ul&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Navigation</h4>
-  </div>
-  <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-      <ul class="nav nav-list">
-        <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
-        <li><a href="#"><i class="icon-book"></i> Library</a></li>
-        <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-        <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
-      </ul>
-    </div>
-  </div>
-  <div class="span9">
-    <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
-<pre class="prettyprint linenums">
-&lt;ul class="nav nav-list"&gt;
-  &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-book"&gt;&lt;/i&gt; Library&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Applications&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-cogs"&gt;&lt;/i&gt; Settings&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Prepended form inputs</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <form>
-      <div class="input-prepend">
-        <span class="add-on"><i class="icon-envelope"></i></span>
-        <input class="span2" type="text" placeholder="Email address">
-      </div>
-      <div class="input-prepend">
-        <span class="add-on"><i class="icon-key"></i></span>
-        <input class="span2" type="password" placeholder="Password">
-      </div>
-    </form>
-    </p>
-  </div>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;form&gt;
-  &lt;div class="input-prepend"&gt;
-    &lt;span class="add-on"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/span&gt;
-    &lt;input class="span2" type="text" placeholder="Email address"&gt;
-  &lt;/div&gt;
-  &lt;div class="input-prepend"&gt;
-    &lt;span class="add-on"&gt;&lt;i class="icon-key"&gt;&lt;/i&gt;&lt;/span&gt;
-    &lt;input class="span2" type="password" placeholder="Password"&gt;
-  &lt;/div&gt;
-&lt;/form&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Custom CSS</h4>
-  </div>
-  <div class="span3">
-    <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
-  </div>
-  <div class="span9">
-    <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
-    <div class="well">
-      <span class="rating">
-        <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
-      </span>
-    </div>
-  </div>
-</div>
-</section>
-
-<section id="contribute">
-  <h2 class="page-header">Contribute Icons to Font Awesome</h2>
-  <div class="row">
-    <div class="span3">
-      <img class="img-rounded" src="assets/img/contribution-sample.png">
-    </div>
-    <div class="span9">
-      <p class="lead">
-        Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing
-        new pictograms for the set.
-      </p>
-      <p>
-        If selected, you'll retain the CC-BY license to your pictogram and get attribution
-        right here on the Font Awesome site.
-      </p>
-      <h3>How to Submit New Icons</h3>
-      <ol>
-        <li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li>
-        <li>
-          Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the
-          max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide.
-        </li>
-        <li>
-          Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do
-          this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too.
-          Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea
-          of how it will render in the font.
-        </li>
-        <li>
-          Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to
-          use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> and attach your PDF file. If your
-          icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd
-          like to use for attribution.
-        </li>
-      </ol>
-    </div>
-  </div>
-
-</section>
-
-<section id="roadmap">
-  <h2 class="page-header">Roadmap</h2>
-  <p>Here's the plan for future updates.</p>
-  <ul class="icons">
-    <li><i class="icon-plus"></i>Easier sub-setting with icon packs.</li>
-    <li><i class="icon-plus"></i>More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li>
-    <li><i class="icon-plus"></i>Tricks and tips for super-awesome creative CSS methods, like the star example above.</li>
-  </ul>
-</section>
-
-<section id="license">
-  <h2 class="page-header">License</h2>
-  <ul>
-    <li>The Font Awesome font is licensed under the <a href="http://scripts.sil.org/OFL" target="_blank">SIL Open Font License - http://scripts.sil.org/OFL</a>.</li>
-    <li>Font Awesome CSS, LESS, and SASS files are licensed under the <a href="http://opensource.org/licenses/mit-license.html" target="_blank">MIT License - http://opensource.org/licenses/mit-license.html</a>.</li>
-    <li>The Font Awesome pictograms are licensed under the <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/</a></li>
-    <li>Attribution is no longer required in Font Awesome 3.0, but much appreciated: <code>Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome</code>.</li>
-  </ul>
-  <p></p>
-  <p></p>
-</section>
-
-<section id="kyruus">
-  <h2 class="page-header"><a href="http://kyruus.com" target="_blank">Kyruus</a></h2>
-  <div class="row">
-    <div class="span7">
-      <p>
-        I'm the lead product designer at Kyruus. I wake up every single day excited about my job.
-        Why? <strong>Kyruus is going to change healthcare.</strong> No exaggeration.
-      </p>
-
-      <p>
-        Kyruus is a well-funded, big data healthcare startup in Boston. We believe that the right data at the right time
-        can help doctors make better decisions. <strong>We believe data can save lives.</strong>
-      </p>
-
-      What I love about Kyruus:
-      <ul class="unstyled">
-        <li><i class="icon-pencil icon-2x pull-left"></i> Product design. From the top of the organization, Kyruus is committed to product design done right. It's awesome.</li>
-        <li><i class="icon-globe icon-2x pull-left"></i> Purpose. Every day, I get to help make the world a better place – a little at a time.</li>
-        <li><i class="icon-group icon-2x pull-left"></i> People. I work with some of the best people I've ever met. More than just smart people. Good people.</li>
-      </ul>
-
-      <p>
-        <strong>Kyruus needs good people.</strong> Designers, app developers, big data masters, & interns that get real responsibility. Come work with me.
-      </p>
-
-      Interested? <a href="mailto:dave@davegandy.com">Email me.</a>
-    </div>
-    <div class="span5">
-      <div class="border pull-right text-align-center">
-        <a href="http://kyruus.com" target="_blank">
-          <i class="icon-medkit"></i><br>
-          Work with me at Kyruus
-        </a>
-      </div>
-    </div>
-  </div>
-</section>
-
-<section id="say-thanks">
-  <h2 class="page-header">Say Thanks <small></small></h2>
-  <div class="row">
-    <div class="span12">
-      <p class="lead">
-        <i class="icon-gift icon-4x pull-left"></i>
-        Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the
-        open source community. If you'd like, here are some ways you can tell me thanks for all my hard work.
-      </p>
-    </div>
-  </div>
-  <div class="row">
-    <div class="span4">
-      <h4><a href="#contribute">Contribute Icons</a></h4>
-      <p>
-        <a href="#contribute">Contribute icons</a> to make Font Awesome even awesome-er.
-      </p>
-    </div>
-    <div class="span4">
-      <h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4>
-      <p>
-        <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny
-        new iMac for me to keep making great icons.
-      </p>
-    </div>
-    <div class="span4">
-      <h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4>
-      <p>
-        Or pick something straight
-        from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great.
-      </p>
-    </div>
-  </div>
-</section>
-
-</div>
-
-<footer>
-  <div class="container">
-    <div class="row">
-      <div class="span4">
-        <h2>Contact</h2>
-        <ul class="icons">
-          <li><i class="icon-envelope"></i> Email: <a href="mailto:dave@davegandy.com">Dave Gandy</a></li>
-          <li><i class="icon-twitter"></i> Twitter: <a href="https://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li>
-          <li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="#kyruus">Kyruus</a></li>
-        </ul>
-      </div>
-      <div class="span8">
-        <h2>Special Thanks</h2>
-        <p>
-          Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and
-          <a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design
-          review, advice, and some backbone.js help.
-        </p>
-        <p>
-          Special thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and
-          <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing
-          <a target="_blank"  href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome to get just the
-          icons you need.
-        </p>
-      </div>
-    </div>
-  </div>
-</footer>
-
-
-
-<script type="text/template" id="modal-template">
-  <div class="modal hide fade in">
-    <div class="modal-header">
-      <a class="close" data-dismiss="modal"><i class="icon-remove"></i></a>
-      <h4><%= iconName %></h4>
-    </div>
-    <div class="modal-body">
-      <div class="row">
-        <div class="span3 icon6">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            280px
-          </div>
-        </div>
-        <div class="span3 icon5">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            140px
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="span2 icon4">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            112px
-          </div>
-        </div>
-        <div class="span2 icon3">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            56px
-          </div>
-        </div>
-        <div class="span1 icon2">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            28px
-          </div>
-        </div>
-        <div class="span1 icon1">
-          <div class="thumbnail">
-            <div><i class="<%= iconName %>"></i></div>
-            14px
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</script>
-
-<script src="assets/js/jquery-1.7.1.min.js"></script>
-<script src="assets/js/underscore.min.js"></script>
-<script src="assets/js/backbone.min.js"></script>
-<script src="assets/js/prettify.min.js"></script>
-<script src="assets/js/bootstrap-222.min.js"></script>
-<script src="assets/js/index/index.js"></script>
-
-</body>
-</html>