Fixed the footer and 404 page.

Author: michaelgichia

app/components/Footer/footer.css

@@ -113,14 +113,17 @@
     padding: 16px;
   }
 
-  .footer-contact-wrap {
+/*  .footer-contact-wrap {
     text-align: center;
+  }*/
+
+  .ant-layout-footer {
+    padding: 16px 16px !important;
   }
 
   .footer-nav > ul {
     flex-direction: column;
     flex-wrap: wrap;
-    text-align: center;
   }
 
   .footer-nav > ul > li {

app/containers/NotFoundPage/index.js

@@ -11,15 +11,32 @@
 
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Button } from 'antd';
+import { browserHistory } from 'react-router';
 
 import messages from './messages';
 
+// Css
+import './not-found-page.css';
+
 export default class NotFound extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
   render() {
     return (
-      <h1>
+    <div className="exception">
+      <div className="imgBlock">
+        <div
+          className="imgEle"
+        />
+      </div>
+      <div className="content">
+        <h1>404</h1>
         <FormattedMessage {...messages.header} />
-      </h1>
+        <div className="actions">
+        <br/>
+        <Button size="large" onClick={() =>browserHistory.push("/#")} type="primary">Return to Home</Button>
+        </div>
+      </div>
+    </div>
     );
   }
 }

app/containers/NotFoundPage/messages.js

@@ -8,6 +8,6 @@ import { defineMessages } from 'react-intl';
 export default defineMessages({
   header: {
     id: 'app.components.NotFoundPage.header',
-    defaultMessage: 'This is NotFoundPage component!',
+    defaultMessage: 'Sorry, the page you visited does not exist',
   },
 });