added footer

client/src/App.js

@@ -6,15 +6,17 @@ import './styles/app.css';
 import NavBar from './components/navbar';
 import Home from './pages/home';
 import About from './pages/about';
+import Footer from './components/footer';
 
 export default function App() {
     return (
-        <div>
+        <div className='d-flex flex-column min-vh-100'>
             <NavBar/>
             <Routes>
                 <Route path='/' element={<Home/>}/>
                 <Route path='/About' element={<About/>}/>
             </Routes>
+            <Footer/>
         </div>
     );
 }

client/src/components/footer.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Github } from 'react-bootstrap-icons';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+
+export default function Footer() {
+    return (
+        <footer className='mt-auto py-3'>
+            <Container>
+
+                <hr/>
+            
+                <Row>
+
+                    <Col className='text-start'>
+                        <span>
+                            <span className='highlight'>criminal</span>mindsapi &#169; 2022
+                        </span>
+                    </Col>
+
+                    <Col className='text-end'>
+                        <a
+                            className='text-dark'
+                            href='https://github.com/StevanFreeborn/criminalmindsapi'
+                            target='_blank'
+                            rel="noreferrer"
+                        >
+                            <Github size={25} />
+                        </a>
+                    </Col>
+
+                </Row>
+
+            </Container>
+        </footer>
+    )
+}

client/src/components/navbar.js

@@ -11,13 +11,18 @@ export default function NavBar() {
             expand='sm'
             variant='light'
         >
-            <Container fluid>
+            <Container fluid className='mt-2'>
 
                 <Navbar.Brand
                     href='/'
-                    className='pt-0'
+                    className='p-0 my-auto'
                 >
-                    <span className='highlight'>criminal</span>mindsapi
+                    <img 
+                        src='/favicon.svg'
+                        alt='logo'
+                        width='60'
+                        height='100%'
+                    />
                 </Navbar.Brand>
 
                 <Navbar.Toggle aria-controls='basic-navbar-nav'/>