diff --git a/doc-src/content/examples/blueprint/grid/two_cols.haml b/doc-src/content/examples/blueprint/grid/two_cols.haml
new file mode 100644
index 00000000..88bf9ab4
--- /dev/null
+++ b/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"
\ No newline at end of file
diff --git a/doc-src/content/examples/blueprint/grid/two_cols/markup.haml b/doc-src/content/examples/blueprint/grid/two_cols/markup.haml
new file mode 100644
index 00000000..8bbde86d
--- /dev/null
+++ b/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.
diff --git a/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass b/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass
new file mode 100644
index 00000000..feeea9aa
--- /dev/null
+++ b/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)
+  
+ 
\ No newline at end of file