simplifying page lead

build/_includes/examples.html

@@ -1,14 +1,12 @@
 <section id="examples">
-<div class="row">
+<div class="row stripe-ad">
   <div class="span8">
-    <h2 class="page-header">Examples</h2>
-    <p>
+    <p class="lead">
       After you get <a href="{{ site.baseurl }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.
       Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
     </p>
   </div>
   <div class="span4">
-    <br>
     {% include ads/carbon-light-horizontal.html %}
   </div>
 </div>

build/_includes/whats-new.html

@@ -1,14 +1,12 @@
 <section id="whats-new">
-  <div class="row">
+  <div class="row stripe-ad">
     <div class="span8">
-      <h2 class="page-header">New Features</h2>
-      <p>
+      <p class="lead">
         We're always making Font Awesome a little awesome-er. Have some ideas for new features? Head on over to the
         <a href="{{ site.font-awesome.github.url }}">Font Awesome GitHub project</a>.
       </p>
     </div>
     <div class="span4">
-      <br>
       {% include ads/carbon-light-horizontal.html %}
     </div>
   </div>

build/assets/css/site.css

@@ -5652,10 +5652,10 @@ h6 {
   height: 219px;
   margin-left: 15px;
 }
-.index-ad {
+.stripe-ad {
   margin-bottom: 22px;
 }
-.index-ad .lead {
+.stripe-ad .lead {
   margin-top: 10px;
   margin-right: 30px;
 }

build/assets/less/site.less

@@ -170,7 +170,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   margin-left: 15px;
 }
 
-.index-ad {
+.stripe-ad {
   margin-bottom: 22px;
   .lead {
     margin-top: 10px;

build/index.html

@@ -9,7 +9,7 @@ navbar_active: home
 
 <div class="container">
   <section>
-    <div class="row index-ad">
+    <div class="row stripe-ad">
       <div class="span8">
         <div class="lead">
           Font Awesome gives you scalable vector icons that can instantly be customized &mdash; size, color, drop shadow,