diff --git a/CellFrameDashboardGUI/DapUiQmlScreenMainWindow.qml b/CellFrameDashboardGUI/DapUiQmlScreenMainWindow.qml
index 3e3535ac0ec40c26713dd48fc2bec6f685182c7c..e304c2aa6372706344f09062940563c6b9d4b885 100644
--- a/CellFrameDashboardGUI/DapUiQmlScreenMainWindow.qml
+++ b/CellFrameDashboardGUI/DapUiQmlScreenMainWindow.qml
@@ -4,98 +4,75 @@ import QtQuick.Controls 1.4
 DapUiQmlScreenMainWindowForm {
     id: dapQmlScreenMainWindow
 
-    Component{
+    Component {
         id: componentItemMainMenuTab
-            Column {
-            id: columnTab
-            height: 148
-            Rectangle {
-                id: componentItem
-                property bool isPushed: listViewTabs.currentIndex === index
 
-                width: listViewTabs.width
-                height: 150
-                color: "transparent"
-                Rectangle
-                {
-                    id: spacerItem1
-                    height: 25
-                    anchors.top: parent.top
-                }
-                Image
-                {
-                    id: imageItem
-                    anchors.top: spacerItem1.bottom
-                    source: model.source
-                    height: 60
-                    width: 60
-                    anchors.horizontalCenter: parent.horizontalCenter
-                }
-                Rectangle
-                {
-                    id: spacerItem2
-                    anchors.top: imageItem.bottom
-                    height: 16
-                }
-                Text
-                {
-                    id: textItemMenu
-                    anchors.top: spacerItem2.bottom
-                    text: qsTr(name)
-                    color: "#505559"
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    font.family: "Roboto"
-                    font.weight: componentItem.isPushed ? Font.Normal : Font.Light
-                    font.pointSize: 16
-                }
-                Rectangle
-                {
-                    id: spacerItem3
-                    anchors.top: textItemMenu.bottom
-                    height: 30
-                }
-                MouseArea {
-                    anchors.fill: parent
-                    hoverEnabled: true
-                    onEntered:
-                    {
-                        textItemMenu.font.weight = Font.Normal
-                        if(!componentItem.isPushed) componentItem.color ="#B0B0B5"
-                    }
-                    onExited:
+        Rectangle {
+            id: componentItem
+            property bool isPushed: listViewTabs.currentIndex === index
+            width: 180 * pt
+            height: 60 * pt
+            color: "transparent"
+
+            Image
+            {
+                id: imageItem
+                anchors.left: parent.left
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.leftMargin: 24 * pt
+                source: model.normal
+                height: 18 * pt
+                width: 18 * pt
+            }
+
+            Text {
+                id: textItemMenu
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.left: imageItem.right
+                anchors.leftMargin: 18 * pt
+                text: name
+                font.family: fontRobotoLight.name
+                font.pixelSize: 16 * pt
+                color: "#FFFFFF"
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                hoverEnabled: true
+
+                onEntered: {
+                    if(!componentItem.isPushed)
                     {
-                        textItemMenu.font.weight = Font.Light
-                        if(!componentItem.isPushed) componentItem.color = "transparent"
+                        imageItem.source = model.hover;
+                        textItemMenu.font.family = fontRobotoRegular.name;
                     }
+                }
 
-                    onClicked:
+                onExited: {
+                    if(!componentItem.isPushed)
                     {
-                        listViewTabs.currentIndex = index
-                        stackViewScreenDashboard.setSource(Qt.resolvedUrl(page))
+                        imageItem.source = model.normal
+                        textItemMenu.font.family = fontRobotoLight.name;
                     }
                 }
 
-                onIsPushedChanged: {
-                    componentItem.color = (isPushed ? "#D0D3D6" : "transparent");
+                onClicked: {
+                    listViewTabs.currentIndex = index;
+                    stackViewScreenDashboard.setSource(Qt.resolvedUrl(page));
+
                 }
             }
-            Rectangle
-            {
-                id: borderItem
-                height: 1
-                color: "#B5B5B5"
-                width: parent.width
+
+            onIsPushedChanged: {
+                componentItem.color = (isPushed ? "#D51F5D" : "transparent");
+                imageItem.source = model.hover;
+                textItemMenu.font.family = (isPushed ? fontRobotoRegular.name : fontRobotoLight.name);
             }
         }
     }
 }
 
 
-
-
-
-
-
 /*##^## Designer {
     D{i:0;autoSize:true;height:480;width:640}
 }
diff --git a/CellFrameDashboardGUI/DapUiQmlScreenMainWindowForm.ui.qml b/CellFrameDashboardGUI/DapUiQmlScreenMainWindowForm.ui.qml
index b94101f05e94b7cd6238032dd65608a2e6d25e39..952162476a18cdcc8ba1360a02735258b68db0ad 100644
--- a/CellFrameDashboardGUI/DapUiQmlScreenMainWindowForm.ui.qml
+++ b/CellFrameDashboardGUI/DapUiQmlScreenMainWindowForm.ui.qml
@@ -9,101 +9,133 @@ Page {
     id: dapUiQmlScreenMainWindow
     title: qsTr("General")
 
+    /// ----------- Load fonts -----------
+    /// using example: font.family: fontRobotoLight.name
+    readonly property FontLoader fontRobotoLight: FontLoader { source: "qrc:/Resources/Fonts/roboto_light.ttf" }
+    readonly property FontLoader fontRobotoRegular: FontLoader { source: "qrc:/Resources/Fonts/roboto_regular.ttf" }
+    /// -----------
+
     property alias listViewTabs: listViewTabs
     property alias stackViewScreenDashboard: stackViewScreenDashboard
 
-    Rectangle {
-        id: rectangleTabsBorder
-        anchors.top: parent.top
-        anchors.bottom: parent.bottom
-        anchors.left: parent.left
-        color: "#B5B5B5"
-        width: 150
-        Rectangle {
-            id: rectangleTabs
-            anchors.fill: parent
-            anchors.leftMargin: 1
-            anchors.rightMargin: 1
 
-            color: "#E1E4E6"
-            ListView {
-                id: listViewTabs
-                anchors.fill: parent
-                model: listModelTabs
-                spacing: 3
-
-                ListModel {
-                    id: listModelTabs
-
-                    ListElement {
-                        name: qsTr("Dashboard")
-                        page: "DapUiQmlScreenDialog.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name: qsTr("Exchange")
-                        page: "DapUiQmlScreenExchangeForm.ui.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name:  qsTr("Settings")
-//                        page: "DapQmlScreenAbout.qml"
-                        page: "DapUiQmlScreenSettings.qml"
-//                        page: "DapUiQmlWidgetSettingsNetwork.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name: qsTr("Logs")
-                        page: "DapUiQmlWidgetChainNodeLogs.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name: qsTr("History")
-                        page: "DapUiQmlScreenHistory.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name: qsTr("Console")
-                        page: "DapUiQmlScreenConsoleForm.ui.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                    ListElement {
-                        name: qsTr("About")
-                        page: "DapQmlScreenAbout.qml"
-                        source: "qrc:/Resources/Icons/defaul_icon.png"
-                    }
-                }
-                delegate: componentItemMainMenuTab
-            }
-            focus: true
-        }
-    }
-
-    DapUiQmlWidgetStatusBar {
+    DapUiQmlWidgetStatusBar
+    {
         id: rectangleStatusBar
         anchors.left: rectangleTabsBorder.right
         anchors.top: parent.top
         anchors.right: parent.right
-        color: "#B5B5B5"
+        color: "#070023"
         height: 60 * pt
     }
 
-    Rectangle {
-        id: mainDashboard
-        anchors.left: rectangleTabsBorder.right
-        anchors.top: rectangleStatusBar.bottom
+    Rectangle
+    {
+        id: rectangleTabsBorder
+        anchors.top: parent.top
         anchors.bottom: parent.bottom
-        anchors.right: parent.right
-        border.color: "whitesmoke"
+        anchors.left: parent.left
+        color: "#070023"
+        width: 160 * pt
 
-        Loader {
-            id: stackViewScreenDashboard
-            clip: true
+        ListView {
+            id: listViewTabs
             anchors.fill: parent
-            source: "DapUiQmlScreenDialog.qml"
+            anchors.topMargin: 60 * pt
+            model: listModelTabs
+            spacing: 3
+
+            ListModel {
+                id: listModelTabs
+
+                ListElement {
+                    name:  qsTr("Dashboard")
+                    page: "DapUiQmlScreenDialog.qml"
+                    normal: "qrc:/Resources/Icons/icon_dashboard.png"
+                    hover: "qrc:/Resources/Icons/icon_dashboard_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("Exchange")
+                    page: "DapUiQmlScreenExchangeForm.ui.qml"
+                    normal: "qrc:/Resources/Icons/icon_exchange.png"
+                    hover: "qrc:/Resources/Icons/icon_exchange_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("History")
+                    page: "DapUiQmlScreenHistory.qml"
+                    normal: "qrc:/Resources/Icons/icon_history.png"
+                    hover: "qrc:/Resources/Icons/icon_history_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("Console")
+                    page: "DapUiQmlScreenConsoleForm.ui.qml"
+                    normal: "qrc:/Resources/Icons/icon_console.png"
+                    hover: "qrc:/Resources/Icons/icon_console_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("Logs")
+                    page: "DapUiQmlWidgetChainNodeLogs.qml"
+                    normal: "qrc:/Resources/Icons/icon_logs.png"
+                    hover: "qrc:/Resources/Icons/icon_logs_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("Settings")
+                    page: "DapUiQmlScreenSettings.qml"
+                    normal: "qrc:/Resources/Icons/icon_settings.png"
+                    hover: "qrc:/Resources/Icons/icon_settings_hover.png"
+                }
+
+                ListElement {
+                    name:  qsTr("VPN")
+                    page: "DapUiQmlScreenVpn.qml"
+                    normal: "qrc:/Resources/Icons/defaul_icon.png"
+                    hover: "qrc:/Resources/Icons/defaul_icon.png"
+                }
+
+                /// TODO: It wasn't in the task. I will not delete it, maybe later
+                /// we will need it
+                //                    ListElement {
+                //                        name:  qsTr("About")
+                //                        page: "DapQmlScreenAbout.qml"
+                //                        source: "qrc:/Resources/Icons/defaul_icon.png"
+                //                    }
+            }
+            delegate: componentItemMainMenuTab
+
+        }
+        focus: true
+//        DapUiQmlWidgetStatusBar {
+//            id: rectangleStatusBar
+//            anchors.left: rectangleTabsBorder.right
+//            anchors.top: parent.top
+//            anchors.right: parent.right
+//            color: "#B5B5B5"
+//            height: 60 * pt
+        }
+
+        Rectangle {
+            id: mainDashboard
+            anchors.left: rectangleTabsBorder.right
+            anchors.top: rectangleStatusBar.bottom
+            anchors.bottom: parent.bottom
+            anchors.right: parent.right
+            border.color: "whitesmoke"
+
+            Loader {
+                id: stackViewScreenDashboard
+                clip: true
+                anchors.fill: parent
+                source: "DapUiQmlScreenDialog.qml"
+            }
         }
     }
-}
+//}
+
 
 /*##^## Designer {
     D{i:0;autoSize:true;height:480;width:640}
diff --git a/CellFrameDashboardGUI/DapUiQmlScreenSettings.qml b/CellFrameDashboardGUI/DapUiQmlScreenSettings.qml
index f7897fe4e805a44e761276f288f82fb2f4cf7e2e..5fb8481403408cb8c49a3e94c3f879483848d2eb 100644
--- a/CellFrameDashboardGUI/DapUiQmlScreenSettings.qml
+++ b/CellFrameDashboardGUI/DapUiQmlScreenSettings.qml
@@ -10,6 +10,11 @@ DapUiQmlScreenSettingsForm {
             name: qsTr("Network")
             element: "DapUiQmlWidgetSettingsNetwork.qml"
         }
+
+        ListElement {
+            name: qsTr("VPN")
+            element: "DapUiQmlWidgetSettingsVpn.qml"
+        }
     }
 
     ListView {
diff --git a/CellFrameDashboardGUI/DapUiQmlScreenVpn.qml b/CellFrameDashboardGUI/DapUiQmlScreenVpn.qml
new file mode 100644
index 0000000000000000000000000000000000000000..d764fba09aba7faae098b42a8719adfb46219bd0
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlScreenVpn.qml
@@ -0,0 +1,4 @@
+import QtQuick 2.4
+
+DapUiQmlScreenVpnForm {
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlScreenVpnForm.ui.qml b/CellFrameDashboardGUI/DapUiQmlScreenVpnForm.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..0d46084bd97551357824b53f563d75dfa59f2ebe
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlScreenVpnForm.ui.qml
@@ -0,0 +1,149 @@
+import QtQuick 2.4
+import QtQuick.Controls 2.5
+import QtQuick.Controls.Styles 1.4
+import QtGraphicalEffects 1.0
+import QtQuick.Layouts 1.13
+
+Item {
+    width: 400
+    height: 600
+
+    Text {
+        anchors.left: parent.left
+        anchors.top: parent.top
+        anchors.leftMargin: 30 * pt
+        anchors.topMargin: 18 * pt
+        color: "#d61f5d"
+        font.family: "Roboto Regular"
+        font.pixelSize: 14 * pt
+        text: "283 days left"
+    }
+
+    Row {
+        width: childrenRect.width
+        anchors.top: parent.top
+        anchors.topMargin: 40 * pt
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10 * pt
+
+        Image {
+            id: imageVpn
+            Layout.alignment: Qt.AlignVCenter
+            width: 48 * pt
+            height: 48 * pt
+            source: "qrc:/Resources/Icons/defaul_icon.png"
+        }
+
+        Text {
+            id: titleVpn
+            Layout.alignment: Qt.AlignVCenter
+            verticalAlignment: Text.AlignVCenter
+            text: "KELVPN"
+            font.family: "Roboto Regular"
+            font.pixelSize: 42 * pt
+        }
+    }
+
+
+    Switch {
+        id: control
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: 150 * pt
+        height: 70 * pt
+        text: checked ? "Connected" : "Disconnected"
+
+        indicator: Rectangle {
+            implicitWidth: control.width
+            implicitHeight: control.height
+            x: control.leftPadding
+            y: parent.height / 2 - height / 2
+            radius: control.height / 2
+            color: control.checked ? "#d61f5d" : "#ffffff"
+            border.color: control.checked ? "#d61f5d" : "#cccccc"
+
+            Rectangle {
+                x: control.checked ? parent.width - width - 10 * pt : 10 * pt
+                anchors.verticalCenter: parent.verticalCenter
+                width: control.height - 15 * pt
+                height: width
+                radius: height / 2
+                color: control.down ? "#cccccc" : "#ffffff"
+                border.color: control.checked ? (control.down ? "#17a81a" : "#d61f5d") : "#999999"
+            }
+        }
+
+        contentItem: Text {
+            text: control.text
+            anchors.left: control.left
+            anchors.right: control.right
+            anchors.bottom: control.top
+            anchors.bottomMargin: 10 * pt
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignBottom
+            font.family: "Roboto"
+            font.pixelSize: 16 * pt
+            color: "#707070"
+        }
+    }
+
+    ComboBox {
+        id: comboboxServer
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 40 * pt
+        width: 150 * pt
+        height: 48 * pt
+        textRole: "name"
+
+        model: ListModel {
+            id: modelTest
+            ListElement {name: "first"; icon: "qrc:/Resources/Icons/defaul_icon.png" }
+            ListElement {name: "second"; icon: "qrc:/Resources/Icons/defaul_icon.png" }
+        }
+
+        background: Rectangle {
+            anchors.fill: parent
+
+            Rectangle {
+                id: contentCorner
+                anchors.fill: parent
+                color: "#FFFFFF"
+                radius: width / 2
+            }
+
+            DropShadow {
+                anchors.fill: parent
+                source: contentCorner
+                verticalOffset: 4 * pt
+                samples: 13 * pt
+                color: "#40000000"
+            }
+        }
+
+        contentItem: Rectangle {
+            anchors.fill: parent
+            color: "transparent"
+
+            Image {
+                id: imageServer
+                anchors.left: parent.left
+                anchors.leftMargin: 22 * pt
+                anchors.verticalCenter: parent.verticalCenter
+                source: modelTest.get(modelTest.index(comboboxServer.currentIndex, 0)).icon
+                width: 24 * pt
+                height: 24 * pt
+            }
+
+            Text {
+                anchors.left: imageServer.right
+                anchors.leftMargin: 10 * pt
+                anchors.verticalCenter: parent.verticalCenter
+                text: comboboxServer.currentText
+                font.family: "Roboto Light"
+                font.pixelSize: 16 * pt
+            }
+        }
+
+    }
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsNetwork.qml b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsNetwork.qml
index 30286e2c369761260bcb845cba90c05cf553666f..b73c03d6c3d61fa71dd5b3dd9e75e6854ad7559c 100644
--- a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsNetwork.qml
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsNetwork.qml
@@ -3,7 +3,7 @@ import QtQuick.Controls 2.12
 
 DapUiQmlWidgetSettingsNetworkForm {
     width: parent.width
-    height: childrenRect.height
+    height: childrenRect.height + 40 * pt
 
     ComboBox {
         width: 150
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpn.qml b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpn.qml
new file mode 100644
index 0000000000000000000000000000000000000000..d8d1cccb01d64291326ade967d539ca959d259c9
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpn.qml
@@ -0,0 +1,67 @@
+import QtQuick 2.4
+
+DapUiQmlWidgetSettingsVpnForm {
+    Column {
+        anchors.left: parent.left
+        anchors.top: parent.top
+        anchors.leftMargin: 15 * pt
+        anchors.topMargin: 13 * pt
+        spacing: 15 * pt
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxBand
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "band"
+            model: ListModel {
+                ListElement {band: "100 Mbit" }
+                ListElement {band: "200 Mbit" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxUptime
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "uptime"
+            model: ListModel {
+                ListElement {uptime: "30 minutes" }
+                ListElement {uptime: "3 hours" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxEncription
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "encription"
+            model: ListModel {
+                ListElement {encription: "RSA-2048" }
+                ListElement {encription: "AES-256" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxBalance
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "balance"
+            model: ListModel {
+                ListElement {balance: "320 RUB" }
+                ListElement {balance: "500 RUB" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxLanguage
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "language"
+            model: ListModel {
+                ListElement {language: "RUS" }
+                ListElement {language: "ENG" }
+            }
+        }
+    }
+
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBox.qml b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBox.qml
new file mode 100644
index 0000000000000000000000000000000000000000..3651997ceb88c62df61fcd9a4866c1fc82c9abef
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBox.qml
@@ -0,0 +1,5 @@
+import QtQuick 2.4
+
+DapUiQmlWidgetSettingsVpnComboBoxForm {
+
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..fa2b6d69636b2c54f4930b1e6334491d8c6836ce
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.4
+import QtQuick.Controls 2.5
+import QtGraphicalEffects 1.0
+
+ComboBox {
+    background: Rectangle {
+        anchors.fill: parent
+        border.color: "#707070"
+        border.width: 1
+        radius: parent.width / 2
+    }
+
+    contentItem: Text {
+        anchors.fill: parent
+        anchors.leftMargin: 12 * pt
+        anchors.rightMargin: 52 * pt
+        text: parent.displayText
+        font.family: "Regular"
+        font.pixelSize: 14 * pt
+        color: "#A7A7A7"
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+    }
+
+    DropShadow {
+        anchors.fill: parent
+        source: parent.background
+        verticalOffset: 4 * pt
+        samples: 13 * pt
+        color: "#40000000"
+    }
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnForm.ui.qml b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnForm.ui.qml
new file mode 100644
index 0000000000000000000000000000000000000000..86a170a0ae976cc400dcf7bfed4ef6fb825ea7f8
--- /dev/null
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnForm.ui.qml
@@ -0,0 +1,7 @@
+import QtQuick 2.4
+
+Item {
+    width: 400
+    height: 400
+
+}
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBar.qml b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBar.qml
index 41877dd0e02ae9c940fee55ad928f76655d6ab0f..06a9f7fb4fc9f777ea2d2ae792209f40252baaa3 100644
--- a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBar.qml
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBar.qml
@@ -2,63 +2,79 @@ import QtQuick 2.0
 import QtQuick.Controls 2.5
 import QtQuick.Controls.Styles 1.4
 import QtGraphicalEffects 1.0
+import QtQuick.Layouts 1.3
 
 Rectangle {
 
     Rectangle {
         anchors.fill: parent
         anchors.bottomMargin: 1
-        color: "#F2F2F4"
+        color: "transparent"
 
-        DapUiQmlWidgetStatusBarComboBoxWallet {
-            id: comboboxWallet
-            anchors.left: parent.left
+        Row {
             anchors.top: parent.top
+            anchors.left: parent.left
             anchors.bottom: parent.bottom
+            anchors.right: buttonAddWallet.left
             anchors.leftMargin: 30 * pt
             anchors.topMargin: 10 * pt
             anchors.bottomMargin: 10 * pt
-            listToken: comboboxToken
-        }
+            spacing: 10 * pt
 
-        DapUiQmlWidgetStatusBarComboBoxToken {
-            id: comboboxToken
-            anchors.top: parent.top
-            anchors.left: comboboxWallet.right
-            anchors.bottom: parent.bottom
-            anchors.leftMargin: 30 * pt
-            anchors.topMargin: 10 * pt
-            anchors.bottomMargin: 10 * pt
-            fieldBalance: fieldWalletBalance
-        }
+            Label {
+                text: qsTr("Wallet")
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                verticalAlignment: Qt.AlignVCenter
+                font.family: fontRobotoRegular.name
+                font.pixelSize: 12 * pt
+                color: "#A7A7A7"
+            }
 
-        Label {
-            id: titleWalletBalance
-            anchors.top: parent.top
-            anchors.left: comboboxToken.right
-            anchors.bottom: parent.bottom
-            anchors.leftMargin: 40 * pt
-            anchors.topMargin: 10 * pt
-            anchors.bottomMargin: 10 * pt
-            verticalAlignment: Qt.AlignVCenter
-            text: "Wallet balance:"
-            font.family: "Regular"
-            font.pixelSize: 12 * pt
-            color: "#A7A7A7"
-        }
+            DapUiQmlWidgetStatusBarComboBoxWallet {
+                id: comboboxWallet
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                listToken: comboboxToken
+            }
 
-        Label {
-            id: fieldWalletBalance
-            anchors.top: parent.top
-            anchors.left: titleWalletBalance.right
-            anchors.bottom: parent.bottom
-            anchors.leftMargin: 16 * pt
-            anchors.topMargin: 10 * pt
-            anchors.bottomMargin: 10 * pt
-            verticalAlignment: Qt.AlignVCenter
-            font.family: "Regular"
-            font.pixelSize: 16 * pt
-            color: "#797979"
+            Label {
+                text: qsTr("Token")
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                verticalAlignment: Qt.AlignVCenter
+                font.family: fontRobotoRegular.name
+                font.pixelSize: 12 * pt
+                color: "#A7A7A7"
+            }
+
+            DapUiQmlWidgetStatusBarComboBoxToken {
+                id: comboboxToken
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                fieldBalance: fieldWalletBalance
+            }
+
+            Label {
+                id: titleWalletBalance
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                verticalAlignment: Qt.AlignVCenter
+                text: qsTr("Wallet balance:")
+                font.family: fontRobotoRegular.name
+                font.pixelSize: 12 * pt
+                color: "#A7A7A7"
+            }
+
+            Label {
+                id: fieldWalletBalance
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                verticalAlignment: Qt.AlignVCenter
+                font.family: fontRobotoRegular.name
+                font.pixelSize: 16 * pt
+                color: "#FFFFFF"
+            }
         }
 
         DapUiQmlScreenDialogAddWallet
@@ -67,6 +83,7 @@ Rectangle {
         }
 
         DapUiQmlWidgetStatusBarButton {
+            id: buttonAddWallet
             width: 130 * pt
             anchors.right: parent.right
             anchors.top: parent.top
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarComboBox.qml b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarComboBox.qml
index 17f844f7bc4fc02db472fc3b5d90a9141b361b19..6f5333f44b834dff271bc2a030c2a1a58cd19cea 100644
--- a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarComboBox.qml
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarComboBox.qml
@@ -27,7 +27,7 @@ ComboBox {
         anchors.rightMargin: 48 * pt
         anchors.topMargin: 10 * pt
         text: parent.displayText
-        font.family: "Regular"
+        font.family: fontRobotoRegular.name
         font.pixelSize: 14 * pt
         color: parent.popup.visible ? "#332F49" : "#FFFFFF"
         verticalAlignment: Text.AlignTop
diff --git a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarContentItem.qml b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarContentItem.qml
index 0babc0b174eba8c7a360c4e4f59ced1a0b02002f..e985354491a03f3ba765d44c6916832a59870cd7 100644
--- a/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarContentItem.qml
+++ b/CellFrameDashboardGUI/DapUiQmlWidgetStatusBarContentItem.qml
@@ -4,7 +4,7 @@ import QtQuick.Controls.Styles 1.4
 
 Text {
     color: "#A7A7A7"
-    font.family: "Regular"
+    font.family: fontRobotoRegular.name
     font.pixelSize: 14 * pt
     elide: Text.ElideRight
     verticalAlignment: Text.AlignVCenter
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_console.png b/CellFrameDashboardGUI/Resources/Icons/icon_console.png
new file mode 100644
index 0000000000000000000000000000000000000000..415f9da3982122730eedb8b410e9111bc8a9948a
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_console.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_console_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_console_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa739a9af1374b60787f2c388c2c7aa10d882352
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_console_hover.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_dashboard.png b/CellFrameDashboardGUI/Resources/Icons/icon_dashboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9697d8b06c3c81bd5baf620411ceae1d94f388d
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_dashboard.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_dashboard_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_dashboard_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..452e7b7ebd2099cf444abca5601ee65e8e6e53d4
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_dashboard_hover.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_exchange.png b/CellFrameDashboardGUI/Resources/Icons/icon_exchange.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a37278e8403bce4ac57340e1476de01539527c9
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_exchange.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_exchange_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_exchange_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..a33d2978d801af5e9e58bbb1326b35206f733803
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_exchange_hover.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_history.png b/CellFrameDashboardGUI/Resources/Icons/icon_history.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbd452bc416fb1448545207f6325e2d72a8ca207
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_history.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_history_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_history_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..481538e196d74877c351d9215484ffa35668a560
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_history_hover.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_logs.png b/CellFrameDashboardGUI/Resources/Icons/icon_logs.png
new file mode 100644
index 0000000000000000000000000000000000000000..67f71c201d4e2e66d78610d6c399e49bae33e4bd
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_logs.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_logs_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_logs_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4dd306c15f4721c3049b2fdf3e24fe50753c17a
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_logs_hover.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_settings.png b/CellFrameDashboardGUI/Resources/Icons/icon_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..b846fa16d5cf2a6407bbe900011a161a814cf681
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_settings.png differ
diff --git a/CellFrameDashboardGUI/Resources/Icons/icon_settings_hover.png b/CellFrameDashboardGUI/Resources/Icons/icon_settings_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2610d079f45b473b6e858c96a5e58255fcdffd9
Binary files /dev/null and b/CellFrameDashboardGUI/Resources/Icons/icon_settings_hover.png differ
diff --git a/CellFrameDashboardGUI/main.qml b/CellFrameDashboardGUI/main.qml
index 2d45e306e10f1a7175c9120dc65857bb14583e99..20ce225e664fb63e2267f2df59917d9c373f8b0d 100755
--- a/CellFrameDashboardGUI/main.qml
+++ b/CellFrameDashboardGUI/main.qml
@@ -11,7 +11,7 @@ ApplicationWindow {
     id: window
     visible: true
     width: 1280
-    height: 1024
+    height: 800
 
     onClosing: {
         console.log("Close")
diff --git a/CellFrameDashboardGUI/qml.qrc b/CellFrameDashboardGUI/qml.qrc
index 83e173edf1555ede232f41c36ffa1ad3fabfa884..03b9a582ef07595f318acfeaf459538c7e971763 100755
--- a/CellFrameDashboardGUI/qml.qrc
+++ b/CellFrameDashboardGUI/qml.qrc
@@ -60,6 +60,16 @@
         <file>DapUiQmlWidgetConsoleLastActionsDelegateForm.qml</file>
         <file>DapUiQmlWidgetConsole.qml</file>
         <file>DapUiQmlWidgetConsoleForm.ui.qml</file>
+        <file>Resources/Icons/icon_console.png</file>
+        <file>Resources/Icons/icon_console_hover.png</file>
+        <file>Resources/Icons/icon_dashboard.png</file>
+        <file>Resources/Icons/icon_dashboard_hover.png</file>
+        <file>Resources/Icons/icon_exchange.png</file>
+        <file>Resources/Icons/icon_exchange_hover.png</file>
+        <file>Resources/Icons/icon_history.png</file>
+        <file>Resources/Icons/icon_history_hover.png</file>
+        <file>Resources/Icons/icon_logs.png</file>
+        <file>Resources/Icons/icon_logs_hover.png</file>
         <file>Resources/Icons/ic_arrow_drop_down.png</file>
         <file>Resources/Icons/ic_arrow_drop_up.png</file>
         <file>DapUiQmlWidgetStatusBar.qml</file>
@@ -75,6 +85,14 @@
         <file>DapUiQmlWidgetStatusBarComboBoxWalletForm.ui.qml</file>
         <file>DapUiQmlWidgetStatusBarComboBoxToken.qml</file>
         <file>DapUiQmlWidgetStatusBarComboBoxTokenForm.ui.qml</file>
+        <file>Resources/Icons/icon_settings.png</file>
+        <file>Resources/Icons/icon_settings_hover.png</file>
+        <file>DapUiQmlScreenVpn.qml</file>
+        <file>DapUiQmlScreenVpnForm.ui.qml</file>
+        <file>DapUiQmlWidgetSettingsVpn.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnForm.ui.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnComboBox.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml</file>
         <file>DapUiQmlWidgetStatusBarComboBoxDelegate.qml</file>
     </qresource>
 </RCC>