56 lines
1.5 KiB
JavaScript
56 lines
1.5 KiB
JavaScript
|
|
import { NavLink } from "react-router-dom";
|
|
|
|
const Header = () => {
|
|
return (
|
|
<>
|
|
|
|
<div className="container-fluid p-0 m-0">
|
|
<nav
|
|
className="navbar navbar-expand-lg w-100"
|
|
style={{
|
|
backgroundColor: "#000000",
|
|
position: "fixed", // Make the navbar fixed at the top
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
zIndex: 1000, // Ensure the navbar is above other elements
|
|
}}
|
|
>
|
|
<div className="container-fluid d-flex align-items-center justify-content-between">
|
|
|
|
|
|
<div className="collapse navbar-collapse" id="navbarSupportedContent">
|
|
|
|
<form className="form-inline my-2 my-lg-0">
|
|
<div className="login_text">
|
|
<ul>
|
|
<li>
|
|
<NavLink to="/login" className="nav-link">
|
|
Login
|
|
</NavLink>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fa fa-user" aria-hidden="true" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div className="quote_btn">
|
|
<NavLink to="/register" className="nav-link">
|
|
Register
|
|
</NavLink>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Header |