Adding a 404 page and updating the readme to include details to add a page and use the suffix typing script

Author: KeiranWDigital

404.html

@@ -0,0 +1,25 @@
+---
+title: Error 404
+layout: default
+---
+
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="error-template">
+                <h1>
+                    Oops!</h1>
+                <h2>
+                    404 Not Found</h2>
+                <div class="error-details">
+                    Sorry, an error has occured, Requested page not found!
+                </div>
+                <div class="error-actions">
+                    <a href="index.html" class="btn btn-primary btn-lg"><span class="fas fa-home"></span>
+                        Take Me Home </a><a href="contact.html" class="btn btn-primary btn-lg"><span
+                            class="fas fa-envelope"></span> Contact Us </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

README.md

@@ -28,3 +28,15 @@ The site's sitemap is generated automatically on deployment
 To avoid a page being indexed, e.g people pages that are included use the below snippet at the top of the page. 
 
 `sitemap: false`
+
+# Adding a page to the typed suffix functionality
+* Add a variable to the suffix-lists.js file with the first word of the page title. Assign the array you want to use to the variable. 
+
+e.g. 
+
+For a page named "Home"
+
+```javascript
+var Languages = ["Java","HTML"]
+var Home = Languages
+```

css/style.css

@@ -403,6 +403,12 @@ div.event-book-button {
     margin-top:0.2em;
 }
 
+/*404*/
+
+.error-template {padding: 40px 15px;text-align: center;}
+.error-actions {margin-top:15px;margin-bottom:15px;}
+.error-actions .btn { margin-right:10px; text-decoration: none;}
+
 /* RESIZING (min-width) */
 
 @media (min-width: 526px) {

js/suffix-lists.js

@@ -15,7 +15,6 @@ var people = [
 ];
 
 var About = people;
-
 var Activities = [
     "codecademy",
     "CodeCombat",
@@ -35,7 +34,6 @@ var Activities = [
     "Jupyter"
 ];
 
-var Contact = people;
 
 var Events = [
     "Databases",
@@ -56,6 +54,8 @@ var Languages = [
     "Python",
     "SQL"
 ];
+var Error = Languages
+
 
 var People = [
     "Drew",