Added 404 page

src/app/app.module.ts

@@ -7,12 +7,14 @@ import {NavbarComponent} from './components/navbar/navbar.component';
 import { AppComponent } from './containers/app/app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {MaterialModule} from './material.module';
+import {FourOFourComponent} from './views/404/404.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
 import {HomeComponent} from './views/home/home.component';
 
 export const APP_COMPONENTS = [
 	AppComponent,
 	BannerComponent,
+	FourOFourComponent,
 	GalleryComponent,
 	HomeComponent,
 	FooterComponent,

src/app/app.routing.ts

@@ -1,11 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import {FourOFourComponent} from './views/404/404.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
 import {HomeComponent} from './views/home/home.component';
 
 const routes: Routes = [
 	{path: '', pathMatch: 'full', component: HomeComponent},
-	{path: 'gallery', component: GalleryComponent}
+	{path: 'gallery', component: GalleryComponent},
+	{path: '**', component: FourOFourComponent}
 ];
 
 @NgModule({

src/app/views/404/404.component.html

@@ -0,0 +1,14 @@
+<section class="p-5 invert">
+	<div class="d-flex justify-content-center">
+		<div>
+			<img src="/assets/img/column.png" alt="" height="300px" width="auto">
+		</div>
+		<div class="d-flex flex-column align-items-center justify-content-center px-5">
+			<h2>404</h2>
+			<h3>Page Not Found</h3>
+		</div>
+		<div>
+			<img src="/assets/img/column.png" alt="" height="300px" width="auto">
+		</div>
+	</div>
+</section>

src/app/views/404/404.component.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+	selector: 'xxx-404',
+	templateUrl: './404.component.html'
+})
+export class FourOFourComponent { }