updating docs to 4.3.0 release

1 files changed, 57 insertions, 32 deletions

diff --git a/examples/index.html b/examples/index.html
index 8cecbb2fd..949355057 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -49,7 +49,21 @@
   })();
 </script>
 <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
-  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="fonticons">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message">Take your icon game to the next level.</span>
+        Check out <strong>Fonticons</strong>, from the maker of Font Awesome.
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href="https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.3_update">Gimme Some!</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
   <div class="container">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@@ -75,10 +89,11 @@
             <i class="fa fa-caret-down"></i>
           </a>
           <ul class="dropdown-menu pull-right">
-            <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
             <li class="divider"></li>
-            <li><a href="../icons/#new"><i class="fa fa-cube fa-fw"></i>&nbsp; New Icons in 4.2</a></li>
+            <li><a href="../icons/#new"><i class="fa fa-diamond fa-fw"></i>&nbsp; New Icons in 4.3</a></li>
             <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
             <li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
             <li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
             <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
@@ -105,7 +120,7 @@
             <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
             <li><a href="../examples/#list">List Icons</a></li>
             <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
-            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#animated">Animated Icons</a></li>
             <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
             <li><a href="../examples/#stacked">Stacked Icons</a></li>
             <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
@@ -174,8 +189,8 @@
   <h2 class="page-header">
     Basic Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/core.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_core.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/core.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_core.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
 
@@ -210,8 +225,8 @@
   <h2 class="page-header">
     Larger Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/larger.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_larger.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/larger.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_larger.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -250,8 +265,8 @@
   <h2 class="page-header">
     Fixed Width Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/fixed-width.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_fixed-width.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/fixed-width.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_fixed-width.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -283,8 +298,8 @@
   <h2 class="page-header">
     List Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/list.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_list.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/list.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_list.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -313,8 +328,8 @@
   <h2 class="page-header">
     Bordered & Pulled Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_bordered-pulled.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_bordered-pulled.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -339,32 +354,34 @@ current, borne back ceaselessly into the past.
   </div>
 </section>
 
-  <section id="spinning">
+  <section id="animated">
   <h2 class="page-header">
-    Spinning Icons
+    Animated Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/spinning.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_spinning.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/animated.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_animated.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
     <div class="col-md-3 col-sm-4">
       <p>
-        <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button>
-        <button class="btn btn-default btn-lg"><i class="fa fa-circle-o-notch fa-spin"></i></button>
-        <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button>
-        <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button>
+        <i class="fa fa-spinner fa-spin fa-3x fa-fw margin-bottom"></i>
+        <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw margin-bottom"></i>
+        <i class="fa fa-refresh fa-spin fa-3x fa-fw margin-bottom"></i>
+        <i class="fa fa-cog fa-spin fa-3x fa-fw margin-bottom"></i>
+        <i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i>
       </p>
     </div>
     <div class="col-md-9 col-sm-8">
       <p>
-        Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>,
-        <code>fa-refresh</code>, and <code>fa-cog</code>.
+        Use the <code>fa-spin</code> class to get any icon to rotate, and use <code>fa-pulse</code> to have it rotate
+        with 8 steps. Works well with <code>fa-spinner</code>, <code>fa-refresh</code>, and <code>fa-cog</code>.
       </p>
 <div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spinner fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle-o-notch fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-refresh fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spinner fa-pulse&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
 </code></pre></div>
       <p class="alert alert-success">
         <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9.
@@ -377,8 +394,8 @@ current, borne back ceaselessly into the past.
   <h2 class="page-header">
     Rotated &amp; Flipped
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/rotated-flipped.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_rotated-flipped.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/rotated-flipped.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_rotated-flipped.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -411,8 +428,8 @@ current, borne back ceaselessly into the past.
   <h2 class="page-header">
     Stacked Icons
     <div class="pull-right text-default margin-top padding-top-sm hidden-xs">
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/less/stacked.less" class="text-muted padding-right">View LESS</a>
-      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.2.0/scss/_stacked.scss" class="text-muted">View SASS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/less/stacked.less" class="text-muted padding-right">View LESS</a>
+      <a href="https://github.com/FortAwesome/Font-Awesome/blob/v4.3.0/scss/_stacked.scss" class="text-muted">View SASS</a>
     </div>
   </h2>
   <div class="row">
@@ -484,7 +501,7 @@ fa-ban on fa-camera
       </p>
       <p>
         <a class="btn btn-lg btn-success" href="#">
-          <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.2.0</a>
+          <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.3.0</a>
       </p>
       <div class="margin-bottom">
         <div class="btn-group">
@@ -530,7 +547,7 @@ fa-ban on fa-camera
   <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;</span>
 
 <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-lg btn-success&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 4.2.0<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 4.3.0<span class="nt">&lt;/a&gt;</span>
 
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group&quot;</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
@@ -589,7 +606,7 @@ fa-ban on fa-camera
   <div class="container text-center">
     <div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"></div>
     <div>
-      <i class="fa fa-flag"></i> Font Awesome 4.2.0
+      <i class="fa fa-flag"></i> Font Awesome 4.3.0
       <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
@@ -615,7 +632,15 @@ fa-ban on fa-camera
 <script src="http://platform.twitter.com/widgets.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+<script src="../assets/js/tabcomplete.min.js"></script>
 <script src="../assets/js/site.js"></script>
-
+<script type="text/javascript">
+  (function() {
+    window._pa = window._pa || {};
+    var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
+    pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/54bfdab8751a087f190000f8.js";
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
+  })();
+</script>
 </body>
 </html>