woothu
59 lines
1.8 KiB
Vue
59 lines
1.8 KiB
Vue
<template>
|
|
<div class="app flex-row align-items-center">
|
|
<div class="container">
|
|
<CRow class="justify-content-center">
|
|
<CCol md="6" sm="8">
|
|
<CCard class="mx-4">
|
|
<CCardBody class="p-4">
|
|
<CForm>
|
|
<h1>Register</h1>
|
|
<p class="text-muted">Create your account</p>
|
|
<CFormInput
|
|
placeholder="Username"
|
|
prepend="<i class='icon-user'></i>"
|
|
autocomplete="username"
|
|
/>
|
|
<CFormInput
|
|
placeholder="Email"
|
|
prepend="@"
|
|
autocomplete="email"
|
|
/>
|
|
<CFormInput
|
|
placeholder="Password"
|
|
type="password"
|
|
prepend="<i class='icon-lock'></i>"
|
|
autocomplete="new-password"
|
|
/>
|
|
<CFormInput
|
|
placeholder="Repeat password"
|
|
type="password"
|
|
prepend="<i class='icon-lock'></i>"
|
|
autocomplete="new-password"
|
|
class="mb-4"
|
|
/>
|
|
<CButton variant="success" block>Create Account</CButton>
|
|
</CForm>
|
|
</CCardBody>
|
|
<CCardFooter class="p-4">
|
|
<CRow>
|
|
<CCol col="6">
|
|
<CButton block class="btn btn-facebook"><span>facebook</span></CButton>
|
|
</CCol>
|
|
<CCol col="6">
|
|
<CButton block class="btn btn-twitter" type="button"><span>twitter</span></CButton>
|
|
</CCol>
|
|
</CRow>
|
|
</CCardFooter>
|
|
</CCard>
|
|
</CCol>
|
|
</CRow>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Register'
|
|
}
|
|
</script>
|