Added main and footer components

codefordenver · Apr 18, 2019 · 1d0d689 · 1d0d689
1 parent 8320603
commit 1d0d689
Show file tree

Hide file tree

Showing 8 changed files with 639 additions and 16 deletions.
diff --git a/designAssets/ExitPlanMockUp.jpg b/designAssets/ExitPlanMockUp.jpg
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/App/App.js b/frontend/src/App/App.js
@@ -1,11 +1,16 @@
 import React from 'react';
 import './App.scss';
 import Header from '../Header/Header.js';
+import Main from '../Main/Main.js';
+import Footer from '../Footer/Footer.js';
+
 
 const App = () => {
   return (
     <main className="app-wrapper">
       <Header />
+      <Main />
+      <Footer />
     </main>
   )
 };

diff --git a/frontend/src/App/App.scss b/frontend/src/App/App.scss
@@ -1,6 +1,10 @@
 .App {
   text-align: center;
 }
+.app-wrapper {
+  display: flex;
+  flex-direction: column;
+}
 
 .App-logo {
   animation: App-logo-spin infinite 20s linear;
@@ -19,6 +23,17 @@
   color: white;
 }
 
+.App-footer {
+  background-color: #282c34;
+  min-height: 170vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
 .App-link {
   color: #61dafb;
 }

diff --git a/frontend/src/Footer/Footer.js b/frontend/src/Footer/Footer.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import './Footer.scss'; 
+
+const Footer = () => {
+  return (
+    <footer>
+
+    </footer>
+  )
+};
+
+export default Footer;
diff --git a/frontend/src/Footer/Footer.scss b/frontend/src/Footer/Footer.scss
@@ -0,0 +1,11 @@
+@import '../index.scss'; 
+
+footer {
+  background-color: $dark-blue; 
+  height: 200px; 
+  display: flex; 
+  justify-content: space-between; 
+}
+
+
+
diff --git a/frontend/src/Main/Main.js b/frontend/src/Main/Main.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import './Main.scss'; 
+
+const Main = () => {
+  return (
+    <main>
+
+    </main>
+  )
+};
+
+export default Main;
diff --git a/frontend/src/Main/Main.scss b/frontend/src/Main/Main.scss
@@ -0,0 +1,9 @@
+@import '../index.scss'; 
+
+main {
+  background-color: $off-white; 
+  height: 900px; 
+  display: flex; 
+  flex: 1;
+  justify-content: space-between; 
+}