Adicionado footer

carloskotacho · carloskotacho · commit 3723057ced88 · 2020-03-29T23:20:41.000-03:00
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1 +1,2 @@
 <app-navbar></app-navbar>
+<app-footer></app-footer>
diff --git a/src/app/core/core.module.ts b/src/app/core/core.module.ts
@@ -2,16 +2,19 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { NavbarComponent } from './navbar/navbar.component';
+import { FooterComponent } from './footer/footer.component';
 
 @NgModule({
   imports: [
     CommonModule
   ],
   declarations: [
-    NavbarComponent
+    NavbarComponent,
+    FooterComponent
   ],
   exports: [
-    NavbarComponent
+    NavbarComponent,
+    FooterComponent
   ],
   providers: [
 
diff --git a/src/app/core/footer/footer.component.css b/src/app/core/footer/footer.component.css
@@ -0,0 +1,34 @@
+.copy{
+    text-align: center;
+    font: 12px "helvetica neue", Helvetica, Arial, sans-serif;
+    letter-spacing: 0.05em;
+    color: #485059;
+    border-top: 1px solid #485059;
+    padding-top: 1.5em;
+    display: block;
+  }
+
+  .copy a{
+    color: #485059;
+    margin-left: .5em;
+  }
+
+  .copy a:hover{
+    color: #4ECCA3;
+  }
+
+  .page-footer{
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding-top: 20px;
+    bottom: 0;
+    width: 100%;
+  }
+
+  /*
+  @media (min-width: 768px) {
+   .page-footer{
+      position: absolute;
+    }
+  }
+  */
diff --git a/src/app/core/footer/footer.component.html b/src/app/core/footer/footer.component.html
@@ -0,0 +1,10 @@
+<footer class="page-footer">
+    <div class="footer-copyright">
+        <div class="container copy">
+          Designed and build by Carlos Kotacho with Spring, Angular
+          <a href="https://github.com/carloskotacho/message-ui">@github</a>
+          <a href="https://github.com/carloskotacho/message-api">@api</a>
+        </div>
+    </div>
+  </footer>
+  
diff --git a/src/app/core/footer/footer.component.ts b/src/app/core/footer/footer.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.css']
+})
+export class FooterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/core/navbar/navbar.component.css b/src/app/core/navbar/navbar.component.css
@@ -7,6 +7,16 @@
   color: #5E6C84;
 }
 
+.navbar-member{
+  float: right;
+  text-decoration: none;
+  color: #5E6C84;
+}
+
+.navbar-member:hover{
+  color: #4ECCA3;
+}
+
 .navbar-menu{
   position: fixed;
   top: 0;
diff --git a/src/app/core/navbar/navbar.component.html b/src/app/core/navbar/navbar.component.html
@@ -3,6 +3,7 @@
     <div class="ui-g">
       <div class="ui-g-12">
         <a href="javascript:;" class="navbar-toggle" (click)="showMenu = !showMenu"><i class="pi pi-bars"></i></a>
+        <a href="javascript:;" class="navbar-member">Sou membro</a>
       </div>
     </div>
   </div>
diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>MessageUi</title>
+  <title>Message - UI</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`<app-navbar></app-navbar>`
	`2`	`+<app-footer></app-footer>`