40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<div class="login">
|
|
<div class="row">
|
|
<div class="col-mat-4 col-sm-6 col-mat-offset-4 col-sm-offset-3">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Login</h4>
|
|
<div class="social-btns">
|
|
<button mat-icon-button><i class="fa fa-facebook-square"></i></button>
|
|
<button mat-icon-button><i class="fa fa-twitter"></i></button>
|
|
<button mat-icon-button><i class="fa fa-google-plus" (click)="googleSignIn()"></i></button>
|
|
</div>
|
|
</div>
|
|
<p class="tip">Or Be Classical</p>
|
|
<div class="card-form">
|
|
<div class="form-row">
|
|
<i class="material-icons">face</i>
|
|
<mat-input-container color="accent">
|
|
<input type="text" matInput placeholder="First Name" />
|
|
</mat-input-container>
|
|
</div>
|
|
<div class="form-row">
|
|
<i class="material-icons">email</i>
|
|
<mat-input-container color="accent">
|
|
<input type="text" matInput placeholder="Email address" />
|
|
</mat-input-container>
|
|
</div>
|
|
<div class="form-row">
|
|
<i class="material-icons">lock_outline</i>
|
|
<mat-input-container color="accent">
|
|
<input type="password" matInput placeholder="Password" />
|
|
</mat-input-container>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button mat-button (click)="loginBtn()">LET'S GO</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |