diff --git a/global-translations/locale-en.json b/global-translations/locale-en.json
index 65fce1b7..f75748a8 100644
--- a/global-translations/locale-en.json
+++ b/global-translations/locale-en.json
@@ -233,6 +233,7 @@
   "link.admin.users" : "Users",
   "link.admin.organisation" : "Organisation",
   "link.admin.system" : "System",
+  "link.admin.products" : "Products",
   "link.profile" : "Profile",
   "link.settings" : "Settings",
   "link.logout" : "LogOut",
diff --git a/html/products/products.html b/html/products/products.html
new file mode 100644
index 00000000..a359ae72
--- /dev/null
+++ b/html/products/products.html
@@ -0,0 +1,26 @@
+<div class="row paddedleft paddedtop">
+  <div class="span6">
+	  <div class="list-group">
+	    <a class="list-group-item" href="#/loanproducts">
+	      <h4 class="list-group-item-heading"><i class="icon-tags icon-large"></i>&nbsp;&nbsp;{{ 'link.products.loanproducts' | translate }}</h4>
+	      <p class="list-group-item-text">Add new loan prodcut or modify or inactivate loan prodcut.</p>
+	    </a>
+	    <a class="list-group-item" href="#/charges">
+	      <h4 class="list-group-item-heading"><i class="icon-calendar icon-puzzle-piece"></i>&nbsp;&nbsp;{{ 'link.products.charges' | translate }}</h4>
+	      <p class="list-group-item-text">Define chnarges/penalties for loan product</p>
+	    </a>
+	  </div>    
+  </div>
+  <div class="span6">
+	  <div class="list-group">
+	    <a class="list-group-item" href="#/savingproducts">
+	      <h4 class="list-group-item-heading"><i class="icon-large icon-briefcase"></i>&nbsp;&nbsp;{{ 'link.products.savingproducts' | translate }}</h4>
+	      <p class="list-group-item-text">Add new saving prodcut or modify or inactivate saving prodcut.</p>
+	    </a>
+	    <a class="list-group-item" href="#">
+	      <h4 class="list-group-item-heading"><i class="icon-large icon-random"></i>&nbsp;&nbsp;{{ 'link.products.productsmix' | translate }}</h4>
+	      <p class="list-group-item-text">Defines rules for taking multiple rules</p>
+	    </a>
+	  </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/index.html b/index.html
index f1cd1561..acc02d24 100644
--- a/index.html
+++ b/index.html
@@ -130,6 +130,7 @@
                                 <li><a href="#/userslist">{{ 'link.admin.users' | translate }}</a></li>
                                 <li><a href="#/organization">{{ 'link.admin.organisation' | translate }}</a></li>
                                 <li><a href="#/system">{{ 'link.admin.system' | translate }}</a></li>
+                                <li><a href="#/products">{{ 'link.admin.products' | translate }}</a></li>
                             </ul>
                         </li>
 
diff --git a/js/routes.js b/js/routes.js
index 16d295e2..8f20ee8a 100644
--- a/js/routes.js
+++ b/js/routes.js
@@ -10,6 +10,9 @@
       .when('/home', {
         templateUrl: 'html/home.html'
       })
+      .when('/products', {
+        templateUrl: 'html/products/products.html'
+      })
       .when('/admin/roles', {
         templateUrl: 'html/administration/roles.html'
       })
diff --git a/stylesheets/app.css b/stylesheets/app.css
index c6a88c68..fec8818f 100644
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -10,7 +10,7 @@
 }
 
 .paddedleft80 {
-    padding-left: 80px;
+    padding-left: 8%;
 }
 
 .paddedleft {