src/app/components/footer/footer.component.ts
Footer de la aplicación.
| selector | app-footer |
| styleUrls | ./footer.component.css |
| templateUrl | ./footer.component.html |
import { Component, OnInit } from '@angular/core';
/**
*Footer de la aplicación.
*/
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.css']
})
export class FooterComponent implements OnInit {
/**
*@ignore
*/
constructor() { }
/**
*@ignore
*/
ngOnInit() { }
}
<div class="container-fluid">
<div class="py-3" >
<div class="container">
<div class="row">
<div class="col-lg-4 col-6 p-3">
<img src="assets/images/logo.png">
</div>
<div class="col-lg-4 col-6 p-3">
<p>¿Necesita más información?</p>
<p>
<a href="https://goo.gl/maps/AUq7b9W7yYJ2" target="_blank"> Fake street, 100 <br>NYC - 20179, USA</a>
</p>
<p> <a href="tel:+246 - 542 550 5462">+1 - 256 845 87 86</a> </p>
<p class="mb-0"> <a href="mailto:info@outlook.com">info@outlook.com</a> </p>
</div>
<div class="col-md-4 p-3">
<h5> <b>Acerca del servicio</b> </h5>
<p class="mb-0"> ¿Problemas con sus dispositivos? ¡Encuentre las mejores soluciones de mano de nuestra gran comunidad!.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12 text-center">
<small class="mb-0 mt-2">©2019 - Todos los derechos reservados</small>
</div>
</div>
</div>
</div>
</div>
./footer.component.css
.container-fluid
{
background-color: #151515;
color: #fff;
}
a
{
color: grey;
}
img
{
width: 150px;
height: 100px;
}