@coreui/ajax
Version:
Open Source Bootstrap Admin Template
56 lines (50 loc) • 2.06 kB
HTML
<template>
<div class="container d-table">
<div class="d-100vh-va-middle">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="card mx-2">
<div class="card-block p-2">
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<div class="input-group mb-1">
<span class="input-group-addon"><i class="icon-user"></i>
</span>
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="input-group mb-1">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Email">
</div>
<div class="input-group mb-1">
<span class="input-group-addon"><i class="icon-lock"></i>
</span>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="input-group mb-2">
<span class="input-group-addon"><i class="icon-lock"></i>
</span>
<input type="password" class="form-control" placeholder="Repeat password">
</div>
<button type="button" class="btn btn-block btn-success">Create Account</button>
</div>
<div class="card-footer p-2">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-facebook" type="button">
<span>facebook</span>
</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-twitter" type="button">
<span>twitter</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>