[gtk-web/new-website: 162/180] added 404.html

[Emmanuele Bassi <ebassi src gnome org>]

commit 53d39f61faf4bda67e7409f667710022e31d8fd3
Author: ravgeetdhillon <ravgeetdhillon gmail com>
Date:   Wed Aug 14 22:07:38 2019 +0530

    added 404.html

 404.html                |  26 +++++++++++++++++++++-----
 assets/img/wall-404.png | Bin 0 -> 59216 bytes
 2 files changed, 21 insertions(+), 5 deletions(-)
---
diff --git a/404.html b/404.html
index 1cc7f52..f33dffc 100644
--- a/404.html
+++ b/404.html
@@ -1,8 +1,24 @@
-<div class="container">
-  <h1>404</h1>
+---
 
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
+---
 
-  <div class="svg"></div>
+{% include header.html %}
+
+<div class="container py-4 d-flex align-items-center justify-content-center" style="min-height: 100vh;">
+  <div class="row justify-content-center">
+    <div class="col-12 col-sm-8 d-flex flex-column align-items-center">
+      <h3>404 Page not found</h3>
+      <img src="{{ '/assets/img/wall-404.png' | prepend: site.url }}" class="img-fluid w-75 w-sm-50 py-3" 
alt="404 Not Found" />
+      <div class="w-100 py-3 px-3 bg-light rounded">
+        <p>The requested page could not be found. If you feel this is not normal, then you create an issue 
on the Gitlab.</p>
+        <a href="javascript:window.history.go(-1);" class="btn btn-sm btn-primary" role="button">Go Back</a>
+        <a href="{{ '/issues/' | prepend: site.website_repo }}" class="btn btn-sm btn-outline-primary" 
role="button">File an issue</a>
+      </div>
+    </div>
+  </div>
 </div>
+
+
+<script>
+// console.log(window.history.back());
+</script>
\ No newline at end of file
diff --git a/assets/img/wall-404.png b/assets/img/wall-404.png
new file mode 100644
index 0000000..26ff330
Binary files /dev/null and b/assets/img/wall-404.png differ