diff --git a/site/assets/scss/components/_hero.scss b/site/assets/scss/components/_hero.scss
new file mode 100644
index 0000000..5bee8a4
--- /dev/null
+++ b/site/assets/scss/components/_hero.scss
@@ -0,0 +1,9 @@
+.hero {
+  position: relative;
+  margin: 0;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+  padding: 0;
+  height: 250px;
+}
diff --git a/site/assets/scss/elements/_typography.scss b/site/assets/scss/elements/_typography.scss
index 5efc69c..e441d1d 100644
--- a/site/assets/scss/elements/_typography.scss
+++ b/site/assets/scss/elements/_typography.scss
@@ -8,7 +8,10 @@ body {
 .h1,
 h1 {
   @include font-roboto;
-  margin: $gutter 0 ($gutter / 2);
+  margin: 0 0 ($gutter / 2);
+  background-color: $light-grey;
+  padding: 8px 0;
+  width: 100%;
   font-size: 40px;
   font-weight: 300;
 }
diff --git a/site/assets/scss/main.scss b/site/assets/scss/main.scss
index 5e98cd6..671a725 100644
--- a/site/assets/scss/main.scss
+++ b/site/assets/scss/main.scss
@@ -14,3 +14,4 @@
 @import 'elements/layout';
 
 @import 'components/styleguide';
+@import 'components/hero';
diff --git a/site/layouts/default.hbs b/site/layouts/default.hbs
index 3f0fd3a..e286209 100644
--- a/site/layouts/default.hbs
+++ b/site/layouts/default.hbs
@@ -7,8 +7,7 @@
     {{> analytics }}
 
     <header>
-      {{> nav-main }}
-      {{> nav-social }}
+      {{> hero }}
     </header>
 
     <main>
@@ -17,6 +16,7 @@
 
     <footer>
       {{> nav-foot }}
+      {{> nav-social }}
     </footer>
     {{> javascripts }}
   </body>
diff --git a/site/pages/index.hbs b/site/pages/index.hbs
index 57585c1..d1cb9a9 100644
--- a/site/pages/index.hbs
+++ b/site/pages/index.hbs
@@ -1,15 +1,39 @@
+---
+  hero: stock/lake.png
+---
+
 <h1>I build web things.</h1>
 
 <p>
-  I&rsquo;m a web developer exploring and learning everything I can about being a better
-  developer. This place is where I share my findings, explorations, and other creative
-  outlets.
+  A full stack web developer with an affinity for clean code, workflow optimization, and
+  ruby. I have experiences ranging from html prototyping through designing and executing
+  API architectures.
 </p>
 
 <p>
   I have a high value for quality craftsmanship. I want to do great work, with people who
   also do great work. I love to explore and learn about my world. I enjoy being
   challenged. I take pleasure in providing creative solutions to specific needs, always
-  keeping the bigger picture in mind. I was raised to work hard and play hard.
+  keeping the bigger picture in mind.
 </p>
 
+
+<h2>Proficiency's</h2>
+
+<p>
+  Well versed in many web development tool chains, my strengths include Ruby, JavaScript,
+  SCSS, SQL, and PHP.
+</p>
+
+5/5 HTML Prototyping
+5/5 Ruby on Rails
+4/5 Linux Server Administration
+4/5 Front-End Dev Tool chains
+4/5 PHP Development
+4/5 Information Architecture
+3/5 UX Consulting
+5/5 CSS (and SCSS)
+4/5 JavaScript
+5/5 SQL
+5/5 Ruby
+
diff --git a/site/pages/styleguide.hbs b/site/pages/styleguide.hbs
index 8e5072e..0b5ef68 100644
--- a/site/pages/styleguide.hbs
+++ b/site/pages/styleguide.hbs
@@ -1,5 +1,6 @@
 ---
   title: site style guide
+  hero: stock/star_nasa.jpg
 ---
 
 <h1>Looking at styling for an h1</h1>
diff --git a/site/partials/hero.hbs b/site/partials/hero.hbs
new file mode 100644
index 0000000..717936d
--- /dev/null
+++ b/site/partials/hero.hbs
@@ -0,0 +1,2 @@
+<div class="hero" style="background-image: url('{{assets}}/img/{{hero}}');">
+</div>