diff --git a/www/index.html b/www/index.html
index 3b54eac..ef07206 100644
--- a/www/index.html
+++ b/www/index.html
@@ -11,9 +11,15 @@
     <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
     <link href="css/ionic.app.css" rel="stylesheet">
     -->
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.teal-indigo.min.css" />
-    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
+
+    <!-- material design css framework -->
+    <!-- angular-material -->
+    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
+    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
 
     <!-- ionic/angularjs js -->
     <script src="lib/ionic/js/ionic.bundle.js"></script>
diff --git a/www/js/app.js b/www/js/app.js
index 6804747..11962b0 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -12,6 +12,7 @@ var urlapi = "http://localhost:3000/api/";
 
 angular.module('starter', [
     'ionic',
+    'ngMaterial',
     'pascalprecht.translate',
     'app.login',
     'app.signup',
diff --git a/www/templates/travel.html b/www/templates/travel.html
index 5c71ea0..2e833a4 100644
--- a/www/templates/travel.html
+++ b/www/templates/travel.html
@@ -4,10 +4,10 @@
       <img ng-src="img/{{travel.type}}.png" />
       <div class="item-note o-text-right">
         <p>
-          <span class="mdl-chip mdl-chip--contact" ng-href="#/app/users/{{travel.user._id}}">
-            <img class="mdl-chip__contact" src="{{travel.user.avatar}}"></img>
-            <span class="mdl-chip__text">{{travel.user.username}}</span>
-        </span>
+            <md-button class="md-raised" ng-href="#/app/users/{{travel.user._id}}">
+                <img class="mdl-chip__contact" style="width: 30px;" ng-src="{{travel.user.avatar}}"></img>
+                {{travel.user.username}}
+            </md-button>
         </p>
         <p ng-show="storageuser._id==travel.user._id" class="text-right">
           <a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a>