6 files changed, 136 insertions, 0 deletions
diff --git a/app/core/header/header.controller.js b/app/core/header/header.controller.js
new file mode 100644
index 0000000..6f575ca
--- /dev/null
+++ b/app/core/header/header.controller.js
@@ -0,0 +1,15 @@
+(function () {
+
+    'use strict';
+
+    angular
+        .module('dcaeApp.header')
+        .controller('HeaderController', HeaderController);
+
+    function HeaderController($rootScope) {
+        var vm = this;
+
+
+    }
+
+})();
diff --git a/app/core/header/header.module.js b/app/core/header/header.module.js
new file mode 100644
index 0000000..24c0929
--- /dev/null
+++ b/app/core/header/header.module.js
@@ -0,0 +1,13 @@
+(function () {
+
+    'use strict';
+
+    angular
+        .module('dcaeApp.header', [])
+        .config(config);
+
+    function config() {
+
+    }
+
+})();
diff --git a/app/core/header/layouts/content-with-header/header.html b/app/core/header/layouts/content-with-header/header.html
new file mode 100644
index 0000000..64c6f44
--- /dev/null
+++ b/app/core/header/layouts/content-with-header/header.html
@@ -0,0 +1,36 @@
+<header class="banner navbar navbar-default navbar-static-top" role="banner" data-transparent-header="true">
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <div id="logo">
+                <a href="index.html">
+                    <img class="logo-trans logo-reg" src="images/att_logo.png" height="56" width="56" alt="AT&amp;T | DCAE App">
+                </a>
+            </div>
+        </div>
+        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
+            <ul id="menu-primary-navigation" class="nav navbar-nav">
+                <li class="active menu-home">
+                    <a title="home" href="index.html">Home</a>
+                </li>
+                <li class="menu-contact">
+                    <a title="Contact Us" href="contactUs.html">Contact Us</a>
+                </li>
+                <li style="margin-right:-30px"><!-- class="menu-contact"-->
+                    <a title="Login" href="login.html">Login</a>
+                </li>
+                <li class="menu-contact">
+                    <a href="index.html">|</a>
+                </li>
+                <li style="margin-left:-28px"><!-- class="menu-contact"-->
+                    <a title="Sign Up" href="signUp.html">Sign Up</a>
+                </li>
+            </ul>
+        </nav>
+    </div>
+</header>
diff --git a/app/core/header/layouts/content-with-header/header.less b/app/core/header/layouts/content-with-header/header.less
new file mode 100644
index 0000000..94445d6
--- /dev/null
+++ b/app/core/header/layouts/content-with-header/header.less
@@ -0,0 +1,5 @@
+#header {
+    .header {
+        background-color: yellow;
+    }
+}
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 {
+
+        }
+    }
+
+}
+