diff --git a/web/package-lock.json b/web/package-lock.json
index a249c470..c42f6615 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -12,6 +12,14 @@
         "tslib": "1.7.1"
       }
     },
+    "@angular/cdk": {
+      "version": "2.0.0-beta.8",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-2.0.0-beta.8.tgz",
+      "integrity": "sha512-OOtK+AA14cmRG9AbUgvoKC9Tooz0N37GTaRSV+xziC8GxXHgwvTu4PFSFHlBnHPipOYC/tB2oP39j3KuurEMPA==",
+      "requires": {
+        "tslib": "1.7.1"
+      }
+    },
     "@angular/cli": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-1.2.1.tgz",
diff --git a/web/package.json b/web/package.json
index c66febba..0968e21d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "@angular/animations": "^4.3.4",
+    "@angular/cdk": "^2.0.0-beta.8",
     "@angular/common": "4.3.0",
     "@angular/compiler": "4.3.0",
     "@angular/core": "4.3.0",
diff --git a/web/src/app/app.component.html b/web/src/app/app.component.html
index 0680b43f..cebd0e3d 100644
--- a/web/src/app/app.component.html
+++ b/web/src/app/app.component.html
@@ -1 +1,19 @@
+
+<nav class="navbar">
+<md-toolbar color="primary">
+
+    <span>GoCryptoTrader</span>
+    <span class="example-spacer"></span>
+    <button md-button [mdMenuTriggerFor]="appMenu"><md-icon>menu</md-icon> Menu</button>
+    
+</md-toolbar>
+ <div class="flex-spacer"></div>
+
+<md-menu #appMenu="mdMenu">
+  <button md-menu-item> Settings </button>
+  <button md-menu-item> Help </button>
+</md-menu>
+</nav>
+
+
 <router-outlet></router-outlet>
diff --git a/web/src/app/components/home/home.component.scss b/web/src/app/components/home/home.component.scss
index cdbd6d33..e69de29b 100644
--- a/web/src/app/components/home/home.component.scss
+++ b/web/src/app/components/home/home.component.scss
@@ -1,17 +0,0 @@
-.container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: url(../../../assets/background.jpg) no-repeat center fixed;
-  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
-  background-size: cover; /* version standardisée */
-
-  .title {
-    color: white;
-    margin:0;
-    padding:50px 20px;
-  }
-
-}
diff --git a/web/src/styles.scss b/web/src/styles.scss
index 5472c80a..183288fa 100644
--- a/web/src/styles.scss
+++ b/web/src/styles.scss
@@ -5,3 +5,5 @@ html, body {
 
   height: 100%;
 }
+
+@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';