1
0

Navbar.js 872 B

1234567891011121314151617181920212223242526
  1. import React from 'react';
  2. import { Link } from 'react-router-dom';
  3. class Navbar extends React.Component {
  4. render() {
  5. return (
  6. <nav className="light-blue lighten-1" role="navigation">
  7. <div className="nav-wrapper"><Link id="logo-container" to="/" className="brand-logo">
  8. <img src="img/logo-wcs.png" alt="logo WCS" />
  9. <img src="img/logo-js.png" alt="logo JS" />
  10. </Link>
  11. <ul className="right hide-on-med-and-down">
  12. <li><Link to="/a-propos">&Agrave; propos</Link></li>
  13. </ul>
  14. <ul id="nav-mobile" className="side-nav">
  15. <li><Link to="/a-propos">&Agrave; propos</Link></li>
  16. </ul>
  17. <a href="#" data-activates="nav-mobile" className="button-collapse"><i className="material-icons">menu</i></a>
  18. </div>
  19. </nav>
  20. );
  21. }
  22. }
  23. export default Navbar;