renamed error landing page component to page not found: delete the old one, create the new one

src/app/app-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { ErrorLandingPageComponent } from './error-landing-page/error-landing-page.component';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 
 
 const routes: Routes = [
-{ path: 'errorpage', component: ErrorLandingPageComponent }
+{ path: 'errorpage', component: PageNotFoundComponent }
 ];
 
 

src/app/app.module.ts

@@ -4,14 +4,14 @@ import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { AppRoutingModule } from './/app-routing.module';
-import { ErrorLandingPageComponent } from './error-landing-page/error-landing-page.component';
+import { AppRoutingModule } from './app-routing.module';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 
 
 @NgModule({
   declarations: [
     AppComponent,
-    ErrorLandingPageComponent
+    PageNotFoundComponent
   ],
   imports: [
     BrowserModule,

src/app/error-landing-page/error-landing-page.component.html

-<h1>404</h1>
-<h3>The page you were looking for was not found</h3> 

src/app/page-not-found/page-not-found.component.html

+<h1>404</h1>
+<h3>The page you were looking for was not found</h3>

src/app/error-landing-page/error-landing-page.component.spec.ts → src/app/page-not-found/page-not-found.component.spec.ts

 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ErrorLandingPageComponent } from './error-landing-page.component';
+import { PageNotFoundComponent } from './page-not-found.component';
 
-describe('ErrorLandingPageComponent', () => {
-  let component: ErrorLandingPageComponent;
-  let fixture: ComponentFixture<ErrorLandingPageComponent>;
+describe('PageNotFoundComponent', () => {
+  let component: PageNotFoundComponent;
+  let fixture: ComponentFixture<PageNotFoundComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ErrorLandingPageComponent ]
+      declarations: [ PageNotFoundComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ErrorLandingPageComponent);
+    fixture = TestBed.createComponent(PageNotFoundComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/error-landing-page/error-landing-page.component.ts → src/app/page-not-found/page-not-found.component.ts

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-error-landing-page',
-  templateUrl: './error-landing-page.component.html',
-  styleUrls: ['./error-landing-page.component.scss']
+  selector: 'app-page-not-found',
+  templateUrl: './page-not-found.component.html',
+  styleUrls: ['./page-not-found.component.scss']
 })
-export class ErrorLandingPageComponent implements OnInit {
+export class PageNotFoundComponent implements OnInit {
 
   constructor() { }
 

src/styles.css

+/* You can add global styles to this file, and also import other style files */