3 files changed, 88 insertions, 0 deletions
diff --git a/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.html b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.html
new file mode 100644
index 0000000000..a50731443d
--- /dev/null
+++ b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.html
@@ -0,0 +1,8 @@
+<div class="footer-wrapper">
+    <div class="divider-footer-bottom">
+        <div class="footer-copyright-text">
+            <p>
+            </p>
+        </div>
+    </div>
+</div>
diff --git a/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.less b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.less
new file mode 100644
index 0000000000..4c54a11fec
--- /dev/null
+++ b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.less
@@ -0,0 +1,47 @@
+
+.footer-wrapper {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    background-color: #222222;
+    color: #ffffff;
+    font-family: "Arial";
+    font-size: 11px;
+    height: @footer_height;
+}
+
+.footer-wrapper a {
+    color: #ffffff;
+    margin: 0;
+    padding: 0;
+    text-decoration: underline;
+}
+
+.divider-footer-bottom {
+    margin: 0 auto;
+    width: 1020px;
+}
+
+.footer-copyright-text {
+    display: inline-block;
+    width:612px;
+    margin-top: 18px;
+    margin-left: 50px;
+    text-align: left;
+    vertical-align: top;
+}
+
+.footer-logo1 {
+    display: inline-block;
+    margin-top: 20px;
+    margin-left: 124px;
+}
+
+.footer-logo2 {
+    margin-top: 22px;
+    margin-left: 9px;
+    display: inline-block;
+    font-size: 24px;
+    vertical-align: top;
+}
diff --git a/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.ts b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.ts
new file mode 100644
index 0000000000..f104926fc6
--- /dev/null
+++ b/catalog-ui/src/app/directives/ecomp-footer/ecomp-footer.ts
@@ -0,0 +1,33 @@
+'use strict';
+import {IAppConfigurtaion} from "app/models";
+
+export interface IEcompFooterDirectiveScope extends ng.IScope {
+
+}
+
+export class EcompFooterDirective implements ng.IDirective {
+
+    constructor(private sdcConfig:IAppConfigurtaion) {
+
+    }
+
+    public replace = true;
+    public restrict = 'E';
+
+    public scope = {};
+
+    template = ():string => {
+        return require('./ecomp-footer.html');
+    };
+
+    link = (scope:IEcompFooterDirectiveScope, $elem:JQuery, attr:any) => {
+
+    };
+
+    public static factory = (sdcConfig:IAppConfigurtaion)=> {
+        return new EcompFooterDirective(sdcConfig);
+    };
+
+}
+
+EcompFooterDirective.factory.$inject = ['sdcConfig'];