diff --git a/css/main.css b/css/main.css
index e69de29bb..ae9d7f5d8 100644
--- a/css/main.css
+++ b/css/main.css
@@ -0,0 +1,3 @@
+body {
+  padding-top: 50px;
+}
diff --git a/index.html b/index.html
index a42ce0ba0..b9672ef22 100644
--- a/index.html
+++ b/index.html
@@ -9,15 +9,37 @@
     <link rel="stylesheet" href="css/main.css">
   </head>
   <body>
-    <header>cosign</header>
-    <a href="#signin">Signin</a>
-    <a href="#home">Home</a>
+    <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>
+    </div>
 
-    <div ng-view></div>
+    <div class="container">
+      <div ng-view></div>
+    </div>
 
     <!-- Templates -->
     <script type="text/ng-template" id="signin.html">
-      <h1>Signin</h1>
+      <form class="form-signin" role="form">
+        <h2 class="form-signin-heading">Please sign in</h2>
+        <input type="text" class="form-control" placeholder="Wallet ID" required autofocus>
+        <input type="password" class="form-control" placeholder="Password" required>
+        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
+      </form>
     </script>
 
     <script type="text/ng-template" id="home.html">
@@ -30,7 +52,6 @@
 
     <script src="lib/angular/angular.min.js"></script>
     <script src="lib/angular-route/angular-route.min.js"></script>
-
     <script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
     <script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
     <script src="lib/peerjs/peer.js"></script>
@@ -40,6 +61,8 @@
     <script src="js/directives.js"></script>
     <script src="js/filters.js"></script>
 
+    <script src="js/controllers/header.js"></script>
+
     <script src="js/init.js"></script>
   </body>
 </html>
diff --git a/js/app.js b/js/app.js
index 4ca90b43c..824bf8a74 100644
--- a/js/app.js
+++ b/js/app.js
@@ -2,5 +2,9 @@
 
 angular.module('cosign',[
   'ngRoute',
-  'ui.bootstrap'
+  'ui.bootstrap',
+  'cosign.header'
 ]);
+
+angular.module('cosign.header', []);
+
diff --git a/js/controllers/header.js b/js/controllers/header.js
new file mode 100644
index 000000000..231a80d17
--- /dev/null
+++ b/js/controllers/header.js
@@ -0,0 +1,15 @@
+'use strict';
+
+angular.module('cosign.header').controller('HeaderController',
+  function($scope, $rootScope, $location) {
+
+    $scope.init = function() {
+      $rootScope.isLogged = false;
+    };
+
+    $scope.signout = function() {
+      $rootScope.isLogged = false;
+
+      $location.path('signin');
+    };
+  });
diff --git a/js/network.js b/js/network.js
deleted file mode 100644
index 4e0ebcb16..000000000
--- a/js/network.js
+++ /dev/null
@@ -1,7 +0,0 @@
-
-var cosign = angular.module('cosign', []);
-cosign.service('network', function() {
-  this.f = function() {
-    return 2;
-  };
-});
diff --git a/js/services/network.js b/js/services/network.js
new file mode 100644
index 000000000..52b0edc2e
--- /dev/null
+++ b/js/services/network.js
@@ -0,0 +1,8 @@
+'use strict';
+
+angular.module('cosign.network').factory('Network',
+  function() {
+    this.f = function() {
+      return 2;
+    };
+});
