src/app/footer/footer.component.ts
The footer component
| selector | app-footer |
| styleUrls | footer.component.scss |
| templateUrl | ./footer.component.html |
Methods |
constructor()
|
|
Defined in src/app/footer/footer.component.ts:16
|
| ngOnInit |
ngOnInit()
|
|
Defined in src/app/footer/footer.component.ts:28
|
|
Lifecycle hook that is called after data-bound properties of a directive are initialized.
Returns :
void
void |
import { Component, OnInit } from '@angular/core';
/**
* The footer component
*/
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
/**
* @class AccordionComponent
* @implements OnInit
*/
export class FooterComponent implements OnInit {
/**
* @constructor
*/
constructor() { }
/**
* Lifecycle hook that is called after data-bound
* properties of a directive are initialized.
* @returns void
*/
ngOnInit(): void { }
}
<footer>
<div class="container">
<div class="footer">
<div class="row">
<div class="col-md-3">
<div class="footer-col-wrapper">
<h3>About us</h3>
<p>
Hello , my name is Vladislav Kiskin. I am experienced full-stack JavaScript developer from Ukraine(UTC +2)
who likes to learn new technologies and work on a different kind of tasks.
</p>
<a href="javascript:">Learn more</a>
</div>
</div>
<div class="col-md-3">
<div class="footer-col-wrapper">
<h3>Web Technologies</h3>
<ul>
<li>
<a href="javascript:">
HTML5 & CSS3
</a>
</li>
<li>
<a href="javascript:">
AngularJS & Angular 2+
</a>
</li>
<li>
<a href="javascript:">
Bootstrap 3 & 4
</a>
</li>
<li>
<a href="javascript:">
Express on NodeJS
</a>
</li>
<li>
<a href="javascript:">
Django on Python
</a>
</li>
<li>
<a href="javascript:">
Git, Github, BitBucket
</a>
</li>
<li>
<a href="javascript:">
Relational & Document-oriented databases
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="footer-col-wrapper">
<h3>keep in touch</h3>
<div class="footer__keep__wrapper">
<p>
<i class="material-icons">edit_location</i>
<span>Address : Ukraine, Zaporіzhzhya</span>
</p>
<p>
<i class="material-icons">email</i>
<span>Email : kiskinvlad@gmail.com</span>
</p>
<p>
<i class="material-icons">phone</i>
<span>Skype: kiskinvlad2</span>
</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="footer-col-wrapper">
<h3>instagram feed</h3>
<div class="footer__feed__wrapper">
<ul class="list-inline row">
<li class="col-md-4">
<a href="javascript:" style="background: url('../../assets/news1.jpg')"></a>
</li>
<li class="col-md-4">
<a href="javascript:" style="background: url('../../assets/news2.jpg')"></a>
</li>
<li class="col-md-4">
<a href="javascript:" style="background: url('../../assets/beach-background.jpg')"></a>
</li>
<li class="col-md-4">
<a href="javascript:" style="background: url('../../assets/blue-background.jpg')"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<span>Copyright © 2018. All Rights Reserved.</span>
</div>
</div>
</footer>