made changes

src/App.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import { HashRouter, Route, Switch } from 'react-router-dom'
 import './scss/style.scss'
+import ForgotPassword from './views/pages/register/ForgotPassword'
 
 const loading = (
   <div className="pt-3 text-center">
@@ -24,6 +25,7 @@ class App extends Component {
         <React.Suspense fallback={loading}>
           <Switch>
             <Route exact path="/" name="Login Page" render={(props) => <Login {...props} />} />
+            <Route exact path="/forgot" name="Forgot Page" render={(props) => <ForgotPassword {...props} />} />
             {/* <Route
               exact
               path="/register"

src/_nav.js

@@ -288,7 +288,7 @@ const _nav = [
   },
   {
     component: CNavItem,
-    name: 'AirwaysBill',
+    name: 'Airway Bills',
     to: '/airwaysbill',
     icon: <CIcon icon={cilMoney} customClassName="nav-icon" />,
   },

src/components/AppHeader.js

@@ -32,7 +32,7 @@ const AppHeader = () => {
           <CIcon icon={cilMenu} size="lg" />
         </CHeaderToggler>
         <CHeaderBrand className="mx-auto d-md-none" to="/">
-          <CIcon icon={logo} height={48} alt="Logo" />
+          <h1>Courier</h1>
         </CHeaderBrand>
         <CHeaderNav className="d-none d-md-flex me-auto">
           <CNavItem>

src/views/Courier/Courier.js

@@ -37,9 +37,9 @@ const Courier = () => {
             </CTableHead>
             <CTableBody>
                 <CTableRow>
-                    <CTableHeaderCell scope="row">Mark</CTableHeaderCell>
+                    <CTableHeaderCell scope="row">FedEx</CTableHeaderCell>
                     <CTableDataCell>123</CTableDataCell>
-                    <CTableDataCell>Otto</CTableDataCell>
+                    <CTableDataCell>123-1234-123</CTableDataCell>
                     <CTableDataCell>
                         <CButtonGroup role="group" aria-label="Basic mixed styles example">
                             <CButton color="warning">Edit</CButton>

src/views/pages/login/Login.js

@@ -44,46 +44,31 @@ const Login = () => {
                         autoComplete="current-password"
                       />
                     </CInputGroup>
-                    <CRow>
+
-                      <CCol xs={6}>
                     <Link to="/dashboard">
                       <CButton color="primary" className="px-4">
                         Login
                       </CButton>
                     </Link>
-                      </CCol>
+
-                      <CCol xs={6}>
                     <Link to="/">
-                          <CButton color="danger" className="px-4 ">
+                      <CButton color="dark" className="px-4 ms-2">
                         Cancel
                       </CButton>
                     </Link>
-                      </CCol>
+                    <br />
-                      <CCol xs={6} className="text-right">
+
                     <CButton color="link" className="px-0">
+                      <Link to="/forgot">
                         Forgot password?
+                      </Link>
                     </CButton>
-                      </CCol>
+
-                    </CRow>
+
                   </CForm>
                 </CCardBody>
               </CCard>
-              {/* <CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
+
-                <CCardBody className="text-center">
-                  <div>
-                    <h2>Sign up</h2>
-                    <p>
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                      tempor incididunt ut labore et dolore magna aliqua.
-                    </p>
-                    <Link to="/register">
-                      <CButton color="primary" className="mt-3" active tabIndex={-1}>
-                        Register Now!
-                      </CButton>
-                    </Link>
-                  </div>
-                </CCardBody>
-              </CCard> */}
             </CCardGroup>
           </CCol>
         </CRow>

src/views/pages/register/ForgotPassword.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import {
+    CButton,
+    CCard,
+    CCardBody,
+    CCol,
+    CContainer,
+    CForm,
+    CFormInput,
+    CInputGroup,
+    CInputGroupText,
+    CRow,
+} from '@coreui/react'
+import CIcon from '@coreui/icons-react'
+import { cilEnvelopeLetter, cilEnvelopeOpen, cilLockLocked, cilUser } from '@coreui/icons'
+import { Link } from 'react-router-dom';
+
+const ForgotPassword = () => {
+    return <div className="bg-light min-vh-100 d-flex flex-row align-items-center">
+        <CContainer>
+            <CRow className="justify-content-center">
+                <CCol md={9} lg={7} xl={6}>
+                    <CCard className="mx-4">
+                        <CCardBody className="p-4">
+                            <CForm>
+                                <h1>Forgot Password?</h1>
+                                <p className="text-medium-emphasis"> Enter your email Below we will send you a link to reset your password</p>
+                                {/* <CInputGroup className="mb-3">
+                <CInputGroupText>
+                  <CIcon icon={cilUser} />
+                </CInputGroupText>
+                <CFormInput placeholder="Username" autoComplete="username" />
+              </CInputGroup> */}
+
+                                <CInputGroup className="mb-4">
+                                    <CInputGroupText>
+                                        <CIcon icon={cilEnvelopeOpen} />
+                                    </CInputGroupText>
+                                    <CFormInput
+                                        type="password"
+                                        placeholder="Email"
+                                        autoComplete="email"
+                                    />
+                                </CInputGroup>
+
+                                <CButton color="dark">Send</CButton>
+                                <Link to='/'>
+                                    <CButton color="dark" className='ms-2'>Back to Login</CButton>
+                                </Link>
+                            </CForm>
+                        </CCardBody>
+                    </CCard>
+                </CCol>
+            </CRow>
+        </CContainer>
+    </div>;
+};
+
+export default ForgotPassword;