diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less
index 8ae8809..dc9b433 100644
--- a/assets/linker/styles/app.less
+++ b/assets/linker/styles/app.less
@@ -1,30 +1,25 @@
+@footer-height: 52px;
+
 html {
     position: relative;
     min-height: 100%;
 }
 body {
     background-color: #fff;
-    margin-bottom: 40px;
-}
-header.page-header {
-    border-bottom-color: #ddd;
-    margin: 0;
+    margin-bottom: @footer-height;
 }
 #page {
-    padding-bottom: 30px;
-    #main-cell {
-        display: table-cell;
-        vertical-align: middle;
-    }
+    padding-bottom: 20px;
 }
-#footer {
+footer {
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 40px;
-    background-color: #fff;
-    border-top: 1px solid #333;
-    box-shadow: 0 0 10px 0 #333;
+    height: @footer-height;
+    overflow: hidden;
+    .navbar {
+        border-radius: 0;
+    }
 }
 .create-run-form {
 }
diff --git a/views/footer.jade b/views/footer.jade
new file mode 100644
index 0000000..6a60787
--- /dev/null
+++ b/views/footer.jade
@@ -0,0 +1,13 @@
+footer
+    .navbar.navbar-inverse
+        .container
+            nav
+                ul.nav.navbar-nav.pull-left
+                    li 
+                        a(href='/about') about
+                    li
+                        a(href='/privacy-policy') privacy policy
+                    li
+                        a(href='/how-we-use-your-info') how we use your info
+            p.photo-credits.pull-right.navbar-text
+                | All background photos are © Elaine Davis
diff --git a/views/header.jade b/views/header.jade
new file mode 100644
index 0000000..5e9e45e
--- /dev/null
+++ b/views/header.jade
@@ -0,0 +1,4 @@
+header.navbar.navbar-inverse.navbar-static-top
+    .container
+        a.navbar-brand(href='/') lunch run me
+        small.navbar-text ...where lunch runs are fun
diff --git a/views/layout.jade b/views/layout.jade
index 1a0b2a3..cd582f7 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -17,14 +17,10 @@ html(lang="en",ng-app="lunchApp")
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
         <![endif]-->
     body(ng-controller="BodyCtrl")
+        include header
         #page.container
-            #main-cell
-                header.page-header
-                    h1.text-center Lunch Run Me!
-                        small &nbsp;...where lunch runs are fun
-
-                div(ng-view)
-        #footer hello there!
+            div(ng-view)
+        include footer
 
         // TEMPLATES