Styling of footer and sidemenu

src/components/Footer.js

@@ -72,7 +72,7 @@ const Footer = () => (
       </div>
 
       <div className="lg:w-3/4">
-        <div className="p-4 text-center lg:text-left sm:flex justify-between">
+        <div className="p-4 text-center lg:text-left sm:flex justify-around">
           <nav>
             <p className="font-thin text-white opacity-50">Sitemap</p>
             <ul className="list-reset text-sm inline-block">

src/components/SideMenu.css

@@ -52,34 +52,3 @@
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 99;
 }
-
-.mainmenu {
-  margin-top: 4rem;
-}
-
-.side--close:hover,
-.mainmenu li:hover {
-  background-color: #cfba89;
-}
-
-.side--close {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 0;
-}
-
-.mainmenu li a {
-  color: #fff;
-  font-size: 1.2rem;
-  height: 100%;
-  display: block;
-  padding: 0.5rem 0rem;
-  font-weight: 600;
-  font-family: 'Montserrat', sans-serif;
-}
-
-.mainmenu li a:hover,
-.side--close:hover,
-a:hover {
-  text-decoration: none !important;
-}

src/components/SideMenu.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import Link from 'gatsby-link'
 
 import './SideMenu.css'
 class SideMenu extends Component {
@@ -24,7 +25,23 @@ class SideMenu extends Component {
   render() {
     return (
       <div className="side-menu">
-        <h1 className="text-white text-center">Hello World</h1>
+        <ul className="m-0 p-0 mt-4 side-navigation">
+          <Link to="/services">
+            <li className="no-underline text-2xl uppercase p-4 text-center text-white">
+              What We Do
+            </li>
+          </Link>
+          <Link to="/about">
+            <li className="no-underline text-2xl uppercase p-4 text-center text-white">
+              Team
+            </li>
+          </Link>
+          <Link to="/blog">
+            <li className="no-underline text-2xl uppercase p-4 text-center text-white">
+              Blog
+            </li>
+          </Link>
+        </ul>
       </div>
     )
   }