finalize blog template

diff --git a/examples/blog/blog.css b/examples/blog/blog.css
index b9895ac9a774d2cd9681cce625b039f811f830dd..82ba9d0d548d8993367a8935316af3f586a57694 100644 (file)
--- a/examples/blog/blog.css
+++ b/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;
 }
 

diff --git a/examples/screenshots/blog.jpg b/examples/screenshots/blog.jpg
new file mode 100644 (file)
index 0000000..13425d3
Binary files /dev/null and b/examples/screenshots/blog.jpg differ

diff --git a/getting-started.html b/getting-started.html
index ba4735a31bfdbd868b609e98bcd2db40902cdb50..5b88dfbe2947a6a144c413f90e76ea79df61dd22 100644 (file)
--- a/getting-started.html
+++ b/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="">