finalize blog template

examples/blog/blog.css

@@ -3,7 +3,8 @@
  */
 
 body {
-
+  font-family: Georgia, "Times New Roman", Times, serif;
+  color: #555;
 }
 
 h1, .h1,
@@ -12,9 +13,13 @@ h3, .h3,
 h4, .h4,
 h5, .h5,
 h6, .h6 {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
+  font-weight: normal;
+  color: #333;
   margin-top: 0;
 }
 
+
 /*
  * Override Bootstrap's default container.
  */
@@ -97,7 +102,7 @@ h6, .h6 {
  */
 
 .blog-main {
-  font-size: 16px;
+  font-size: 18px;
   line-height: 1.5;
 }
 

getting-started.html

@@ -277,6 +277,15 @@ bootstrap/
         <h4>Dashboard</h4>
         <p>Basic structure for a admin dashboard with fixed sidebar and navbar.</p>
       </div>
+      <div class="col-xs-6 col-md-4">
+        <a class="thumbnail" href="../examples/blog/">
+          <img src="../examples/screenshots/blog.jpg" alt="">
+        </a>
+        <h4>Blog</h4>
+        <p>Simple two-column blog layout with custom navigation, header, and type.</p>
+      </div>
+      <div class="clearfix visible-xs"></div>
+
       <div class="col-xs-6 col-md-4">
         <a class="thumbnail" href="../examples/non-responsive/">
           <img src="../examples/screenshots/non-responsive.jpg" alt="">
@@ -284,8 +293,6 @@ bootstrap/
         <h4>Non-responsive Bootstrap</h4>
         <p>Easily disable the responsiveness of Bootstrap <a href="../getting-started/#disable-responsive">per our docs</a>.</p>
       </div>
-      <div class="clearfix visible-xs"></div>
-
       <div class="col-xs-6 col-md-4">
         <a class="thumbnail" href="../examples/theme/">
           <img src="../examples/screenshots/theme.jpg" alt="">