content: import React from 'react';
  import logo from '../header.svg';
  import { Link } from 'react-router-dom';
  import {
    Collapse,
    Col,
    Row,
    Grid,
    Jumbotron,
    Media,
    MenuItem,
    NavDropdown,
    Navbar,
    NavbarToggler,
    NavbarBrand,
    PageHeader,
    Image,
    Nav,
    NavItem,
    NavLink
  } from 'react-bootstrap';
  
  class Navigation extends React.Component {
    render() {
      return (
        <Navbar collapseOnSelect fixedTop>
          <Navbar.Header>
            <Navbar.Brand>
              <Link activeClass='active' to='/'>icandevit.io</Link>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
            <Nav pullRight>
              <NavItem style={{ textAlign: 'center' }}>
                <Link activeClass='active' to='/'>Home</Link>
              </NavItem>
              <NavItem style={{ textAlign: 'center' }}>
                <Link activeClass='active' to='/about'>About</Link>
              </NavItem>
              <NavItem style={{ textAlign: 'center' }}>
                <Link activeClass='active' to='/github'>Github</Link>
              </NavItem>
            </Nav>
          </Navbar.Collapse>
        </Navbar>
      );
    }
  }
  
  /*class Navigation extends React.Component {
    render() {
      return (
        <nav className="navbar navbar-default navbar-fixed-top">
          <div className="container">
            <div className="navbar-header">
              <a className="navbar-brand">icandevit.io</a>
            </div>
            <div className="collapse navbar-collapse" id="myNavbar">
              <ul className="nav navbar-nav navbar-right">
                <li><Link to='/'>Home</Link></li>
                <li><Link to='/about'>About</Link></li>
                <li><Link to='/contact'>Contact</Link></li>
              </ul>
            </div>
          </div>
        </nav>
      )
    }
  }*/
  
  export default Navigation;