feat(@theme): add base footer

src/app/@theme/layouts/base-footer/_base-footer.component.theme.scss

@@ -0,0 +1,9 @@
+@mixin base-footer-theme() {
+  /deep/ base-footer {
+    color: $nga-color-default;
+
+    .socials a:hover {
+      color: $nga-color-secondary !important;
+    }
+  }
+}

src/app/@theme/layouts/base-footer/base-footer.component.scss

@@ -0,0 +1,14 @@
+:host {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .socials {
+    font-size: 2rem;
+
+    a {
+      padding: .4rem;
+    }
+  }
+}

src/app/@theme/layouts/base-footer/base-footer.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'base-footer',
+  styleUrls: ['./base-footer.component.scss'],
+  template: `
+    <span>Created with ♥ by <b>Akveo</b> 2017</span>
+    <div class="socials">
+      <a href="https://github.com/akveo" target="_blank" class="ion ion-social-github"></a>
+      <a href="https://www.facebook.com/akveo" target="_blank" class="ion ion-social-facebook"></a>
+      <a href="https://twitter.com/akveo_inc" target="_blank" class="ion ion-social-twitter"></a>
+      <a href="https://www.linkedin.com/company/akveo" target="_blank" class="ion ion-social-linkedin"></a>
+    </div>
+  `
+})
+export class BaseFooterComponent {
+}

src/app/@theme/layouts/base-header/base-header.component.scss

@@ -58,7 +58,6 @@
         padding-right: 0;
       }
     }
-
   }
 }
 

src/app/@theme/layouts/one-coll-layout/one-coll.layout.ts

@@ -19,6 +19,7 @@ import { Component } from '@angular/core';
       </nga-layout-column>
 
       <nga-layout-footer fixed>
+        <base-footer></base-footer>
       </nga-layout-footer>
     </nga-layout>
   `,