62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
import React from "react";
|
|
import { Link, withRouter } from "react-router-dom";
|
|
import "./Navbar.css";
|
|
import logo from "./logo2.png";
|
|
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
const Navbar = () => {
|
|
return (
|
|
/* Nav Bar */
|
|
<div className="Navbar">
|
|
<nav class="navbar navbar-expand-lg navbar-dark">
|
|
<img src={logo} width="40" height="40"></img>
|
|
<a href="/" class="navbar-brand">
|
|
Kene's Cribs
|
|
</a>
|
|
<button
|
|
className="navbar-toggler"
|
|
type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarTogglerDemo02"
|
|
aria-controls="navbarTogglerDemo02"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
>
|
|
<span className="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div className="collapse navbar-collapse" id="navbarTogglerDemo02">
|
|
<ul className="navbar-nav ml-auto">
|
|
<li className="nav-item">
|
|
<Link className="nav-link" exact to="/">
|
|
Home
|
|
</Link>
|
|
</li>
|
|
<li className="nav-item">
|
|
<Link className="nav-link" to="/listings">
|
|
Listings
|
|
</Link>
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
<Link className="nav-link" to="/agents">
|
|
Agents
|
|
</Link>
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
<Link className="nav-link" to="/">
|
|
Contact Us
|
|
</Link>
|
|
</li>
|
|
<li className="nav-item">
|
|
<Link className="nav-link" to="/">
|
|
Login
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default withRouter(Navbar);
|