src/app/components/not-found/not-found.component.ts
| selector | app-not-found |
| styleUrls | ./not-found.component.css |
| templateUrl | ./not-found.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-not-found',
templateUrl: './not-found.component.html',
styleUrls: ['./not-found.component.css']
})
export class NotFoundComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<div id="pageNotFound" class="empty-page-ctn">
<h2 class="status-header status-normal">404</h2>
<h3 class="status-header status-normal">Component Not Found</h3>
<div class="page-description">
<p class="para-medium">The page you are looking for doesn't exist or an other error occurred.</p>
</div>
<a [routerLink]="['/start']">
<button type="button" class="action-button">
<p class="button-inside">Take Me Home</p>
</button>
</a>
</div>
./not-found.component.css
#pageNotFound h2 {
font-size: 70px;
margin-bottom: 20px;
}