updated index page to add featured sites, more docs tweaks

docs/assets/css/docs.css

@@ -160,7 +160,10 @@ body > .navbar-fixed .brand:hover {
   margin-bottom: 18px;
 }
 .marketing h1 {
-  margin-bottom: 18px;
+  margin: 36px 0 27px;
+  font-size: 36px;
+  font-weight: 300;
+  text-align: center;
 }
 .marketing h2,
 .marketing h3 {
@@ -310,6 +313,11 @@ h2 + table {
   margin-top: 5px;
 }
 
+/* Example sites showcase */
+.example-sites img {
+  width: 290px;
+}
+
 
 /* Responsive Docs
 -------------------------------------------------- */

docs/index.html

@@ -106,6 +106,43 @@
 
 
         <div class="marketing">
+          <h1>Built with Bootstrap</h1>
+          <ul class="media-grid example-sites">
+            <li>
+              <a href="http://kippt.com/" target="_blank">
+                <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.fleetio.com/" target="_blank">
+                <img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.jshint.com/" target="_blank">
+                <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+              </a>
+            </li>
+<!--
+            <li>
+              <a href="http://bartop.co/" target="_blank">
+                <img src="assets/img/example-sites/bartop.png" alt="Bartop.co">
+              </a>
+            </li>
+            <li>
+              <a href="http://railwayjs.com/" target="_blank">
+                <img src="assets/img/example-sites/railwayjs.png" alt="RailwayJS">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.totalwireframe.com/" target="_blank">
+                <img src="assets/img/example-sites/totalwireframe.png" alt="Total Wireframe">
+              </a>
+            </li>
+ -->
+          </ul>
+
+          <h1>Designed for everyone, everywhere</h1>
           <div class="row">
             <div class="span4">
               <img class="icon" src="assets/img/glyphicons/glyphicons_042_group.png">