src/app/core/not-found/not-found.component.ts
| selector | cd-not-found |
| styleUrls | ./not-found.component.scss |
| templateUrl | ./not-found.component.html |
constructor()
|
import { Component } from '@angular/core';
@Component({
selector: 'cd-not-found',
templateUrl: './not-found.component.html',
styleUrls: ['./not-found.component.scss']
})
export class NotFoundComponent {
constructor() {}
}
<div class="row">
<div class="col-md-12 text-center">
<h1 i18n>Sorry, we could not find what you were looking for</h1>
<img class="img-responsive center-block img-rounded"
src="/assets/1280px-Nautilus_Octopus.jpg">
<span>
"<a href="https://www.flickr.com/photos/146401137@N06/40335060661">Nautilus Octopus</a>" by Jin Kemoole is licensed under
<a rel="nofollow"
class="external text"
href="https://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a>
</span>
</div>
</div>
./not-found.component.scss
h1 {
font-size: -webkit-xxx-large;
}
* {
font-family: monospace;
}
img {
width: 50vw;
}