forked from siddhantprateek/Cryptocurrency-Tracker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
nav.js
25 lines (23 loc) · 1.21 KB
/
nav.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { Navbar, Container, Nav, NavDropdowm, Form, FormControl, Button } from 'react-bootstrap';
import './nav.css';
// https://api.coingecko.com/api/v3/coins/markets?vs_currency=inr&order=market_cap_desc&per_page=100&page=1&sparkline=false
function Navigation() {
return (
<Navbar className="nav">
<Container fluid className="nav-content">
<Navbar.Brand className="brand" href="#">CryptoApp</Navbar.Brand>
<Navbar.Toggle aria-controls="navbarScroll" />
<Navbar.Collapse id="navbarScroll">
<Nav className="nav-list me-auto my-2 my-lg-0" style={{ maxHeight: '100px' }} navbarScroll>
<Nav.Link className="nav-item" href="#action1">Home</Nav.Link>
<Nav.Link className="nav-item" href="#action1">Create</Nav.Link>
<Nav.Link className="nav-item" href="#action1">Statistic</Nav.Link>
<Nav.Link className="nav-item" href="#action1"> Link </Nav.Link>
</Nav>
<Button className="btn" >Login</Button>
</Navbar.Collapse>
</Container>
</Navbar>
);
}
export default Navigation;