+Footer, with footerStyles.js; to HomePage; #19

src/containers/Footer.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import footerStyles from '../styles/footerStyles';
+
+export default function Footer() {
+    const classes = footerStyles();
+    return (
+        <div className={classes.container}>
+
+        </div>
+    )
+}

src/pages/HomePage.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import HomeHeader from '../containers/HomeHeader';
 import Auth from '../containers/Auth';
+import Footer from '../containers/Footer';
 import homeStyles from '../styles/homeStyles';
 
 export default function HomePage() {
@@ -13,6 +14,7 @@ export default function HomePage() {
 
             <Auth /> 
 
+            <Footer />
 
         </div>
     )

src/styles/colorThemes.js

@@ -3,6 +3,7 @@ export const holisticTheme = {
     // Root
     bgRoot: "#5C4E75",
     textRoot: '#EFEFEF',
+    bgDark: "#2d2639",
     // Container
     bgContainer: '#A395B8',
     // Font

src/styles/footerStyles.js

@@ -0,0 +1,11 @@
+import { makeStyles } from '@material-ui/core/styles';
+import { holisticTheme } from './colorThemes'; 
+
+const footerStyles = makeStyles(() => ({
+    container: {
+        height: '25vh',
+        backgroundColor: holisticTheme.bgDark,
+    }
+}));
+
+export default footerStyles;