feat(RmFooter): set logo and styles

aneurysmjs · Jan 8, 2018 · e0767ca · e0767ca
1 parent be9a395
commit e0767ca
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 4 deletions.
diff --git a/src/assets/img/react-logo.png b/src/assets/img/react-logo.png
diff --git a/src/components/RmFooter/RmFooter.jsx b/src/components/RmFooter/RmFooter.jsx
@@ -8,7 +8,32 @@ export default class RmFooter extends React.Component {
 
   render() {
     return (
-      <footer className="text-center mt-2">Aneurysm</footer>
+      <footer className="footer sm-padding bg-dark">
+
+        <div className="container">
+
+          <div className="row">
+
+            <div className="col-md-12">
+
+              <div className="footer__logo">
+                <img
+                  className="img-fluid"
+                  src="../../assets/img/react-logo.png"
+                  alt="react logo" />
+              </div>
+
+              <div className="footer__copyright">
+                <p>Copyright © 2018. All Rights Reserved</p>
+              </div>
+
+            </div>
+
+          </div>
+
+        </div>
+
+      </footer>
     );
   }
 

diff --git a/src/components/RmFooter/RmFooter.scss b/src/components/RmFooter/RmFooter.scss
@@ -0,0 +1,16 @@
+.footer {
+  background: #1C1D21;
+
+  .footer__logo {
+    height: 141px;
+    margin: 0 auto;
+    text-align: center;
+    width: 200px;
+  }
+
+  .footer__copyright {
+    color: #FFFFFF;
+    text-align: center;
+  }
+
+}
diff --git a/src/containers/RmLanding/RmLanding.scss b/src/containers/RmLanding/RmLanding.scss
@@ -1,5 +1,5 @@
 .RmLanding {
-  height: -webkit-calc(100vh - 32px);
-  height:    -moz-calc(100vh - 32px);
-  height:         calc(100vh - 32px);
+  height: -webkit-calc(100vh - 181px);
+  height:    -moz-calc(100vh - 181px);
+  height:         calc(100vh - 181px);
 }