coreui-free-react-admin-template

1
import React from 'react'
2
import {
3
  CButton,
4
  CCol,
5
  CContainer,
6
  CFormInput,
7
  CInputGroup,
8
  CInputGroupText,
9
  CRow,
10
} from '@coreui/react'
11
import CIcon from '@coreui/icons-react'
12
import { cilMagnifyingGlass } from '@coreui/icons'
13

14
const Page404 = () => {
15
  return (
16
    <div className="bg-body-tertiary min-vh-100 d-flex flex-row align-items-center">
17
      <CContainer>
18
        <CRow className="justify-content-center">
19
          <CCol md={6}>
20
            <div className="clearfix">
21
              <h1 className="float-start display-3 me-4">404</h1>
22
              <h4 className="pt-3">Oops! You{"'"}re lost.</h4>
23
              <p className="text-body-secondary float-start">
24
                The page you are looking for was not found.
25
              </p>
26
            </div>
27
            <CInputGroup className="input-prepend">
28
              <CInputGroupText>
29
                <CIcon icon={cilMagnifyingGlass} />
30
              </CInputGroupText>
31
              <CFormInput type="text" placeholder="What are you looking for?" />
32
              <CButton color="info">Search</CButton>
33
            </CInputGroup>
34
          </CCol>
35
        </CRow>
36
      </CContainer>
37
    </div>
38
  )
39
}
40

41
export default Page404
42