diff --git a/app/locales.js b/app/locales.js
index 7b461aac..b961541b 100644
--- a/app/locales.js
+++ b/app/locales.js
@@ -162,7 +162,7 @@ Ext.define('Ngcp.csc.locales', {
                     it: 'incoming',
                     de: 'incoming',
                     fr: 'incoming',
-                    sp: 'incoming'
+                    sp: 'inoming'
                 },
                 outgoing: {
                     en: 'outgoing',
@@ -1012,6 +1012,121 @@ Ext.define('Ngcp.csc.locales', {
                 sp: 'Logo'
             }
         },
+        autoattendant: {
+            title: {
+                en: 'Your auto attendants.',
+                it: 'Your auto attendants.',
+                de: 'Your auto attendants.',
+                fr: 'Your auto attendants.',
+                sp: 'Your auto attendants.'
+            },
+            subtitle: {
+                en: 'AUTO ATTENDANT',
+                it: 'AUTO ATTENDANT',
+                de: 'AUTO ATTENDANT',
+                fr: 'AUTO ATTENDANT',
+                sp: 'AUTO ATTENDANT'
+            },
+            user_label: {
+                en: 'Auto attendants for ',
+                it: 'Auto attendants for ',
+                de: 'Auto attendants for ',
+                fr: 'Auto attendants for ',
+                sp: 'Auto attendants for '
+            }
+        },
+        deviceprovisioning: {
+            title: {
+                en: 'Your device provisionings.',
+                it: 'Your device provisionings.',
+                de: 'Your device provisionings.',
+                fr: 'Your device provisionings.',
+                sp: 'Your device provisionings.'
+            },
+            subtitle: {
+                en: 'DEVICE PROVISIONING',
+                it: 'DEVICE PROVISIONING',
+                de: 'DEVICE PROVISIONING',
+                fr: 'DEVICE PROVISIONING',
+                sp: 'DEVICE PROVISIONING'
+            },
+            user_label: {
+                en: 'Device provisionings for ',
+                it: 'Device provisionings for ',
+                de: 'Device provisionings for ',
+                fr: 'Device provisionings for ',
+                sp: 'Device provisionings for '
+            }
+        },
+        huntgroup: {
+            title: {
+                en: 'Your hunt groups.',
+                it: 'Your hunt groups.',
+                de: 'Your hunt groups.',
+                fr: 'Your hunt groups.',
+                sp: 'Your hunt groups.'
+            },
+            subtitle: {
+                en: 'HUNT GROUP',
+                it: 'HUNT GROUP',
+                de: 'HUNT GROUP',
+                fr: 'HUNT GROUP',
+                sp: 'HUNT GROUP'
+            },
+            user_label: {
+                en: 'Hunt groups for ',
+                it: 'Hunt groups for ',
+                de: 'Hunt groups for ',
+                fr: 'Hunt groups for ',
+                sp: 'Hunt groups for '
+            }
+        },
+        pbxextension: {
+            title: {
+                en: 'Your pbx extensions.',
+                it: 'Your pbx extensions.',
+                de: 'Your pbx extensions.',
+                fr: 'Your pbx extensions.',
+                sp: 'Your pbx extensions.'
+            },
+            subtitle: {
+                en: 'PBX EXTENSION',
+                it: 'PBX EXTENSION',
+                de: 'PBX EXTENSION',
+                fr: 'PBX EXTENSION',
+                sp: 'PBX EXTENSION'
+            },
+            user_label: {
+                en: 'Pbx extensions for ',
+                it: 'Pbx extensions for ',
+                de: 'Pbx extensions for ',
+                fr: 'Pbx extensions for ',
+                sp: 'Pbx extensions for '
+            }
+        },
+        subscriberadmin: {
+            title: {
+                en: 'Your subscriber admin settings.',
+                it: 'Your subscriber admin settings.',
+                de: 'Your subscriber admin settings.',
+                fr: 'Your subscriber admin settings.',
+                sp: 'Your subscriber admin settings.'
+            },
+            subtitle: {
+                en: 'SUBSCRIBER ADMIN',
+                it: 'SUBSCRIBER ADMIN',
+                de: 'SUBSCRIBER ADMIN',
+                fr: 'SUBSCRIBER ADMIN',
+                sp: 'SUBSCRIBER ADMIN'
+            },
+            user_label: {
+                en: 'Subscriber admin for ',
+                it: 'Subscriber admin for ',
+                de: 'Subscriber admin for ',
+                fr: 'Subscriber admin for ',
+                sp: 'Subscriber admin for '
+            }
+        },
         common: {
             today: {
                 en: 'Today',
diff --git a/app/store/NavigationTree.js b/app/store/NavigationTree.js
index fbcc08b3..8a5ced8a 100644
--- a/app/store/NavigationTree.js
+++ b/app/store/NavigationTree.js
@@ -60,7 +60,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
             leaf: true
         }, {
             text: 'Fax Send',
-            iconCls: 'x-fa fa-fax', //fa-file-text-o
+            iconCls: 'x-fa fa-paper-plane', //fa-file-text-o
             viewType: 'faxsend',
             routeId: 'faxsend',
             acl: ['administrator'],
@@ -86,14 +86,48 @@ Ext.define('NgcpCsc.store.NavigationTree', {
             routeId: 'account',
             acl: ['administrator', 'restricted', 'host'],
             leaf: true
-        },
-        {
+        }, {
             text: 'Theme roller',
             iconCls: 'x-fa fa-paint-brush',
             viewType: 'themeroller',
             routeId: 'themeroller',
             acl: ['administrator'],
             leaf: true
+        }, {
+            text: 'Auto attendant',
+            iconCls: 'x-fa fa-microphone',
+            viewType: 'autoattendant',
+            routeId: 'autoattendant',
+            acl: ['administrator', 'restricted', 'host'],
+            leaf: true
+        }, {
+            text: 'Device provisioning',
+            iconCls: 'x-fa fa-fax',
+            viewType: 'deviceprovisioning',
+            routeId: 'deviceprovisioning',
+            acl: ['administrator', 'restricted', 'host'],
+            leaf: true
+        }, {
+            text: 'Hunt group',
+            iconCls: 'x-fa fa-users',
+            viewType: 'huntgroup',
+            routeId: 'huntgroup',
+            acl: ['administrator', 'restricted', 'host'],
+            leaf: true
+        }, {
+            text: 'Pbx extension',
+            iconCls: 'x-fa fa-sign-out',
+            viewType: 'pbxextension',
+            routeId: 'pbxextension',
+            acl: ['administrator', 'restricted', 'host'],
+            leaf: true
+        }, {
+            text: 'Subscriber admin',
+            iconCls: 'x-fa fa-cog',
+            viewType: 'subscriberadmin',
+            routeId: 'subscriberadmin',
+            acl: ['administrator', 'restricted', 'host'],
+            leaf: true
         }]
     }
 });
diff --git a/classic/sass/src/view/pages/autoattendant/AutoAttendant.scss b/classic/sass/src/view/pages/autoattendant/AutoAttendant.scss
new file mode 100644
index 00000000..d02a6b14
--- /dev/null
+++ b/classic/sass/src/view/pages/autoattendant/AutoAttendant.scss
@@ -0,0 +1,4 @@
+// custom rules
+.autoattendant-heading {
+    font-size: 24px;
+}
diff --git a/classic/sass/src/view/pages/deviceprovisioning/DeviceProvisioning.scss b/classic/sass/src/view/pages/deviceprovisioning/DeviceProvisioning.scss
new file mode 100644
index 00000000..0c4e5c4a
--- /dev/null
+++ b/classic/sass/src/view/pages/deviceprovisioning/DeviceProvisioning.scss
@@ -0,0 +1,4 @@
+// custom rules
+.deviceprovisioning-heading {
+    font-size: 24px;
+}
diff --git a/classic/sass/src/view/pages/huntgroup/HuntGroup.scss b/classic/sass/src/view/pages/huntgroup/HuntGroup.scss
new file mode 100644
index 00000000..c525117d
--- /dev/null
+++ b/classic/sass/src/view/pages/huntgroup/HuntGroup.scss
@@ -0,0 +1,4 @@
+// custom rules
+.huntgroup-heading {
+    font-size: 24px;
+}
diff --git a/classic/sass/src/view/pages/pbxextension/PbxExtension.scss b/classic/sass/src/view/pages/pbxextension/PbxExtension.scss
new file mode 100644
index 00000000..79d59cf7
--- /dev/null
+++ b/classic/sass/src/view/pages/pbxextension/PbxExtension.scss
@@ -0,0 +1,4 @@
+// custom rules
+.pbxextension-heading {
+    font-size: 24px;
+}
diff --git a/classic/sass/src/view/pages/subscriberadmin/SubscriberAdmin.scss b/classic/sass/src/view/pages/subscriberadmin/SubscriberAdmin.scss
new file mode 100644
index 00000000..f44eeedc
--- /dev/null
+++ b/classic/sass/src/view/pages/subscriberadmin/SubscriberAdmin.scss
@@ -0,0 +1,4 @@
+// custom rules
+.subscriberadmin-heading {
+    font-size: 24px;
+}
diff --git a/classic/src/view/pages/autoattendant/AutoAttendant.js b/classic/src/view/pages/autoattendant/AutoAttendant.js
new file mode 100644
index 00000000..c980601a
--- /dev/null
+++ b/classic/src/view/pages/autoattendant/AutoAttendant.js
@@ -0,0 +1,33 @@
+Ext.define('NgcpCsc.view.pages.autoattendant.AutoAttendant', {
+    extend: 'Ext.panel.Panel',
+
+    xtype: 'autoattendant',
+
+    viewModel: 'autoattendant',
+
+    controller: 'autoattendant',
+
+    title: Ngcp.csc.locales.autoattendant.title[localStorage.getItem('languageSelected')],
+
+    scrollable: true,
+
+    items: [{
+        layout: 'responsivecolumn',
+        userCls: 'white-box',
+        margin: 20,
+        padding: 10,
+        items: [{
+            height: 25,
+            html: Ngcp.csc.locales.autoattendant.subtitle[localStorage.getItem('languageSelected')]
+        }, {
+            height: 25,
+            html: Ext.String.format('<div class="autoattendant-heading">{0} {1}</div>', Ngcp.csc.locales.autoattendant.user_label[localStorage.getItem('languageSelected')], localStorage.getItem('username'))
+        }, {
+            xtype: 'container',
+            bind: {
+                html: '{test_viewmodel_data}'
+            }
+        }]
+    }]
+
+});
diff --git a/classic/src/view/pages/autoattendant/AutoAttendantController.js b/classic/src/view/pages/autoattendant/AutoAttendantController.js
new file mode 100644
index 00000000..85fec0ac
--- /dev/null
+++ b/classic/src/view/pages/autoattendant/AutoAttendantController.js
@@ -0,0 +1,6 @@
+Ext.define('NgcpCsc.view.pages.autoattendant.AutoAttendantController', {
+    extend: 'Ext.app.ViewController',
+
+    alias: 'controller.autoattendant'
+
+});
diff --git a/classic/src/view/pages/autoattendant/AutoAttendantModel.js b/classic/src/view/pages/autoattendant/AutoAttendantModel.js
new file mode 100644
index 00000000..f8e9d04b
--- /dev/null
+++ b/classic/src/view/pages/autoattendant/AutoAttendantModel.js
@@ -0,0 +1,9 @@
+Ext.define('NgcpCsc.view.pages.autoattendant.AutoAttendantModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.autoattendant',
+
+    data: {
+        test_viewmodel_data: 'Test data from view model.'
+    }
+
+});
diff --git a/classic/src/view/pages/deviceprovisioning/DeviceProvisioning.js b/classic/src/view/pages/deviceprovisioning/DeviceProvisioning.js
new file mode 100644
index 00000000..415d6c37
--- /dev/null
+++ b/classic/src/view/pages/deviceprovisioning/DeviceProvisioning.js
@@ -0,0 +1,33 @@
+Ext.define('NgcpCsc.view.pages.deviceprovisioning.DeviceProvisioning', {
+    extend: 'Ext.panel.Panel',
+
+    xtype: 'deviceprovisioning',
+
+    viewModel: 'deviceprovisioning',
+
+    controller: 'deviceprovisioning',
+
+    title: Ngcp.csc.locales.deviceprovisioning.title[localStorage.getItem('languageSelected')],
+
+    scrollable: true,
+
+    items: [{
+        layout: 'responsivecolumn',
+        userCls: 'white-box',
+        margin: 20,
+        padding: 10,
+        items: [{
+            height: 25,
+            html: Ngcp.csc.locales.deviceprovisioning.subtitle[localStorage.getItem('languageSelected')]
+        }, {
+            height: 25,
+            html: Ext.String.format('<div class="deviceprovisioning-heading">{0} {1}</div>', Ngcp.csc.locales.deviceprovisioning.user_label[localStorage.getItem('languageSelected')], localStorage.getItem('username'))
+        }, {
+            xtype: 'container',
+            bind: {
+                html: '{test_viewmodel_data}'
+            }
+        }]
+    }]
+
+});
diff --git a/classic/src/view/pages/deviceprovisioning/DeviceProvisioningController.js b/classic/src/view/pages/deviceprovisioning/DeviceProvisioningController.js
new file mode 100644
index 00000000..65556980
--- /dev/null
+++ b/classic/src/view/pages/deviceprovisioning/DeviceProvisioningController.js
@@ -0,0 +1,6 @@
+Ext.define('NgcpCsc.view.pages.deviceprovisioning.DeviceProvisioningController', {
+    extend: 'Ext.app.ViewController',
+
+    alias: 'controller.deviceprovisioning'
+
+});
diff --git a/classic/src/view/pages/deviceprovisioning/DeviceProvisioningModel.js b/classic/src/view/pages/deviceprovisioning/DeviceProvisioningModel.js
new file mode 100644
index 00000000..3c1c1d45
--- /dev/null
+++ b/classic/src/view/pages/deviceprovisioning/DeviceProvisioningModel.js
@@ -0,0 +1,9 @@
+Ext.define('NgcpCsc.view.pages.deviceprovisioning.DeviceProvisioningModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.deviceprovisioning',
+
+    data: {
+        test_viewmodel_data: 'Test data from view model.'
+    }
+
+});
diff --git a/classic/src/view/pages/huntgroup/HuntGroup.js b/classic/src/view/pages/huntgroup/HuntGroup.js
new file mode 100644
index 00000000..0240c133
--- /dev/null
+++ b/classic/src/view/pages/huntgroup/HuntGroup.js
@@ -0,0 +1,33 @@
+Ext.define('NgcpCsc.view.pages.huntgroup.HuntGroup', {
+    extend: 'Ext.panel.Panel',
+
+    xtype: 'huntgroup',
+
+    viewModel: 'huntgroup',
+
+    controller: 'huntgroup',
+
+    title: Ngcp.csc.locales.huntgroup.title[localStorage.getItem('languageSelected')],
+
+    scrollable: true,
+
+    items: [{
+        layout: 'responsivecolumn',
+        userCls: 'white-box',
+        margin: 20,
+        padding: 10,
+        items: [{
+            height: 25,
+            html: Ngcp.csc.locales.huntgroup.subtitle[localStorage.getItem('languageSelected')]
+        }, {
+            height: 25,
+            html: Ext.String.format('<div class="huntgroup-heading">{0} {1}</div>', Ngcp.csc.locales.huntgroup.user_label[localStorage.getItem('languageSelected')], localStorage.getItem('username'))
+        }, {
+            xtype: 'container',
+            bind: {
+                html: '{test_viewmodel_data}'
+            }
+        }]
+    }]
+
+});
diff --git a/classic/src/view/pages/huntgroup/HuntGroupController.js b/classic/src/view/pages/huntgroup/HuntGroupController.js
new file mode 100644
index 00000000..fb4f92b3
--- /dev/null
+++ b/classic/src/view/pages/huntgroup/HuntGroupController.js
@@ -0,0 +1,6 @@
+Ext.define('NgcpCsc.view.pages.huntgroup.HuntGroupController', {
+    extend: 'Ext.app.ViewController',
+
+    alias: 'controller.huntgroup'
+
+});
diff --git a/classic/src/view/pages/huntgroup/HuntGroupModel.js b/classic/src/view/pages/huntgroup/HuntGroupModel.js
new file mode 100644
index 00000000..53b896c3
--- /dev/null
+++ b/classic/src/view/pages/huntgroup/HuntGroupModel.js
@@ -0,0 +1,9 @@
+Ext.define('NgcpCsc.view.pages.huntgroup.HuntGroupModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.huntgroup',
+
+    data: {
+        test_viewmodel_data: 'Test data from view model.'
+    }
+
+});
diff --git a/classic/src/view/pages/pbxextension/PbxExtension.js b/classic/src/view/pages/pbxextension/PbxExtension.js
new file mode 100644
index 00000000..e46bd66d
--- /dev/null
+++ b/classic/src/view/pages/pbxextension/PbxExtension.js
@@ -0,0 +1,33 @@
+Ext.define('NgcpCsc.view.pages.pbxextension.PbxExtension', {
+    extend: 'Ext.panel.Panel',
+
+    xtype: 'pbxextension',
+
+    viewModel: 'pbxextension',
+
+    controller: 'pbxextension',
+
+    title: Ngcp.csc.locales.pbxextension.title[localStorage.getItem('languageSelected')],
+
+    scrollable: true,
+
+    items: [{
+        layout: 'responsivecolumn',
+        userCls: 'white-box',
+        margin: 20,
+        padding: 10,
+        items: [{
+            height: 25,
+            html: Ngcp.csc.locales.pbxextension.subtitle[localStorage.getItem('languageSelected')]
+        }, {
+            height: 25,
+            html: Ext.String.format('<div class="pbxextension-heading">{0} {1}</div>', Ngcp.csc.locales.pbxextension.user_label[localStorage.getItem('languageSelected')], localStorage.getItem('username'))
+        }, {
+            xtype: 'container',
+            bind: {
+                html: '{test_viewmodel_data}'
+            }
+        }]
+    }]
+
+});
diff --git a/classic/src/view/pages/pbxextension/PbxExtensionController.js b/classic/src/view/pages/pbxextension/PbxExtensionController.js
new file mode 100644
index 00000000..af0307c4
--- /dev/null
+++ b/classic/src/view/pages/pbxextension/PbxExtensionController.js
@@ -0,0 +1,6 @@
+Ext.define('NgcpCsc.view.pages.pbxextension.PbxExtensionController', {
+    extend: 'Ext.app.ViewController',
+
+    alias: 'controller.pbxextension'
+
+});
diff --git a/classic/src/view/pages/pbxextension/PbxExtensionModel.js b/classic/src/view/pages/pbxextension/PbxExtensionModel.js
new file mode 100644
index 00000000..11d6e42e
--- /dev/null
+++ b/classic/src/view/pages/pbxextension/PbxExtensionModel.js
@@ -0,0 +1,9 @@
+Ext.define('NgcpCsc.view.pages.pbxextension.PbxExtensionModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.pbxextension',
+
+    data: {
+        test_viewmodel_data: 'Test data from view model.'
+    }
+
+});
diff --git a/classic/src/view/pages/subscriberadmin/SubscriberAdmin.js b/classic/src/view/pages/subscriberadmin/SubscriberAdmin.js
new file mode 100644
index 00000000..30c9233d
--- /dev/null
+++ b/classic/src/view/pages/subscriberadmin/SubscriberAdmin.js
@@ -0,0 +1,33 @@
+Ext.define('NgcpCsc.view.pages.subscriberadmin.SubscriberAdmin', {
+    extend: 'Ext.panel.Panel',
+
+    xtype: 'subscriberadmin',
+
+    viewModel: 'subscriberadmin',
+
+    controller: 'subscriberadmin',
+
+    title: Ngcp.csc.locales.subscriberadmin.title[localStorage.getItem('languageSelected')],
+
+    scrollable: true,
+
+    items: [{
+        layout: 'responsivecolumn',
+        userCls: 'white-box',
+        margin: 20,
+        padding: 10,
+        items: [{
+            height: 25,
+            html: Ngcp.csc.locales.subscriberadmin.subtitle[localStorage.getItem('languageSelected')]
+        }, {
+            height: 25,
+            html: Ext.String.format('<div class="subscriberadmin-heading">{0} {1}</div>', Ngcp.csc.locales.subscriberadmin.user_label[localStorage.getItem('languageSelected')], localStorage.getItem('username'))
+        }, {
+            xtype: 'container',
+            bind: {
+                html: '{test_viewmodel_data}'
+            }
+        }]
+    }]
+
+});
diff --git a/classic/src/view/pages/subscriberadmin/SubscriberAdminController.js b/classic/src/view/pages/subscriberadmin/SubscriberAdminController.js
new file mode 100644
index 00000000..0b0311e1
--- /dev/null
+++ b/classic/src/view/pages/subscriberadmin/SubscriberAdminController.js
@@ -0,0 +1,6 @@
+Ext.define('NgcpCsc.view.pages.subscriberadmin.SubscriberAdminController', {
+    extend: 'Ext.app.ViewController',
+
+    alias: 'controller.subscriberadmin'
+
+});
diff --git a/classic/src/view/pages/subscriberadmin/SubscriberAdminModel.js b/classic/src/view/pages/subscriberadmin/SubscriberAdminModel.js
new file mode 100644
index 00000000..7d9edd52
--- /dev/null
+++ b/classic/src/view/pages/subscriberadmin/SubscriberAdminModel.js
@@ -0,0 +1,9 @@
+Ext.define('NgcpCsc.view.pages.subscriberadmin.SubscriberAdminModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.subscriberadmin',
+
+    data: {
+        test_viewmodel_data: 'Test data from view model.'
+    }
+
+});