<div class="container">
    <div class="flex column fill center middle">
        <mat-card class="accent box">
            <mat-card-header>
                <mat-card-title>404</mat-card-title>
                <mat-card-subtitle>{{'not-found' | i18n}}</mat-card-subtitle>
            </mat-card-header>
            <mat-card-content>
                <p>
                    {{'not-found.text' | i18n}}
                </p>
            </mat-card-content>
        </mat-card>
    </div>
</div>