adding to naming docs, updating wording on new features

src/_includes/new-features.html

@@ -18,8 +18,8 @@
       New icon base class allows simpler CSS, faster rendering, and easier control.
     </div>
     <div class="col-md-4 col-sm-6">
-      <h4><i class="fa-icon fa-icon-terminal"></i> Predictable Icon Names</h4>
-      Icon names should now be more consistent and easier to predict and remember.
+      <h4><i class="fa-icon fa-icon-terminal"></i> New Icon Names</h4>
+      Icons have been renamed to improve consistency and predictability.
     </div>
     <div class="col-md-4 col-sm-6">
       <h4><i class="fa-icon fa-icon-thumbs-up-alt"></i> Bootstrap 3</h4>

src/_includes/new-naming.html

@@ -1,11 +1,11 @@
 <section id="new-naming">
   <h2 class="page-header">New Naming Conventions in {{ site.fontawesome.minor_version }}</h2>
+  <p class="lead text-center alert alert-info">fa-icon-[name]-[shape]-[alt]-[direction]</p>
   <p>
     A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> are at the heart
     of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict
-    the name of variants. Here are a few examples.
+    the names of variants.
   </p>
-
   <div class="row">
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">fa-icon-*</h4>