workflow-ui documentation
  1. Components
  2. NotFoundComponent

File

src/app/not-found/not-found.component.ts

Implements

OnInit

Metadata

selector app-not-found
styleUrls ./not-found.component.css
templateUrl ./not-found.component.html

Index

Methods

Constructor

constructor()
Defined in src/app/not-found/not-found.component.ts:8

Methods

ngOnInit
ngOnInit()
Defined in src/app/not-found/not-found.component.ts:12
Returns : void 
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-not-found',
  templateUrl: './not-found.component.html',
  styleUrls: ['./not-found.component.css']
})
export class NotFoundComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

<body class="error-page">
    <div id="layoutError">
        <div id="layoutError_content">
            <main>
                <div class="container">
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="text-center mt-4">
                                <img class="mb-4 img-error" src="assets/img/drawkit/color/drawkit-error-404.svg" />
                                <p class="lead">This requested URL was not found on this server.</p>
                                <a class="text-arrow-icon" routerLink="/dashboard"><i class="ml-0 mr-1" data-feather="arrow-left"></i>Return to Dashboard</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 &copy; Your Website 2023</div>
                        <div class="col-md-6 text-md-right small">
                            <a href="#!">Privacy Policy</a>
                            &middot;
                            <a href="#!">Terms &amp; Conditions</a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
</body>

./not-found.component.css

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""