Add Pre-footer (#199)

* create PreFooter components and styles

* add PreFooter to main Footer Component and adjust Footer styles

common/components/Footer/PreFooter.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import './PreFooter.scss';
+
+const PreFooter = () => {
+  return (
+    <section className="pre-footer">
+      <div className="container">
+        <p>
+          MyEtherWallet.com does not hold your keys for you. We cannot access
+          accounts, recover keys, reset passwords, nor reverse transactions.
+          Protect your keys &amp; always check that you are on correct URL.
+          <a href="#"> You are responsible for your security.</a>
+        </p>
+      </div>
+    </section>
+  );
+};
+
+export default PreFooter;

common/components/Footer/PreFooter.scss

@@ -0,0 +1,12 @@
+@import "common/sass/variables";
+
+.pre-footer {
+  padding: 1rem;
+  box-shadow: 16px 16px 47px 0 rgba(0, 0, 0, .07);
+  margin-top: 5rem;
+  background-color: white;
+  text-align: center;
+  p {
+    font-size: $font-size-medium;
+  }
+}

common/components/Footer/index.jsx

@@ -3,6 +3,7 @@ import translate from 'translations';
 import { donationAddressMap } from 'config/data';
 import logo from 'assets/images/logo-myetherwallet.svg';
 import { bityReferralURL } from 'config/data';
+import PreFooter from './PreFooter';
 import './index.scss';
 
 const LINKS_LEFT = [
@@ -94,6 +95,8 @@ const LINKS_SOCIAL = [
 export default class Footer extends Component {
   render() {
     return (
+      <div>
+        <PreFooter />
         <footer className="Footer" role="contentinfo" aria-label="footer">
           <div className="Footer-column Footer-about">
             <p aria-hidden="true">
@@ -190,6 +193,7 @@ export default class Footer extends Component {
             <p>Latest Block#: ?????</p>
           </div>
         </footer>
+      </div>
     );
   }
 }

common/components/Footer/index.scss

@@ -4,7 +4,6 @@
 .Footer {
   background-color: $ether-navy;
   color: white;
-  margin-top: 100px;
   padding-top: $space-xs;
   padding-bottom: $space-sm;
   display: flex;