2 files changed, 67 insertions, 0 deletions
diff --git a/app/core/header/layouts/horizontal-navigation/header.html b/app/core/header/layouts/horizontal-navigation/header.html
new file mode 100644
index 0000000..ee39e18
--- /dev/null
+++ b/app/core/header/layouts/horizontal-navigation/header.html
@@ -0,0 +1,14 @@
+<div class="col-md-2"><div class="header-logo">DCAE Application</div></div>
+
+<div class="col-md-8">
+    <!--<ul class="header-top-menu">
+        <li><a ui-sref="app.home">Dashboard</a></li>
+        <li><a ui-sref="app.docs">Documentation</a></li>
+        <li><a ui-sref="app.support">Support</a></li>
+    </ul>-->
+</div>
+
+<div class="col-md-2 header-right">
+    <div class="header-chat"></div>
+    <div class="header-avatar"></div>
+</div>
diff --git a/app/core/header/layouts/horizontal-navigation/header.less b/app/core/header/layouts/horizontal-navigation/header.less
new file mode 100644
index 0000000..f5a7e96
--- /dev/null
+++ b/app/core/header/layouts/horizontal-navigation/header.less
@@ -0,0 +1,53 @@
+#header {
+
+    background-color: #1370A3;
+    height: 80px;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .header-logo {
+        .p_24;
+        .logo-white;
+        width: 300px;
+        margin: 0 30px;
+        vertical-align: middle;
+        line-height: 56px;
+        text-indent: 55px;
+    }
+
+    ul.header-top-menu {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        margin: 0;
+
+        li {
+            list-style: none;
+            margin: 0 20px;
+
+            a {
+                .p_18_m;
+                text-decoration: none;
+            }
+        }
+    }
+
+    .header-right {
+        margin: 0 30px;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+
+        .header-chat {
+
+        }
+
+        .header-avatar {
+
+        }
+    }
+
+}
+