Added a navigation menu

src/components/header/PageHeader.js

@@ -2,10 +2,21 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import './PageHeader.css';
 import ToggleButton from '../toggleButton/ToggleButton';
+import Menu from '../menu/Menu';
+
+const menuOptions = [
+  {
+    label: 'Home',
+    link: '/'
+  }
+];
 
 const PageHeader = ({ drawerClickHandler }) => {
   return (
     <header className="page-header">
+      <Menu 
+        options={menuOptions}
+      />
       <ToggleButton className="header-toggle-button" click={drawerClickHandler} />
       <h1>SOLUCIONARIO - POSCOMP</h1>
     </header>

src/components/menu/Menu.css

@@ -0,0 +1,31 @@
+ul, li {
+  list-style-type:none;
+}
+.Menu--container {
+  display: block;
+  width: 100%;
+  height: 50px;
+  text-align: right;
+  background: #000;
+  color: #fff;
+  border-radius: 25px;
+}
+.Menu__option {
+  height: 100%;
+  display: inline-block;
+  padding: 16px;
+  -webkit-transition: ease-in-out .2s;
+	-o-transition: ease-in-out .2s;
+  transition: ease-in-out .2s;
+  border-radius: 30px;
+}
+.Menu__option:hover {
+  color: #000;
+  background: #fff;
+  cursor: pointer;
+}
+.MenuOption {
+  color: inherit;
+  text-decoration: none;
+  text-transform: uppercase;
+}

src/components/menu/Menu.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import MenuOption from './MenuOption';
+import './Menu.css';
+
+const Menu = ({ options }) =>
+  <div className="Menu--container">
+    <ul className="Menu__options">
+      {
+        options.map(({ label, link }) =>
+          <li className="Menu__option">
+            <MenuOption
+              label={label}
+              link={link}
+            />
+          </li>
+        )
+      }
+    </ul>
+  </div>
+
+export default Menu;

src/components/menu/MenuOption.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const MenuOption = ({ label, link }) =>
+  <a href={link} className="MenuOption">
+    {label}
+  </a>
+
+
+export default MenuOption;