diff --git a/modules/forums/client/config/forums.client.menus.js b/modules/forums/client/config/forums.client.menus.js
index 39ec68d5..18f52036 100644
--- a/modules/forums/client/config/forums.client.menus.js
+++ b/modules/forums/client/config/forums.client.menus.js
@@ -11,7 +11,7 @@
     // Set top bar menu items
     menuService.addMenuItem('topbar', {
       title: 'MENU_FORUMS',
-      state: 'forums',
+      state: 'forums.list',
       roles: ['*'],
       position: 1
     });
diff --git a/modules/forums/client/config/forums.client.routes.js b/modules/forums/client/config/forums.client.routes.js
index f7d97c6e..bcb226ff 100644
--- a/modules/forums/client/config/forums.client.routes.js
+++ b/modules/forums/client/config/forums.client.routes.js
@@ -10,12 +10,25 @@
   function routeConfig($stateProvider) {
     $stateProvider
       .state('forums', {
+        abstract: true,
         url: '/forums',
+        template: '<ui-view/>'
+      })
+      .state('forums.list', {
+        url: '',
         templateUrl: '/modules/forums/client/views/index.client.view.html',
         data: {
           roles: ['user', 'oper', 'admin'],
           pageTitle: 'PAGETITLE.FORUM'
         }
+      })
+      .state('forums.view', {
+        url: '/:forumId',
+        templateUrl: '/modules/forums/client/views/view.client.view.html',
+        data: {
+          roles: ['user', 'oper', 'admin'],
+          pageTitle: 'PAGETITLE.FORUM'
+        }
       });
   }
 }());
diff --git a/modules/forums/client/controllers/forums-view.client.controller.js b/modules/forums/client/controllers/forums-view.client.controller.js
new file mode 100644
index 00000000..f06e2032
--- /dev/null
+++ b/modules/forums/client/controllers/forums-view.client.controller.js
@@ -0,0 +1,27 @@
+(function () {
+  'use strict';
+
+  angular
+    .module('forums')
+    .controller('ForumsViewController', ForumsViewController);
+
+  ForumsViewController.$inject = ['$scope', '$state', '$translate', 'Authentication', 'MeanTorrentConfig', 'ForumsService', 'SideOverlay', '$filter', 'NotifycationService',
+    'marked', 'ModalConfirmService'];
+
+  function ForumsViewController($scope, $state, $translate, Authentication, MeanTorrentConfig, ForumsService, SideOverlay, $filter, NotifycationService,
+                            marked, ModalConfirmService) {
+    var vm = this;
+    vm.forumsConfig = MeanTorrentConfig.meanTorrentConfig.forumsConfig;
+    vm.user = Authentication.user;
+
+    /**
+     * init
+     */
+    vm.init = function () {
+      ForumsService.query({}, function (items) {
+        vm.forums = items;
+      });
+    };
+
+  }
+}());
diff --git a/modules/forums/client/less/forum.less b/modules/forums/client/less/forum.less
index 64f01582..afe929f6 100644
--- a/modules/forums/client/less/forum.less
+++ b/modules/forums/client/less/forum.less
@@ -75,7 +75,7 @@
                         margin-left: 60px;
                     }
                     .moderators-title {
-                        color: @brand-primary;
+                        color: #666;
                     }
                     .moderators-list {
                         .moderators-item {
diff --git a/modules/forums/client/views/index.client.view.html b/modules/forums/client/views/index.client.view.html
index 2351498a..7434c1a7 100644
--- a/modules/forums/client/views/index.client.view.html
+++ b/modules/forums/client/views/index.client.view.html
@@ -46,10 +46,10 @@
                 <tbody>
                     <tr ng-repeat="f in vm.forums | filter: { category: cat.value }">
                         <td>
-                            <span class="forum-icon glyphicon glyphicon-folder-open" ng-class="{'has-new-post': $index/2==0}"></span>
+                            <span class="forum-icon glyphicon glyphicon-folder-open" ng-class="{'has-new-post': $index%2==0}"></span>
 
                             <div class="forum-info">
-                                <h4><a href="#">{{f.name}}</a>
+                                <h4><a ui-sref="forums.view({ forumId: f._id })">{{f.name}}</a>
                                     <small class="badge badge_mt" ng-show="f.readOnly">R</small>
                                 </h4>
 
diff --git a/modules/forums/client/views/view.client.view.html b/modules/forums/client/views/view.client.view.html
new file mode 100644
index 00000000..3ec2c604
--- /dev/null
+++ b/modules/forums/client/views/view.client.view.html
@@ -0,0 +1,27 @@
+<section ng-controller="ForumsViewController as vm" ng-init="vm.init();">
+    <div class="pagetop">
+        <div class="container">
+            <div class="col-sm-8">
+                <div class="page-header">
+                    <h1>meanTorrent Forums</h1>
+
+                    <p class="text-muted">Welcome to meanTorrent forums!</p>
+                </div>
+            </div>
+            <div class="col-sm-4">
+                <div class="page-header padding-top-10">
+                    <div class="input-group">
+                        <input type="text" class="form-control" aria-label="search" placeholder="Search">
+
+                        <div class="input-group-btn">
+                            <button type="button" class="btn btn-default" aria-label="Search"><span class="glyphicon glyphicon-search"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <!--<p class="text-muted margin-top-10">Welcome to meanTorrent forums!</p>-->
+                </div>
+            </div>
+        </div>
+    </div>
+
+</section>
\ No newline at end of file