diff --git a/front-end/css/dashboard.css b/front-end/css/dashboard.css
new file mode 100644
index 0000000..68b74ab
--- /dev/null
+++ b/front-end/css/dashboard.css
@@ -0,0 +1,43 @@
+#bgVideo {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ min-width: 100%;
+ min-height: 100%;
+ z-index: -1;
+}
+
+.dashboard {
+ opacity: 80%;
+}
+
+.login_form {
+ margin: auto;
+ box-shadow: 3px 3px 16px #888888 ;
+}
+
+body {
+ margin: 0;
+ background-size: cover;
+ background-image: url('../img/dashboard-bg-wood.jpg');
+}
+
+.vimeo-container {
+ padding: 0;
+ width: 100%;
+ height: 100vh;
+ overflow: hidden;
+ position: relative;
+}
+
+iframe {
+ box-sizing: border-box;
+ width: 177.77777778vh;
+ height: 56.25vw;
+ min-width: 100%;
+ min-height: 100%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
\ No newline at end of file
diff --git a/front-end/dashboard.html b/front-end/dashboard.html
new file mode 100644
index 0000000..74b8d32
--- /dev/null
+++ b/front-end/dashboard.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/front-end/img/dashboard-bg-wood.jpg b/front-end/img/dashboard-bg-wood.jpg
new file mode 100644
index 0000000..7cec2e3
Binary files /dev/null and b/front-end/img/dashboard-bg-wood.jpg differ
diff --git a/front-end/img/dashboard-bg.jpg b/front-end/img/dashboard-bg.jpg
new file mode 100644
index 0000000..98b1a64
Binary files /dev/null and b/front-end/img/dashboard-bg.jpg differ
diff --git a/front-end/js/dashboard.js b/front-end/js/dashboard.js
new file mode 100644
index 0000000..abeeacd
--- /dev/null
+++ b/front-end/js/dashboard.js
@@ -0,0 +1,107 @@
+
+
+var dashboard = {
+ "type": "wide",
+ "css" : "dashboard",
+ "rows": [
+ { "view": "toolbar", "css": "webix_dark", "padding": { "right": 10, "left": 10 },
+ "elements": [
+ {
+ "view": "menu",
+ "id": "menu",
+ "subMenuPos": "bottom",
+ "data": [
+ {
+ "value": "SFM",
+ "icon": "wxi-dots",
+ "submenu": [
+ { "value": "Summary", "icon": "wxi-calendar" },
+ { "value": "Pending Jobs", "icon": "mdi mdi-notebook-check" },
+ { "value": "Mass Mailing", "icon": "mdi mdi-email" },
+ { "$template": "Separator" },
+ { "value": "Logout", "icon": "mdi mdi-exit-run" }
+ ]
+ },
+ {
+ "value": "Transactions",
+ "icon": "mdi mdi-bank-transfer",
+ "submenu": [
+ { "value": "Add", "icon": "mdi mdi-table-column-plus-before" },
+ { "value": "Export", "icon": "mdi mdi-file-export" },
+ { "value": "Import", "icon": "mdi mdi-file-upload" },
+ { "$template": "Separator" },
+ { "value": "Payment to Broker", "icon": "mdi mdi-file-upload" },
+ { "value": "Pending", "icon": "mdi mdi-file-upload" },
+ ]
+ },
+ {
+ "value": "Clients",
+ "icon": "mdi mdi-account-supervisor-circle",
+ "submenu": [
+ { "value": "Add", "icon": "mdi mdi-account-plus" },
+ { "value": "Search", "icon": "mdi mdi-account-search" },
+ { "value": "Broadcast", "icon": "mdi mdi-account-off" }
+ ]
+ },
+ {
+ "value": "Broker",
+ "icon" : "mdi mdi-account-details",
+ "submenu": [
+ { "value": "Add", "icon": "mdi mdi-account-plus" },
+ { "value": "Search", "icon": "mdi mdi-account-search" },
+ { "value": "Broadcast", "icon": "mdi mdi-account-off" }
+ ]
+ }
+ ],
+ "type": { "subsign": true },
+ "height": 0
+ },
+ { "view": "label", "label": "SuperCredit ", "align": "right", "height": 0 }
+ ]
+ },
+ {
+ "cols": [
+ {
+ "rows": [
+ { "view": "tree", "url": "demo->5f82268d61c7b80018b278d2", "select": true },
+ { "weekHeader": true, "view": "calendar" }
+ ]
+ },
+ {
+ "rows": [
+ {
+ "view": "datatable",
+ "columns": [
+ { "id": "title", "header": "Title", "fillspace": true, "sort": "string" },
+ { "id": "year", "header": "Year", "sort": "string" },
+ { "id": "votes", "header": "Votes", "sort": "string" },
+ { "id": "rating", "header": "Rating", "sort": "string" },
+ { "id": "rank", "header": "Rank", "sort": "string" },
+ { "id": "category", "header": "Category", "sort": "string" }
+ ],
+ "select": true,
+ "scrollX": false,
+ "url": "demo->5f82268d61c7b80018b278d4"
+ },
+ {
+ "type": "clean",
+ "view": "form",
+ "minHeight": 380,
+ "elements": [
+ {
+ "rows": [
+ { "view": "multicombo", "label": "To", "value": "2,3", "options": "demo->5f82268d61c7b80018b278d7" },
+ { "view": "text", "label": "Subject", "height": 0 },
+ { "view": "textarea", "label": "Message" }
+ ]
+ },
+ { "view": "button", "value": "Send Message", "css": "webix_primary", "align": "center", "inputWidth": 200 }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+};
+webix.ui(dashboard);
\ No newline at end of file