diff --git a/templates/views/index.html b/templates/views/index.html
index 563c811..3abfe58 100644
--- a/templates/views/index.html
+++ b/templates/views/index.html
@@ -21,10 +21,30 @@
 </md-toolbar>
 <div layout="row" flex>
     <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">
-        <md-content>
-            <center>
-                <h1><i class="fa fa-compass"></i> Menu</h1>
-            </center>
+        <!-- <div class="user-pane-menu">
+            <img ng-src="{{user.avatar_url}}" alt="">
+        </div> -->
+        <md-content class="se-menu">
+            <div class="user-box" layout="row" layout-padding>
+                <div flex="30"> <!-- Avatar -->
+                    <img ng-src="{{user.avatar_url}}" alt="">
+                </div>
+                <div class="user-data" layout="column" flex>
+                    <div>
+                        {{user.name}}
+                    </div>
+                    <div>
+                        {{user.email}}
+                    </div>
+                </div>
+            </div>
+            
+                <ul>
+                    <a ng-repeat="item in menuItems" href="#">
+                        <li><i ng-class="item.icon"></i> {{item.title}}</li>
+                        <md-divider ng-if="!$last"></md-divider>
+                    </a>
+                </ul>
             <div ng-if="loadingData">
                 <md-progress-circular></md-progress-circular>
             </div>