updating FA5 info, algolia logo, removing newsletter signup from icons page

accessibility/index.html

@@ -394,21 +394,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

assets/js/site.js

@@ -3,10 +3,10 @@ $(function () {
 
   var ads = [
     {
-      quote: "Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!",
+      quote: "September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!",
       class: "fa5",
-      url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=banner&utm_campaign=promo_4.7_update",
-      btn_text: "Pre-order FA Pro! &nbsp;<i class='fa fa-external-link'></i>",
+      url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=banner",
+      btn_text: "Pre-order FA Pro! &nbsp;<i class='fas fas-external-link'></i>",
     },
   ];
 
@@ -20,7 +20,7 @@ $(function () {
   $('[data-toggle="tooltip"]').tooltip();
   $('[data-toggle="popover"]').popover();
 
-  if (storageAvailable('localStorage') && !localStorage.seenFA5Modal2) {
+  if (storageAvailable('localStorage') && !localStorage.seenFA5Modal3) {
     $('#modal-fa5')
       .modal('toggle')
       .on('hidden.bs.modal', function (e) {
@@ -30,7 +30,7 @@ $(function () {
   }
 
   if (storageAvailable('localStorage')) {
-    localStorage.seenFA5Modal2 = true;
+    localStorage.seenFA5Modal3 = true;
   	// Yippee! We can use localStorage awesomeness
   }
 

assets/less/site/algolia.less

@@ -1,12 +1,8 @@
 .algolia {
-  margin-top: -20px;
-  padding-top: 49px;
+  padding-top: 10px;
   a {
+    i { color: @text-muted; }
     color: @text-color;
-    &:hover { color: @link-hover-color; }
-  }
-  .fas-algolia {
-    font-size: 32px;
-    vertical-align: middle;
+    &:hover, &:hover i { color: @link-hover-color; }
   }
 }

assets/less/site/fa5.less

@@ -1,5 +1,6 @@
 .btn-fa5 {
   .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%));
+  font-size: 21px;
 }
 
 .jumbotron-ad .well {

cdn/error/index.html

@@ -246,21 +246,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

cdn/success/index.html

@@ -247,21 +247,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

cheatsheet/index.html

@@ -6548,21 +6548,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

community/index.html

@@ -403,21 +403,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

examples/index.html

@@ -820,21 +820,23 @@ fa-ban on fa-camera
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

get-started/index.html

@@ -385,7 +385,7 @@
         If you need IE7 support, you have my condolences. Really. Font Awesome 4.7.0
         doesn't support IE7, but an older version does. You'll need to check out the
         <a href="../3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
-        whomever decided your project needs IE7 support.
+        whoever decided your project needs IE7 support.
       </p>
     </div>
 
@@ -413,18 +413,6 @@
           Before you download, check out <b>Font Awesome Pro&mdash;</b>
         </div>
 
-        <div class="row margin-bottom-lg">
-          <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
-            <i class="fas fas-money fas-3x fas-fw text-muted hidden-xs"></i>
-            <i class="fas fas-money fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
-          </div>
-          <div class="col-md-9 col-sm-9 col-xs-10">
-            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Super Low Price</h4>
-            <p>
-              For a limited time, get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter stretch goals!
-            </p>
-          </div>
-        </div>
         <div class="row margin-bottom-lg">
           <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
             <i class="fas fas-trophy-alt fas-3x fas-fw text-muted hidden-xs"></i>
@@ -433,7 +421,7 @@
           <div class="col-md-9 col-sm-9 col-xs-9">
             <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Tons More Icons</h4>
             <p>
-              With Pro, get the newest look and thousands more icons than Font Awesome 4!
+              Get 2,148 icons right now with Pro, plus another 2,000 from 46 icon category packs as we finish them!
             </p>
           </div>
         </div>
@@ -443,14 +431,27 @@
             <i class="fas fas-flask fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
           </div>
           <div class="col-md-9 col-sm-9 col-xs-9">
-            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Early Access</h4>
+            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">SVG Framework &amp; More</h4>
             <p>
-              Get early access and input into new icons and frameworks with our private GitHub repo!
+              Get the latest tech upgrades, easy upgrades from v4, early access to the betas, icons in 3 styles,
+              <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal#schedule-info">&amp; tons more as we finish</a>.
+            </p>
+          </div>
+        </div>
+        <div class="row margin-bottom-lg">
+          <div class="col-md-2 col-sm-2 col-xs-2 text-right padding-right-sm">
+            <i class="fas fas-stopwatch fas-3x fas-fw text-muted hidden-xs"></i>
+            <i class="fas fas-stopwatch fas-2x fas-fw text-muted hidden-sm hidden-md hidden-lg"></i>
+          </div>
+          <div class="col-md-9 col-sm-9 col-xs-10">
+            <h4 class="page-header margin-top-none padding-bottom-sm margin-bottom-sm">Limited-Time Price</h4>
+            <p>
+              September is the last chance to get Pro, all 46 icon packs ($460 value), &amp; ALL Kickstarter rewards for just $40!
             </p>
           </div>
         </div>
 
-        <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=download_modal&utm_campaign=promo_4.7_update" class="btn btn-success btn-lg btn-block">
+        <a href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=download_modal" class="btn btn-success btn-lg btn-block">
           <div>Pre-order now &amp; save big!</div>
           <h2 class="margin-top-sm text-sans-serif margin-bottom-sm hidden-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h2>
           <h3 class="margin-top-sm text-sans-serif margin-bottom-sm visible-xs"><i class="fas fas-logo-o"></i>&nbsp; Font Awesome Pro</h3>
@@ -510,21 +511,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/500px/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/address-book-o/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/address-book/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/address-card-o/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/address-card/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/adjust/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/adn/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/align-center/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/align-justify/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/align-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/align-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/amazon/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/ambulance/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/american-sign-language-interpreting/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/anchor/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/android/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angellist/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-double-down/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-double-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-double-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-double-up/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-down/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/angle-up/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/apple/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/archive/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/area-chart/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-down/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-o-down/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-o-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-o-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-o-up/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-circle-up/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-down/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-left/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-right/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrow-up/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrows-alt/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrows-h/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrows-v/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/arrows/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/assistive-listening-systems/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/asterisk/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/at/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/audio-description/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/backward/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/balance-scale/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/ban/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bandcamp/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bar-chart/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/barcode/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bars/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bath/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/battery-empty/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/battery-full/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/battery-half/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/battery-quarter/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/battery-three-quarters/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bed/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/beer/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/behance-square/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/behance/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bell-o/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bell-slash-o/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bell-slash/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bell/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bicycle/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/binoculars/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/birthday-cake/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bitbucket-square/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bitbucket/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/black-tie/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/blind/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bluetooth-b/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bluetooth/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bold/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bolt/index.html

@@ -262,21 +262,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bomb/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/book/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bookmark-o/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bookmark/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/braille/index.html

@@ -259,21 +259,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/briefcase/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/btc/index.html

@@ -264,21 +264,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>

icon/bug/index.html

@@ -257,21 +257,23 @@
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button>
-        <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2>
+        <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3>
       </div>
       <div class="modal-body">
+        <p class="lead">
+          September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40!
+        </p>
 
         <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
-        <div class='embed-container'>
+        <div class="embed-container">
           <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe>
         </div>
 
-        <p class="lead text-center margin-top-lg margin-bottom-lg">
-          Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40!
-        </p>
-        <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank"
+        <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank"
            onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);">
-          <h3 class="margin text-sans-serif strong">Pre-Order! &nbsp;<i class="fa fa-external-link-square" aria-hidden="true"></i></h3>
+          <h3 class="margin-top margin-bottom strong">
+            Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! &nbsp;<i class="fas fas-external-link" aria-hidden="true"></i>
+          </h3>
         </a>
 
       </div>