Stevan/criminalmindsapi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

began layout and design of home page

Browse Source
This commit is contained in:
StevanFreeborn
2022-06-25 10:30:21 -05:00
parent d0b1db5569
commit 60215c4279
9 changed files with 211 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/navbar.js
+28 -11
View File
@@ -1,4 +1,4 @@
import React from "react";
import React from 'react';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import { NavLink } from 'react-router-dom';
@@ -8,36 +8,53 @@ export default function NavBar() {
return (
<Navbar
expand="sm"
variant="light"
expand='sm'
variant='light'
>
<Container fluid>
<Navbar.Brand
href="/"
className="pt-0"
href='/'
className='pt-0'
>
criminalmindsapi
<span className='highlight'>criminal</span>mindsapi
</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav"/>
<Navbar.Toggle aria-controls='basic-navbar-nav'/>
<Navbar.Collapse>
<Nav>
<Nav className='ms-auto'>
<NavLink
to='/'
className='nav-link link-dark'
>
Home
</NavLink>
<NavLink
to='/About'
className="nav-link link-dark"
className='nav-link link-dark'
>
About
</NavLink>
<a
href="https://criminalmindsapi.azurewebsites.net"
href='https://criminalmindsapi.azurewebsites.net'
rel='noreferrer'
target='_blank'
className="nav-link link-dark"
className='nav-link link-dark'
>
Documentation
</a>
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
)