src/app/unauthorized/unauthorized.component.ts
| selector | app-unauthorized |
| styleUrls | ./unauthorized.component.css |
| templateUrl | ./unauthorized.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-unauthorized',
templateUrl: './unauthorized.component.html',
styleUrls: ['./unauthorized.component.css']
})
export class UnauthorizedComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
<body class="error-page">
<div id="layoutError">
<div id="layoutError_content">
<main>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="text-center mt-4">
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
<br><br>
<h1 class="display-1">500</h1>
<p class="lead">Internal Server Error</p>
<a routerLink="/login"><i class="fas fa-arrow-left mr-1"></i>Return to Login</a>
</div>
</div>
</div>
</div>
</main>
</div>
<div id="layoutError_footer">
<footer class="footer mt-auto footer-light">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 small">Copyright © Your Website 2023</div>
<div class="col-md-6 text-md-right small">
<a href="#!">Privacy Policy</a>
·
<a href="#!">Terms & Conditions</a>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
./unauthorized.component.css