diff --git a/css/main.css b/css/main.css
index ae9d7f5d8..e69de29bb 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +0,0 @@
-body {
-  padding-top: 50px;
-}
diff --git a/index.html b/index.html
index b9672ef22..07f3eea59 100644
--- a/index.html
+++ b/index.html
@@ -9,28 +9,19 @@
     <link rel="stylesheet" href="css/main.css">
   </head>
   <body>
-    <div class="navbar navbar-inverse navbar-fixed-top" role="banner" ng-controller="HeaderController" ng-init="init()">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="./index.html">Cosign</a>
-        </div>
-        <div class="collapse navbar-collapse" ng-if="$root.isLogged">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="" ng-click="signout()"><i class="glyphicon glyphicon-log-out"></i> Signout</a></li>
-          </ul>
-        </div>
+  <div class="container">
+    <div class="header" data-ng-init="init()" data-ng-controller="HeaderController">
+      <div class="page-header">
+        <h1>cosign</h1>
       </div>
+      <ul class="nav nav-pills">
+        <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
+          <a href="{{item.link}}">{{item.title}}</a>
+        </li>
+      </ul>
     </div>
-
-    <div class="container">
-      <div ng-view></div>
-    </div>
+    <div ng-view></div>
+  </div>
 
     <!-- Templates -->
     <script type="text/ng-template" id="signin.html">
@@ -43,11 +34,30 @@
     </script>
 
     <script type="text/ng-template" id="home.html">
-      <h1>home</h1>
+      <div class="home" data-ng-controller="HomeController">
+      <h2>{{title}}</h2>
+      </div>
+    </script>
+    <script type="text/ng-template" id="transactions.html">
+      <div class="transactions" data-ng-controller="TransactionsController">
+      <h2>{{title}}</h2>
+      </div>
+   </script>
+    <script type="text/ng-template" id="send.html">
+      <div class="send" data-ng-controller="SendController">
+      <h2>{{title}}</h2>
+      </div>
+    </script>
+    <script type="text/ng-template" id="backup.html">
+      <div class="backup" data-ng-controller="BackupController">
+      <h2>{{title}}</h2>
+      </div>
     </script>
 
     <script type="text/ng-template" id="404.html">
-      <h1>404</h1>
+      <h2 class="text-center">404</h2>
+      <h3 class="text-center">Page not found</h3>
+      <p class="text-center"><a href="#/">go back...</a></p>
     </script>
 
     <script src="lib/angular/angular.min.js"></script>
@@ -62,6 +72,10 @@
     <script src="js/filters.js"></script>
 
     <script src="js/controllers/header.js"></script>
+    <script src="js/controllers/home.js"></script>
+    <script src="js/controllers/transactions.js"></script>
+    <script src="js/controllers/send.js"></script>
+    <script src="js/controllers/backup.js"></script>
 
     <script src="js/init.js"></script>
   </body>
diff --git a/js/app.js b/js/app.js
index 824bf8a74..840cb0bd9 100644
--- a/js/app.js
+++ b/js/app.js
@@ -3,8 +3,16 @@
 angular.module('cosign',[
   'ngRoute',
   'ui.bootstrap',
-  'cosign.header'
+  'cosign.header',
+  'cosign.home',
+  'cosign.transactions',
+  'cosign.send',
+  'cosign.backup'
 ]);
 
 angular.module('cosign.header', []);
+angular.module('cosign.home', []);
+angular.module('cosign.transactions', []);
+angular.module('cosign.send', []);
+angular.module('cosign.backup', []);
 
diff --git a/js/config.js b/js/config.js
index d7823a7a6..77024638e 100644
--- a/js/config.js
+++ b/js/config.js
@@ -6,11 +6,18 @@ angular
   .config(function($routeProvider) {
 
     $routeProvider
-      .when('/signin', {
+      .when('/', {
+        templateUrl: 'home.html' 
+      }).when('/transactions', {
+        templateUrl: 'transactions.html' 
+      }).when('/send', {
+        templateUrl: 'send.html' 
+      }).when('/backup', {
+        templateUrl: 'backup.html' 
+      }).when('/signin', {
         templateUrl: 'signin.html' 
-      })
-      .when('/home', {
-        templateUrl: 'home.html'
+      }).otherwise({
+        templateUrl: '404.html'
       });
   });
 
diff --git a/js/controllers/backup.js b/js/controllers/backup.js
new file mode 100644
index 000000000..b425d739a
--- /dev/null
+++ b/js/controllers/backup.js
@@ -0,0 +1,6 @@
+'use strict';
+
+angular.module('cosign.backup').controller('BackupController',
+  function($scope, $rootScope, $location) {
+    $scope.title = 'Backup';
+  });
diff --git a/js/controllers/header.js b/js/controllers/header.js
index 231a80d17..1623e7e0d 100644
--- a/js/controllers/header.js
+++ b/js/controllers/header.js
@@ -2,7 +2,27 @@
 
 angular.module('cosign.header').controller('HeaderController',
   function($scope, $rootScope, $location) {
+    $scope.menu = [{
+      'title': 'Home',
+      'link': '#/'
+    }, {
+      'title': 'Transactions',
+      'link': '#/transactions'
+    }, {
+      'title': 'Send',
+      'link': '#/send'
+    }, {
+      'title': 'Backup',
+      'link': '#/backup'
+    }];
 
+    $scope.isActive = function(item) {
+      if (item.link.replace('#','') == $location.path()) {
+        return true;
+      }
+      return false;
+    };
+    
     $scope.init = function() {
       $rootScope.isLogged = false;
     };
diff --git a/js/controllers/home.js b/js/controllers/home.js
new file mode 100644
index 000000000..6d1c5ff34
--- /dev/null
+++ b/js/controllers/home.js
@@ -0,0 +1,6 @@
+'use strict';
+
+angular.module('cosign.home').controller('HomeController',
+  function($scope, $rootScope, $location) {
+    $scope.title = 'Home';
+  });
diff --git a/js/controllers/send.js b/js/controllers/send.js
new file mode 100644
index 000000000..d529be997
--- /dev/null
+++ b/js/controllers/send.js
@@ -0,0 +1,6 @@
+'use strict';
+
+angular.module('cosign.send').controller('SendController',
+  function($scope, $rootScope, $location) {
+    $scope.title = 'Send';
+  });
diff --git a/js/controllers/transactions.js b/js/controllers/transactions.js
new file mode 100644
index 000000000..f8dcc9f6a
--- /dev/null
+++ b/js/controllers/transactions.js
@@ -0,0 +1,6 @@
+'use strict';
+
+angular.module('cosign.transactions').controller('TransactionsController',
+  function($scope, $rootScope, $location) {
+    $scope.title = 'Transactions';
+  });
