diff --git a/source/images/github-original.png b/source/images/github-original.png
new file mode 100644
index 0000000..6fea0be
Binary files /dev/null and b/source/images/github-original.png differ
diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml
index 6f62645..bb4ee76 100644
--- a/source/layouts/layout.haml
+++ b/source/layouts/layout.haml
@@ -26,5 +26,8 @@
             = image_tag 'pdf.png'
           %p= I18n.t(:download_resume)
 
-    %section
+    %nav
+      %ul
+
+    .content
       = yield
diff --git a/source/localizable/index.html.haml b/source/localizable/index.html.haml
index 5d0164b..1cde82d 100644
--- a/source/localizable/index.html.haml
+++ b/source/localizable/index.html.haml
@@ -2,7 +2,8 @@
 title: Welcome to Middleman
 ---
 
-.welcome
-  %h1 Middleman is Watching
-  %p.doc
-    = link_to "Read Online Documentation", "http://middlemanapp.com"
+%section.welcome
+  = image_tag 'github-original.png'
+  %p
+    = I18n.t(:find_me_github)
+    = link_to 'gdott9', 'https://github.com/gdott9'
diff --git a/source/stylesheets/all.css.scss b/source/stylesheets/all.css.scss
index 85f8b6b..87e8600 100644
--- a/source/stylesheets/all.css.scss
+++ b/source/stylesheets/all.css.scss
@@ -4,10 +4,6 @@ body {
   font: 14px Verdana, sans-serif;
   background: #99a;
   color: #eee;
-  & > section {
-    margin: 0 4em;
-    margin-top: 220px;
-  }
 }
 
 a {
@@ -34,7 +30,7 @@ a {
 
     a {
       text-decoration: none;
-      text-transform: uppercase;
+      font-variant: small-caps;
     }
   }
 }
@@ -81,3 +77,32 @@ header {
     }
   }
 }
+
+nav {
+  margin-top: 50px;
+  padding: 10px;
+  padding-left: 28em;
+  background-color: rgba(0, 0, 0, 0.6);
+  border: white solid;
+  border-width: 2px 0;
+
+  ul {
+    padding: 0;
+    margin: 0;
+    li {
+      list-style: none;
+      display: inline-block;
+    }
+  }
+}
+
+.content {
+  margin: 0 4em;
+  margin-top: 140px;
+
+  section {
+    background-color: rgba(0,0,0,0.7);
+    border: 2px solid white;
+    padding: 1.2em;
+  }
+}