diff --git a/src/app/pagenotfound/pagenotfound.component.html b/src/app/pagenotfound/pagenotfound.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..cf6047e6df972dfe7ff3280096303f383afb57f2
--- /dev/null
+++ b/src/app/pagenotfound/pagenotfound.component.html
@@ -0,0 +1,10 @@
+<div class="page-not-found">
+  <h1>404</h1>
+  <h2><small>{{"404.page-not-found" | translate}}</small></h2>
+  <br>
+  <p>{{"404.help" | translate}}</p>
+  <br>
+  <p class="text-center">
+    <a routerLink="/home" class="btn btn-primary">{{"404.link.home-page" | translate}}</a>
+  </p>
+</div>
\ No newline at end of file
diff --git a/src/app/pagenotfound/pagenotfound.component.scss b/src/app/pagenotfound/pagenotfound.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..da97dd7a62e610066229abae8f4c43a981b82780
--- /dev/null
+++ b/src/app/pagenotfound/pagenotfound.component.scss
@@ -0,0 +1 @@
+@import '../../styles/variables.scss';
diff --git a/src/app/pagenotfound/pagenotfound.component.ts b/src/app/pagenotfound/pagenotfound.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f0e78be45b6800188d0b65cd3655ebdf0837317c
--- /dev/null
+++ b/src/app/pagenotfound/pagenotfound.component.ts
@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  selector: 'ds-pagenotfound',
+  styleUrls: ['./pagenotfound.component.css'],
+  templateUrl: './pagenotfound.component.html'
+})
+export class PageNotFoundComponent {
+
+  data: any = {};
+
+  constructor() {
+    this.universalInit();
+  }
+
+  universalInit() {
+
+  }
+
+}