two column layout example for blueprint.

doc-src/content/examples/blueprint/grid/two_cols.haml

@@ -0,0 +1,8 @@
+---
+title: Two Column Layout
+description: A semantic two-column layout
+framework: blueprint
+stylesheet: blueprint/_grid.sass
+example: true
+---
+= render "partials/example"

doc-src/content/examples/blueprint/grid/two_cols/markup.haml

@@ -0,0 +1,19 @@
+.two-col
+  #header
+    %h1 This is the Header
+  #sidebar
+    %ul
+      %li
+        %a(href="#") Nav #1
+      %li
+        %a(href="#") Nav #2
+      %li
+        %a(href="#") Nav #3
+  #content
+    %p
+      Lorem ipsum dolor sit amet,
+      consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et
+      dolore magna aliqua.
+  #footer
+    This is the footer.

doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass

@@ -0,0 +1,16 @@
+!blueprint_grid_columns = 8
+!blueprint_grid_width = 40px
+
+@import blueprint
+
+.two-col
+  +container
+  background-color: #ccc
+  #header, #footer
+    +column(8)
+  #sidebar
+    +column(3)
+  #content
+    +column(5, true)
+  
+