src/app/core/forbidden/forbidden.component.ts
selector | cd-forbidden |
styleUrls | ./forbidden.component.scss |
templateUrl | ./forbidden.component.html |
constructor()
|
import { Component } from '@angular/core';
@Component({
selector: 'cd-forbidden',
templateUrl: './forbidden.component.html',
styleUrls: ['./forbidden.component.scss']
})
export class ForbiddenComponent {
constructor() {}
}
<div class="row">
<div class="col-md-12 text-center">
<h1 i18n>Forbidden</h1>
<i class="fa fa-lock text-danger"></i>
<h2 i18n>Sorry, you are not allowed to see what you were looking for.</h2>
</div>
</div>
./forbidden.component.scss
h1 {
font-size: -webkit-xxx-large;
font-family: monospace;
}
h2 {
font-size: xx-large;
font-family: monospace;
}
i {
font-size: 200px;
}