diff --git a/client/package.json b/client/package.json
index 057ee22..8c7cd11 100644
--- a/client/package.json
+++ b/client/package.json
@@ -13,7 +13,8 @@
     "angular": "^1.4.9",
     "angular-animate": "^1.4.9",
     "angular-aria": "^1.4.9",
-    "angular-material": "^1.0.5"
+    "angular-material": "^1.0.5",
+    "restify": "^4.0.4"
   },
   "scripts": {
     "prestart": "npm update"
diff --git a/client/static/index.html b/client/static/index.html
index 3a8d3d7..5237794 100644
--- a/client/static/index.html
+++ b/client/static/index.html
@@ -3,16 +3,8 @@
   <head>
     <title>mpv remote</title>
 
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="description" content="">
-    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
-
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic">
-    <link rel="stylesheet" href="../node_modules/angular-material/angular-material.css"/>
-
-    <style type="text/css">
-	md-content.md-default-theme {
+<style type="text/css">
+md-content {
   background-color: #eee;
 }
 
@@ -38,7 +30,15 @@ h2 {
 .md-toolbar-tools-bottom :last-child {
   opacity: 0.8;
 }
-    </style>
+ </style>
+    
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
+
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic">
+    <link rel="stylesheet" href="../node_modules/angular-material/angular-material.css"/>
 
   </head>
 
@@ -72,7 +72,7 @@ h2 {
               <md-button class="md-fab" aria-label="Pause">
                 ||
               </md-button>
-            <md-button class="md-fab" aria-label="Forward 1 min">
+            <md-button class="md-fab" aria-label="Forward 1 min" ng-click="forward()">
             >
             </md-button>
               <md-button class="md-fab" aria-label="To end of file">
@@ -92,12 +92,22 @@ h2 {
     <script type="text/javascript" src="../node_modules/angular-material/angular-material.js"></script>
       <script src="http://cdn.jsdelivr.net/angular-material-icons/0.4.0/angular-material-icons.min.js"></script>
 
-    <script type="text/javascript">
+      <script type="text/javascript">
 var app = angular.module('StarterApp', ['ngMaterial', 'ngMdIcons']);
 
-app.controller('MpvRemote', ['$scope', '$mdBottomSheet', function($scope, $mdBottomSheet){
+app.controller('MpvRemote', ['$scope', '$mdBottomSheet', '$http', function($scope, $mdBottomSheet, $http){
   $scope.status = 'Playing';
-  $scope.alert = 'FFFFF';
+$scope.alert = 'FFFFF';
+$scope.forward = function() {
+$http({
+  method: 'GET',
+  url: '/seek/10'
+}).then(function successCallback(response) {
+alert("success");
+}, function errorCallback(response) {
+alert("fail");
+  });
+    }
   $scope.showListBottomSheet = function($event) {
     $scope.alert = '';
     $mdBottomSheet.show({
@@ -133,12 +143,12 @@ app.config(function($mdThemingProvider) {
       'default': '500',
       'hue-1': '50'
     })
-    .accentPalette('red');
+    .accentPalette('pink');
   $mdThemingProvider.theme('input', 'default')
         .primaryPalette('grey');
 });
 
     </script>
-
+    
   </body>
 </html>
