Added navbar and cleaned up all components.

src/components/Navbar/Navbar.css

@@ -0,0 +1,52 @@
+.Navbar {
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+  left: 0px;
+  background-color: rgb(59, 65, 82);
+  box-shadow: -1px 0 3px black;
+}
+
+.Navbar-Button {
+  background-color: rgb(126, 161, 187);
+  float: right;
+  border-radius: 2px;
+  margin: 5px;
+  padding: 5px;
+  color: white;
+}
+
+.Navbar-Button:hover {
+  box-shadow: 2px 2px 2px black;
+}
+
+.Navbar-Menu {
+  width: 100%;
+  float: left;
+  padding: 0 20%;
+}
+
+.Navbar-Menu p {
+  border-radius: 2px;
+  display: block;
+  color: white;
+  float: left;
+  width: 23%;
+  background-color: grey;
+  padding: 5px;
+  margin: 1% 1%;
+}
+
+@media screen and ( max-width: 500px ) {
+  .Navbar-Menu {
+    padding: 0 5% 3px 5%;
+  }
+  .Navbar-Menu p {
+    width: 100%;
+    margin: 5px 0;
+  }
+}
+
+.Navbar-Menu p:hover {
+  box-shadow: 2px 2px 2px black;
+}

src/components/Navbar/Navbar.js

@@ -0,0 +1,29 @@
+import React, { Component } from 'react'
+
+import ResponsiveMenu from 'react-responsive-navbar'
+
+import './Navbar.css'
+
+class Navbar extends Component {
+  render () {
+    return (
+      <ResponsiveMenu
+        menuOpenButton={<div className='Navbar-Button'>Menu</div>}
+        menuCloseButton={<div className='Navbar-Button'>Close</div>}
+        changeMenuOn='500px'
+        largeMenuClassName='Navbar'
+        smallMenuClassName='Navbar'
+        menu={
+          <div className='Navbar-Menu'>
+            <p>Home</p>
+            <p>Projects</p>
+            <p>Experience</p>
+            <p>Contact</p>
+          </div>
+        }
+      />
+    )
+  }
+}
+
+export default Navbar