You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.2 KiB
36 lines
1.2 KiB
import Container from 'react-bootstrap/Container';
|
|
import Nav from 'react-bootstrap/Nav';
|
|
import Navbar from 'react-bootstrap/Navbar';
|
|
import { useState } from "react";
|
|
|
|
const NavBar = () => {
|
|
return (
|
|
<Navbar expand="lg">
|
|
<Container>
|
|
<Navbar.Brand href="#home">
|
|
<img src={''} alt="logo" />
|
|
</Navbar.Brand>
|
|
<Navbar.Toggle/>
|
|
<Navbar.Collapse id="basic-navbar-nav">
|
|
<Nav className="me-auto">
|
|
<Nav.Link href="#home">Home</Nav.Link>
|
|
<Nav.Link href="#skills">skills</Nav.Link>
|
|
<Nav.Link href="#projects">Projects</Nav.Link>
|
|
</Nav>
|
|
<span className="navbar-text">
|
|
<div className="social-icon">
|
|
<a href="#"><img src={} alt="" /></a>
|
|
<a href="#"><img src={} alt="" /></a>
|
|
<a href="#"><img src={} alt="" /></a>
|
|
</div>
|
|
<button className="vvd" onClick={() => console.log('connect')}>
|
|
<span>Let's connect!</span>
|
|
</button>
|
|
</span>
|
|
</Navbar.Collapse>
|
|
</Container>
|
|
</Navbar>
|
|
);
|
|
}
|
|
|
|
export default NavBar;
|