71 lines
2.2 KiB
JavaScript
71 lines
2.2 KiB
JavaScript
import React from 'react'
|
|
import {
|
|
CButton,
|
|
CCard,
|
|
CCardBody,
|
|
CCol,
|
|
CContainer,
|
|
CForm,
|
|
CFormInput,
|
|
CInputGroup,
|
|
CInputGroupText,
|
|
CRow,
|
|
} from '@coreui/react'
|
|
import CIcon from '@coreui/icons-react'
|
|
|
|
const Register = () => {
|
|
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>Register</h1>
|
|
<p className="text-medium-emphasis">Create your account</p>
|
|
<CInputGroup className="mb-3">
|
|
<CInputGroupText>
|
|
<CIcon name="cil-user" />
|
|
</CInputGroupText>
|
|
<CFormInput placeholder="Username" autoComplete="username" />
|
|
</CInputGroup>
|
|
<CInputGroup className="mb-3">
|
|
<CInputGroupText>@</CInputGroupText>
|
|
<CFormInput placeholder="Email" autoComplete="email" />
|
|
</CInputGroup>
|
|
<CInputGroup className="mb-3">
|
|
<CInputGroupText>
|
|
<CIcon name="cil-lock-locked" />
|
|
</CInputGroupText>
|
|
<CFormInput
|
|
type="password"
|
|
placeholder="Password"
|
|
autoComplete="new-password"
|
|
/>
|
|
</CInputGroup>
|
|
<CInputGroup className="mb-4">
|
|
<CInputGroupText>
|
|
<CIcon name="cil-lock-locked" />
|
|
</CInputGroupText>
|
|
<CFormInput
|
|
type="password"
|
|
placeholder="Repeat password"
|
|
autoComplete="new-password"
|
|
/>
|
|
</CInputGroup>
|
|
<CButton color="success" block>
|
|
Create Account
|
|
</CButton>
|
|
</CForm>
|
|
</CCardBody>
|
|
</CCard>
|
|
</CCol>
|
|
</CRow>
|
|
</CContainer>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Register
|