File

src/app/core/forbidden/forbidden.component.ts

Metadata

selector cd-forbidden
styleUrls ./forbidden.component.scss
templateUrl ./forbidden.component.html

Constructor

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;
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""