Adds route handling and fourOhFour component for 404 handling

Author: Cooperbuilt

src/scenes/home/404/404.gif

@@ -0,0 +1,9 @@
+.pageContainer .bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-size: cover;
+  mix-blend-mode: overlay;
+}

src/scenes/home/404/fourOhFour.css

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import Gif from './404.gif';
+import styles from './fourOhFour.css';
+
+export default class FourOhFour extends Component {
+
+  render() {
+    return (
+      <div className={styles.pageContainer}>
+        <img src={Gif} alt="Gif of a fake tank falling over" />
+        <h1 className={styles.title}>404</h1>
+      </div>
+    );
+  }
+}
+

src/scenes/home/404/fourOhFour.js

@@ -17,6 +17,7 @@ import styles from './home.css';
 import Header from './header/header';
 import Landing from './landing/landing';
 import Footer from './footer/footer';
+import FourOhFour from './404/fourOhFour';
 import MentorRequest from './mentorRequest/mentorRequest';
 import SquadsNew from './squads/squadsNew/squadsNew';
 import CodeSchools from './codeSchools/codeSchools';
@@ -148,6 +149,7 @@ class Home extends Component {
             )}
           />
           <Route exact path="/about/financial-statements" component={FinancialStatements} />
+          <Route component={FourOhFour} />
         </div>
         <Footer />
       </div>