41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import {
|
|
CButton,
|
|
CCol,
|
|
CContainer,
|
|
CFormInput,
|
|
CInputGroup,
|
|
CInputGroupText,
|
|
CRow,
|
|
} from '@coreui/react'
|
|
import CIcon from '@coreui/icons-react'
|
|
|
|
const Page500 = () => {
|
|
return (
|
|
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
|
|
<CContainer>
|
|
<CRow className="justify-content-center">
|
|
<CCol md={6}>
|
|
<span className="clearfix">
|
|
<h1 className="float-start display-3 me-4">500</h1>
|
|
<h4 className="pt-3">Houston, we have a problem!</h4>
|
|
<p className="text-medium-emphasis float-start">
|
|
The page you are looking for is temporarily unavailable.
|
|
</p>
|
|
</span>
|
|
<CInputGroup className="input-prepend">
|
|
<CInputGroupText>
|
|
<CIcon icon="cil-magnifying-glass" />
|
|
</CInputGroupText>
|
|
<CFormInput size="16" type="text" placeholder="What are you looking for?" />
|
|
<CButton color="info">Search</CButton>
|
|
</CInputGroup>
|
|
</CCol>
|
|
</CRow>
|
|
</CContainer>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Page500
|