42 lines
2.5 KiB
HTML
42 lines
2.5 KiB
HTML
|
<div class="container-fluid ps-md-0">
|
||
|
|
<div class="row g-0">
|
||
|
|
<div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"></div>
|
||
|
|
<div class="col-md-8 col-lg-6">
|
||
|
|
<div class="login d-flex align-items-center py-5">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-9 col-lg-8 mx-auto">
|
||
|
|
<h3 class="login-heading mb-4">Create an Account!</h3>
|
||
|
|
|
||
|
|
<form (ngSubmit)="onSubmit()">
|
||
|
|
<div class="form-floating mb-3">
|
||
|
|
<input type="text" class="form-control" [(ngModel)]="fullname" name="fullname" id="floatingFullname" placeholder="Full Name" required>
|
||
|
|
<label for="floatingFullname">Full Name</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-floating mb-3">
|
||
|
|
<input type="text" class="form-control" [(ngModel)]="username" name="username" id="floatingUsername" placeholder="Username" required>
|
||
|
|
<label for="floatingUsername">Username</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-floating mb-3">
|
||
|
|
<input type="email" class="form-control" [(ngModel)]="email" name="email" id="floatingInput" placeholder="name@example.com" required>
|
||
|
|
<label for="floatingInput">Email address</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-floating mb-3">
|
||
|
|
<input type="password" class="form-control" [(ngModel)]="password" name="password" id="floatingPassword" placeholder="Password" required>
|
||
|
|
<label for="floatingPassword">Password</label>
|
||
|
|
</div>
|
||
|
|
<div class="d-grid">
|
||
|
|
<button class="btn btn-lg color-btn btn-login text-uppercase fw-bold mb-2" type="submit">Sign Up</button>
|
||
|
|
<div class="text-center">
|
||
|
|
<a class="small forgot" routerLink= '/auth'>Log In</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|