diff --git a/src/app/pages/charts/charts.module.ts b/src/app/pages/charts/charts.module.ts
index efaf2fab..e135430c 100644
--- a/src/app/pages/charts/charts.module.ts
+++ b/src/app/pages/charts/charts.module.ts
@@ -7,11 +7,12 @@ import { routing }       from './charts.routing';
 import { Charts } from './charts.component';
 import { ChartistJs } from './components/chartistJs/chartistJs.component';
 import { ChartistJsService } from './components/chartistJs/chartistJs.service';
-
+import { AppTranslationModule } from '../../app.translation.module';
 
 @NgModule({
   imports: [
     CommonModule,
+    AppTranslationModule,
     FormsModule,
     NgaModule,
     routing
diff --git a/src/app/pages/charts/components/chartistJs/chartistJs.html b/src/app/pages/charts/components/chartistJs/chartistJs.html
index 4d678f33..2a7def97 100644
--- a/src/app/pages/charts/components/chartistJs/chartistJs.html
+++ b/src/app/pages/charts/components/chartistJs/chartistJs.html
@@ -1,22 +1,22 @@
 <section class="chartist">
   <div class="row">
     <div class="col-md-6 ">
-      <ba-card title="Lines" baCardClass="with-scroll">
-        <h5>Simple line chart</h5>
+      <ba-card title="chart.lines" baCardClass="with-scroll">
+        <h5 translate>{{'chart.simple_line_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart"
                            baChartistChartType="Line"
                            [baChartistChartData]="data['simpleLineData']"
                            [baChartistChartOptions]="data['simpleLineOptions']">
         </ba-chartist-chart>
 
-        <h5>Line chart with area</h5>
+        <h5 translate>{{'chart.line_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart"
                            baChartistChartType="Line"
                            [baChartistChartData]="data['areaLineData']"
                            [baChartistChartOptions]="data['areaLineOptions']">
         </ba-chartist-chart>
 
-        <h5>Bi-polar line chart with area only</h5>
+        <h5 translate>{{'chart.bi_polar_line_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart"
                            baChartistChartType="Line"
                            [baChartistChartData]="data['biLineData']"
@@ -26,15 +26,15 @@
     </div>
 
     <div class="col-md-6 ">
-      <ba-card title="Bars" baCardClass="with-scroll">
-        <h5>Simple bar chart</h5>
+      <ba-card title="chart.bars" baCardClass="with-scroll">
+        <h5 translate>{{'chart.simple_bar_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart"
                            baChartistChartType="Bar"
                            [baChartistChartData]="data['simpleBarData']"
                            [baChartistChartOptions]="data['simpleBarOptions']">
         </ba-chartist-chart>
 
-        <h5>Multi-line labels bar chart</h5>
+        <h5 translate>{{'chart.multi_line_labels_bar_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart"
                            baChartistChartType="Bar"
                            [baChartistChartData]="data['multiBarData']"
@@ -42,7 +42,7 @@
                            [baChartistChartResponsive]="data['multiBarResponsive']">
         </ba-chartist-chart>
 
-        <h5>Stacked bar chart</h5>
+        <h5 translate>{{'chart.stacked_bar_chart'}}</h5>
         <ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
                            baChartistChartType="Bar"
                            [baChartistChartData]="data['stackedBarData']"
@@ -54,9 +54,9 @@
 
   <div class="row">
     <div class="col-md-12">
-      <ba-card title="Pies & Donuts" baCardClass="with-scroll">
+      <ba-card title="chart.pies_and_donuts" baCardClass="with-scroll">
         <div class="row">
-          <div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
+          <div class="col-md-12 col-lg-4"><h5 translate>{{'chart.simple_pie'}}</h5>
             <ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
                                baChartistChartType="Pie"
                                [baChartistChartData]="data['simplePieData']"
@@ -64,14 +64,14 @@
                                [baChartistChartResponsive]="getResponsive(20, 80)">
             </ba-chartist-chart>
           </div>
-          <div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
+          <div class="col-md-12 col-lg-4"><h5 translate>{{'chart.pie_with_labels'}}</h5>
             <ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
                                baChartistChartType="Pie"
                                [baChartistChartData]="data['labelsPieData']"
                                [baChartistChartOptions]="data['labelsPieOptions']">
             </ba-chartist-chart>
           </div>
-          <div class="col-md-12 col-lg-4"><h5>Donut</h5>
+          <div class="col-md-12 col-lg-4"><h5 translate>{{'chart.donut'}}</h5>
             <ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
                                baChartistChartType="Pie"
                                [baChartistChartData]="data['simpleDonutData']"
diff --git a/src/app/pages/components/components/treeView/treeView.html b/src/app/pages/components/components/treeView/treeView.html
index 250124af..4ccc0a41 100644
--- a/src/app/pages/components/components/treeView/treeView.html
+++ b/src/app/pages/components/components/treeView/treeView.html
@@ -1,5 +1,5 @@
 <div class="col-md-6">
-  <ba-card title="basic">
+  <ba-card title="tree_view.title">
     <tree id="tree-view" [tree]="tree"></tree>
   </ba-card>
 </div>
diff --git a/src/app/pages/dashboard/dashboard.html b/src/app/pages/dashboard/dashboard.html
index 2df1ae2a..b1d0d3ea 100644
--- a/src/app/pages/dashboard/dashboard.html
+++ b/src/app/pages/dashboard/dashboard.html
@@ -6,12 +6,12 @@
 
 <div class="row">
   <ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
-                     title="general.dashboard.acquisitionChannels" baCardClass="traffic-panel medium-card">
+                     title="dashboard.acquisition_channels" baCardClass="traffic-panel medium-card">
     <traffic-chart></traffic-chart>
   </ba-card>
 
   <ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
-           title="general.dashboard.usersByCountry" baCardClass="medium-card">
+           title="dashboard.users_by_country" baCardClass="medium-card">
     <users-map></users-map>
   </ba-card>
 </div>
@@ -20,7 +20,7 @@
   <div class="col-xlg-9 col-xl-6 col-lg-6  col-md-12 col-sm-12 col-12">
     <div class="row">
       <ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-12"
-               title="general.dashboard.revenue" baCardClass="medium-card">
+               title="dashboard.revenue" baCardClass="medium-card">
         <line-chart></line-chart>
       </ba-card>
       <ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-12"
@@ -31,7 +31,7 @@
   </div>
 
   <div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
-    <ba-card title="general.dashboard.feed"
+    <ba-card title="dashboard.feed"
              baCardClass="large-card with-scroll feed-panel">
       <feed></feed>
     </ba-card>
@@ -40,11 +40,11 @@
 </div>
 
 <div class="row shift-up">
-  <ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" title="general.dashboard.toDoList"
+  <ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.todo_list"
            baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
     <todo></todo>
   </ba-card>
-  <ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" title="general.dashboard.calendar"
+  <ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.calendar"
            baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
     <calendar></calendar>
   </ba-card>
diff --git a/src/app/pages/dashboard/pieChart/pieChart.service.ts b/src/app/pages/dashboard/pieChart/pieChart.service.ts
index 827f9e2f..bdcbdf65 100644
--- a/src/app/pages/dashboard/pieChart/pieChart.service.ts
+++ b/src/app/pages/dashboard/pieChart/pieChart.service.ts
@@ -12,22 +12,22 @@ export class PieChartService {
     return [
       {
         color: pieColor,
-        description: 'general.dashboard.newVisits',
+        description: 'dashboard.new_visits',
         stats: '57,820',
         icon: 'person',
       }, {
         color: pieColor,
-        description: 'general.dashboard.purchases',
+        description: 'dashboard.purchases',
         stats: '$ 89,745',
         icon: 'money',
       }, {
         color: pieColor,
-        description: 'general.dashboard.activeUsers',
+        description: 'dashboard.active_users',
         stats: '178,391',
         icon: 'face',
       }, {
         color: pieColor,
-        description: 'general.dashboard.returned',
+        description: 'dashboard.returned',
         stats: '32,592',
         icon: 'refresh',
       }
diff --git a/src/app/pages/dashboard/popularApp/popularApp.html b/src/app/pages/dashboard/popularApp/popularApp.html
index 88a0b44e..dcdbd5cd 100644
--- a/src/app/pages/dashboard/popularApp/popularApp.html
+++ b/src/app/pages/dashboard/popularApp/popularApp.html
@@ -1,28 +1,26 @@
 <div class="popular-app-img-container">
   <div class="popular-app-img">
     <img src="{{ ( 'app/my-app-logo.png' | baAppPicture ) }}"/>
-    <span class="logo-text">Super&nbsp;App</span>
+    <span class="logo-text" translate>{{'dashboard.popular_app.super_app'}}</span>
   </div>
 </div>
 <div class="popular-app-cost row">
-  <div class="col-9">
-    Most Popular App
-  </div>
+  <div class="col-9" translate>{{'dashboard.popular_app.most_popular_app'}}</div>
   <div class="col-3 text-right">
     175$
   </div>
 </div>
 <div class="popular-app-info row">
   <div class="col-4 text-left">
-    <div class="info-label">Total Visits</div>
+    <div class="info-label" translate>{{'dashboard.popular_app.total_visits'}}</div>
     <div>47,512</div>
   </div>
   <div class="col-4 text-center">
-    <div class="info-label">New Visits</div>
+    <div class="info-label" translate>{{'dashboard.popular_app.new_visits'}}</div>
     <div>9,217</div>
   </div>
   <div class="col-4 text-right">
-    <div class="info-label">Sales</div>
+    <div class="info-label" translate>{{'dashboard.popular_app.sales'}}</div>
     <div>2,928</div>
   </div>
 </div>
diff --git a/src/app/pages/dashboard/todo/todo.html b/src/app/pages/dashboard/todo/todo.html
index f8ab6681..b90f1579 100644
--- a/src/app/pages/dashboard/todo/todo.html
+++ b/src/app/pages/dashboard/todo/todo.html
@@ -1,5 +1,5 @@
 <div class="task-todo-container">
-  <input type="text" value="" class="form-control task-todo" placeholder="Task to do.." (keyup)="addToDoItem($event)" [(ngModel)]="newTodoText"/>
+  <input type="text" value="" class="form-control task-todo" placeholder="{{'dashboard.todo.task_todo' | translate}}" (keyup)="addToDoItem($event)" [(ngModel)]="newTodoText"/>
   <i (click)="addToDoItem($event)" class="add-item-icon ion-plus-round"></i>
   <div class="box-shadow-border"></div>
 
diff --git a/src/app/pages/dashboard/trafficChart/trafficChart.html b/src/app/pages/dashboard/trafficChart/trafficChart.html
index 3b5f55ec..e28b9ecb 100644
--- a/src/app/pages/dashboard/trafficChart/trafficChart.html
+++ b/src/app/pages/dashboard/trafficChart/trafficChart.html
@@ -6,7 +6,7 @@
       <canvas class="chart-area" width="300px" height="300px"></canvas>
       <div class="traffic-text">
         1,900,128
-        <span>Views Total</span>
+        <span translate>{{'dashboard.traffic_chart.view_total'}}</span>
       </div>
     </div>
     <div class="traffic-legend"></div>
@@ -26,4 +26,3 @@
     </div>
   </div>
 </div>
-
diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts
index dde644ad..79877823 100644
--- a/src/app/pages/pages.component.ts
+++ b/src/app/pages/pages.component.ts
@@ -16,9 +16,9 @@ import { PAGES_MENU } from './pages.menu';
       </div>
     </div>
     <footer class="al-footer clearfix">
-      <div class="al-footer-right">Created with <i class="ion-heart"></i></div>
+      <div class="al-footer-right" translate>{{'general.created_with'}} <i class="ion-heart"></i></div>
       <div class="al-footer-main clearfix">
-        <div class="al-copy">&copy; <a href="http://akveo.com">Akveo</a> 2016</div>
+        <div class="al-copy">&copy; <a href="http://akveo.com" translate>{{'general.akveo'}}</a> 2016</div>
         <ul class="al-share clearfix">
           <li><i class="socicon socicon-facebook"></i></li>
           <li><i class="socicon socicon-twitter"></i></li>
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 2a70364b..e5b8b6b3 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -3,11 +3,12 @@ import { CommonModule }  from '@angular/common';
 
 import { routing }       from './pages.routing';
 import { NgaModule } from '../theme/nga.module';
+import { AppTranslationModule } from '../app.translation.module';
 
 import { Pages } from './pages.component';
 
 @NgModule({
-  imports: [CommonModule, NgaModule, routing],
+  imports: [CommonModule, AppTranslationModule, NgaModule, routing],
   declarations: [Pages]
 })
 export class PagesModule {
diff --git a/src/assets/i18n/US/en.json b/src/assets/i18n/US/en.json
index eafea0a9..38e548bc 100644
--- a/src/assets/i18n/US/en.json
+++ b/src/assets/i18n/US/en.json
@@ -1,18 +1,7 @@
 {
   "general": {
+    "akveo": "Akveo",
     "home": "Home",
-    "dashboard": {
-      "acquisitionChannels": "Acquisition Channels",
-      "usersByCountry": "Users by Country",
-      "revenue": "Revenue",
-      "feed": "Feed",
-      "toDoList": "To Do List",
-      "calendar": "Calendar",
-      "newVisits": "New Visits",
-      "purchases": "Purchases",
-      "activeUsers": "Active Users",
-      "returned": "Returned"
-    },
     "forms": {
       "option1": "Option 1"
     },
@@ -49,6 +38,58 @@
       "menu_level_1_2": "Menu Level 1.2",
       "menu_level_1_2_1": "Menu Level 1.2.1",
       "external_link": "External Link"
+    },
+    "created_with": "Created with"
+  },
+  "dashboard": {
+    "acquisition_channels": "Acquisition Channels",
+    "users_by_country": "Users by Country",
+    "revenue": "Revenue",
+    "feed": "Feed",
+    "todo_list": "To Do List",
+    "calendar": "Calendar",
+    "new_visits": "New Visits",
+    "purchases": "Purchases",
+    "active_users": "Active Users",
+    "returned": "Returned",
+    "popular_app": {
+      "super_app": "Super App",
+      "most_popular_app": "Most Popular App",
+      "total_visits": "Total Visits",
+      "new_visits": "New Visits",
+      "sales": "Sales"
+    },
+    "todo": {
+      "task_todo": "Task to do.."
+    },
+    "traffic_chart": {
+      "view_total": "Views Total"
     }
+  },
+  "tree_view": {
+    "title": "basic",
+    "programming": "Programming languages by programming paradigm",
+    "oop": "Object-oriented programming",
+    "java": "Java",
+    "c_plus_plus": "C++",
+    "c_sharp": "C#",
+    "prototype": "Prototype-based programming",
+    "java_script": "JavaScript",
+    "coffee_script": "CoffeeScript",
+    "lua": "Lua"
+  },
+  "chart": {
+    "lines": "Lines",
+    "bars": "Bars",
+    "simple_line_chart": "Simple line chart",
+    "line_chart": "Line chart with area",
+    "bi_polar_line_chart": "Bi-polar line chart with area only",
+    "simple_bar_chart": "Simple bar chart",
+    "multi_line_labels_bar_chart": "Multi-line labels bar chart",
+    "stacked_bar_chart": "Stacked bar chart",
+    "pies_and_donuts": "Pies & Donuts",
+    "simple_pie": "Simple Pie",
+    "pie_with_labels": "Pie with labels",
+    "donut": "Donut"
   }
 }