101 lines
4.0 KiB
Plaintext
101 lines
4.0 KiB
Plaintext
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<section class="h-100 gradient-form" >
|
|
<div class="container py-5 h-100">
|
|
<div class="row d-flex justify-content-center align-items-center h-100">
|
|
|
|
<div class="card rounded-3 text-black">
|
|
|
|
|
|
<div class="card-body p-md-5 mx-md-4">
|
|
|
|
<div class="text-center">
|
|
<img src="{{ current_school.logo_url }}"
|
|
style="width: 185px;" alt="logo">
|
|
<h4 class="mt-1 mb-5 pb-1">We are The Lotus Team</h4>
|
|
</div>
|
|
|
|
<form>
|
|
<p>Please login to your account</p>
|
|
|
|
<div class="form-outline mb-4 d-flex">
|
|
<div class="mr-3">
|
|
<label class="form-label text-muted" for="form2Example11">First name</label>
|
|
<input type="email" id="form2Example11" class="form-control"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label class="form-label text-muted" for="form2Example22">Last name</label>
|
|
<input type="" id="form2Example22" class="form-control" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-outline mb-4">
|
|
<label class="form-label text-muted" for="form2Example22">Email</label>
|
|
<input type="" id="form2Example22" class="form-control" />
|
|
</div>
|
|
|
|
<div class="form-outline mb-4">
|
|
<label class="form-label text-muted" for="form2Example22">Job title</label>
|
|
<input type="" id="form2Example22" class="form-control" />
|
|
</div>
|
|
|
|
<div class="form-outline mb-4">
|
|
<label class="form-label text-muted" for="form2Example22">Organization</label>
|
|
<input type="" id="form2Example22" class="form-control" />
|
|
</div>
|
|
|
|
<div class="form-outline mb-4 d-flex">
|
|
<div class="mr-3">
|
|
<label class="form-label text-muted" for="form2Example11">City</label>
|
|
<input type="email" id="form2Example11" class="form-control"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label class="form-label text-muted" for="form2Example22">State/Region</label>
|
|
<input type="" id="form2Example22" class="form-control" />
|
|
</div>
|
|
</div>w
|
|
|
|
<div class="text-center pt-1 mb-5 pb-1">
|
|
<button class="btn btn-primary btn-block fa-lg mb-3" type="button">Log
|
|
in</button>
|
|
<a class="text-muted" href="#!">Forgot password?</a>
|
|
</div>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.gradient-custom-2 {
|
|
/* fallback for old browsers */
|
|
background: #fccb90;
|
|
|
|
/* Chrome 10-25, Safari 5.1-6 */
|
|
background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
|
|
|
|
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.gradient-form {
|
|
height: 100vh !important;
|
|
}
|
|
}
|
|
@media (min-width: 769px) {
|
|
.gradient-custom-2 {
|
|
border-top-right-radius: .3rem;
|
|
border-bottom-right-radius: .3rem;
|
|
}
|
|
}
|
|
</style> |