updates

public/_includes/_main-nav.jade

@@ -1,8 +1,9 @@
-nav
+md-toolbar(layout="row" class="main-nav" md-scroll-shrink)
-  h1 <a href="/">Angular <sup>by Google</sup></a>
+  nav.md-toolbar-tools
+    h1 <a href="/">Angular <sup>by Google</sup></a>
 
-  ul
+    ul
-    li <a href="/features.html">Features</a>
+      li <md-button href="/features.html">Features</md-button>
-    li <a href="/docs/">Docs</a>
+      li <md-button href="/docs/">Docs</md-button>
-    li <a href="/about/">About</a>
+      li <md-button href="/about/">About</md-button>
-    li <a href="/install/">Install</a>
+      li <md-button href="/install/">Install</md-button>

public/_layout.jade

@@ -1,5 +1,5 @@
 doctype
-html(lang="en" ng-app="StarterApp")
+html(lang="en"  layout="column" ng-app="StarterApp")
   head
     != partial("/_includes/_head-include")
   body(layout="column" ng-controller="AppCtrl")

public/resources/css/main.scss

@@ -1,7 +1,17 @@
+/*
+* BASE FILES
+*
+*/
+
 @import 'options';
 @import 'base';
 @import 'theme';
 
-body {
+
-  background: #EEE;
+/*
-}
+* MODULES
+*
+*/
+
+@import 'module/main-nav';
+@import 'module/hero';

public/resources/css/module/_main-nav.scss

@@ -0,0 +1,11 @@
+.main-nav {
+  ul {
+    list-style-type: none;
+    margin: 0px;
+    padding: 0px;
+
+    li {
+      margin: 0px;
+    }
+  }
+}

public/resources/js/site.js

@@ -4,5 +4,4 @@ app.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSidenav){
   $scope.toggleSidenav = function(menuId) {
     $mdSidenav(menuId).toggle();
   };
-
 }]);