header and footer

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

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

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