adding font awesome survey banner

assets/css/site.css

@@ -7615,6 +7615,52 @@ label.error {
   font-size: 16px;
   padding-right: 20px;
 }
+#banner.font-awesome-survey {
+  background-color: #8e8f94;
+  border-bottom: solid 1px #949599;
+}
+#banner.font-awesome-survey .btn-primary {
+  font-weight: bold;
+  color: #e8e9ea;
+  background-color: #68696e;
+  border-color: #434346;
+  border-bottom-width: 2px;
+  text-shadow: none;
+  border-radius: 4px;
+}
+#banner.font-awesome-survey .btn-primary:hover,
+#banner.font-awesome-survey .btn-primary:focus,
+#banner.font-awesome-survey .btn-primary:active,
+#banner.font-awesome-survey .btn-primary.active,
+.open > #banner.font-awesome-survey .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #2a2a2c;
+  border-color: #111112;
+  border-bottom-color: #000000;
+}
+#banner.font-awesome-survey .btn-primary:active,
+#banner.font-awesome-survey .btn-primary.active,
+.open > #banner.font-awesome-survey .btn-primary.dropdown-toggle {
+  background-image: none;
+}
+#banner.font-awesome-survey .btn-primary.disabled,
+#banner.font-awesome-survey .btn-primary[disabled],
+fieldset[disabled] #banner.font-awesome-survey .btn-primary,
+#banner.font-awesome-survey .btn-primary.disabled:hover,
+#banner.font-awesome-survey .btn-primary[disabled]:hover,
+fieldset[disabled] #banner.font-awesome-survey .btn-primary:hover,
+#banner.font-awesome-survey .btn-primary.disabled:focus,
+#banner.font-awesome-survey .btn-primary[disabled]:focus,
+fieldset[disabled] #banner.font-awesome-survey .btn-primary:focus,
+#banner.font-awesome-survey .btn-primary.disabled:active,
+#banner.font-awesome-survey .btn-primary[disabled]:active,
+fieldset[disabled] #banner.font-awesome-survey .btn-primary:active,
+#banner.font-awesome-survey .btn-primary.disabled.active,
+#banner.font-awesome-survey .btn-primary[disabled].active,
+fieldset[disabled] #banner.font-awesome-survey .btn-primary.active {
+  background-color: #68696e;
+  border-color: #434346;
+}
 #banner.black-tie {
   background-color: #222222;
   border-bottom: solid 1px #2d2d2d;

assets/js/site.js

@@ -2,59 +2,65 @@ $(function () {
   $("#newsletter").validate();
 
   var ads = [
+    // {
+    //   quote: "Take your icon game to the next level. Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
+    //   class: "fonticons",
+    //   url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.4_update",
+    //   btn_text: "Gimme Some!"
+    // },
+    // {
+    //   quote: "Make your icons load 10x faster! Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
+    //   class: "fonticons",
+    //   url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.4_update",
+    //   btn_text: "Gimme Some!"
+    // },
+    // {
+    //   quote: "Looking for other great icon sets? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
+    //   class: "fonticons",
+    //   url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.4_update",
+    //   btn_text: "Gimme Some!"
+    // },
+    // {
+    //   quote: "Want to add your own icon? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
+    //   class: "fonticons",
+    //   url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.4_update",
+    //   btn_text: "Gimme Some!"
+    // },
+    //
+    //
+    // {
+    //   quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
+    //   class: "black-tie",
+    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.4_update",
+    //   btn_text: "Check it Out!"
+    // },
+    // {
+    //   quote: "Want clean, minimalist icons? Check out <strong>Black Tie</strong>, the new multi-weight icon font from the maker of Font Awesome.",
+    //   class: "black-tie",
+    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.4_update",
+    //   btn_text: "Check it Out!"
+    // },
+    // {
+    //   quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
+    //   class: "black-tie",
+    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.4_update",
+    //   btn_text: "Check it Out!"
+    // },
+    // {
+    //   quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
+    //   class: "black-tie",
+    //   url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.4_update",
+    //   btn_text: "Check it Out!"
+    // },
     {
-      quote: "Take your icon game to the next level. Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
+      quote: "<strong>Help make Font Awesome more awesome!</strong> Fill out a short survey and give us your feedback.",
-      class: "fonticons",
+      class: "font-awesome-survey",
-      url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.4_update",
+      url: "http://fontawesome.io/survey/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_survey&utm_campaign=promo_4.5_update",
-      btn_text: "Gimme Some!"
+      btn_text: "Take the survey!"
-    },
-    {
-      quote: "Make your icons load 10x faster! Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
-      class: "fonticons",
-      url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_3_faster_loading&utm_campaign=promo_4.4_update",
-      btn_text: "Gimme Some!"
-    },
-    {
-      quote: "Looking for other great icon sets? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
-      class: "fonticons",
-      url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_4_more_icons&utm_campaign=promo_4.4_update",
-      btn_text: "Gimme Some!"
-    },
-    {
-      quote: "Want to add your own icon? Check out <strong>Fonticons</strong>, from the maker of Font Awesome.",
-      class: "fonticons",
-      url: "https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_your_own_icon&utm_campaign=promo_4.4_update",
-      btn_text: "Gimme Some!"
-    },
-
-
-    {
-      quote: "<strong>Black Tie</strong>, from the creator of Font Awesome. On sale at the Kickstarter price for a limited time.",
-      class: "black-tie",
-      url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_2_kickstarter&utm_campaign=promo_4.4_update",
-      btn_text: "Check it Out!"
-    },
-    {
-      quote: "Want clean, minimalist icons? Check out <strong>Black Tie</strong>, the new multi-weight icon font from the maker of Font Awesome.",
-      class: "black-tie",
-      url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_5_clean_minimalist&utm_campaign=promo_4.4_update",
-      btn_text: "Check it Out!"
-    },
-    {
-      quote: "Want a different icon look? Check out <strong>Black Tie</strong>, our new multi-weight icon set.",
-      class: "black-tie",
-      url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_6_different_look&utm_campaign=promo_4.4_update",
-      btn_text: "Check it Out!"
-    },
-    {
-      quote: "Check out <strong>Black Tie</strong>, our new multi-weight icon set!",
-      class: "black-tie",
-      url: "http://blacktie.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_7_our_new_multi_weight&utm_campaign=promo_4.4_update",
-      btn_text: "Check it Out!"
     }
   ];
 
-  //selectFonticonsAd();
+  selectFonticonsAd();
 
   // start the icon carousel
   $('#icon-carousel').carousel({

assets/less/site/banner-ad.less

@@ -16,6 +16,55 @@
     padding-right: 20px;
   }
 
+  &.font-awesome-survey {
+    @survey-bg: #8E8F94;
+    background-color: @survey-bg;
+    border-bottom: solid 1px mix(@survey-bg, #fff, 95%);
+
+    .btn-primary {
+      @color: mix(#fff,@survey-bg,80%);
+      @background: darken(@survey-bg, 15%);
+      @border: darken(@background, 15%);
+      font-weight: bold;
+      color: @color;
+      background-color: @background;
+      border-color: @border;
+      border-bottom-width: 2px;
+      text-shadow: none;
+      border-radius: 4px;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        color: #fff;
+        background-color: darken(@border, 10%);
+        border-color: darken(@border, 20%);
+        border-bottom-color: darken(@border, 30%);
+      }
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        background-image: none;
+      }
+      &.disabled,
+      &[disabled],
+      fieldset[disabled] & {
+        &,
+        &:hover,
+        &:focus,
+        &:active,
+        &.active {
+          background-color: @background;
+          border-color: @border;
+        }
+      }
+    }
+
+
+  }
+
   &.black-tie {
     @black-tie-bg: #222222;
     background-color: @black-tie-bg;

cheatsheet/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

community/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

examples/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

get-started/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/500px/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/adjust/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/adn/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/align-center/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/align-justify/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/align-left/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/align-right/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/amazon/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/ambulance/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/anchor/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/android/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angellist/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-double-down/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-double-left/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-double-right/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-double-up/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-down/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-left/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-right/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/angle-up/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/apple/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/archive/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/area-chart/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-circle-down/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-circle-left/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

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

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

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

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

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

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

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

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-circle-right/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-circle-up/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-down/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-left/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-right/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrow-up/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrows-alt/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrows-h/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrows-v/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/arrows/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/asterisk/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/at/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/backward/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/balance-scale/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/ban/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bar-chart/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/barcode/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bars/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/battery-empty/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/battery-full/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/battery-half/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/battery-quarter/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/battery-three-quarters/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bed/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/beer/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/behance-square/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/behance/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bell-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bell-slash-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bell-slash/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bell/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bicycle/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/binoculars/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/birthday-cake/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bitbucket-square/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bitbucket/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/black-tie/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bluetooth-b/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bluetooth/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bold/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bolt/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bomb/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/book/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bookmark-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bookmark/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/briefcase/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/btc/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bug/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/building-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/building/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bullhorn/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bullseye/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/bus/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/buysellads/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calculator/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar-check-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar-minus-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar-plus-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar-times-o/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/calendar/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/camera-retro/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">

icon/camera/index.html

@@ -48,6 +48,19 @@
     })();
   </script>
   <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    <div class="collapse hidden-print" id="banner">
+  <div class="container">
+    <div class="message-container">
+      <div class="tagline">
+        <span id="rotating-message"></span>
+      </div>
+      <div class="action">
+        <a id="rotating-url" class="btn btn-primary btn-block" href=""></a>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="navbar navbar-org navbar-static-top">
   <div class="container">
     <ul class="nav navbar-nav navbar-right">