Add UI Design prototype to README

README.md

@@ -117,6 +117,10 @@ Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To u
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
 
+## UI Prototype
+UI Design for Website
+https://www.figma.com/file/fuEeoAOVbLNAmbs4FZdpG6/hospital?node-id=0%3A1
+
 ```
 ## Plugins
 

src/app/Hospitals/login/login.component.html

@@ -1,4 +1,8 @@
-<app-navbar></app-navbar>
+<script src="https://kit.fontawesome.com/4428f99891.js" crossorigin="anonymous"></script>
+
+<app-navbar>
+
+</app-navbar>
 
 <div class="hospital-login {{light}}">
     <div class="container">
@@ -8,9 +12,10 @@
                 <div class="col-md-12 col-12 text-center">
                     <h1 id="hlogin_heading" class="mobile_view">Hospital Login</h1>
                 </div>
-                <div class="card" [@flyInOut]>
+                <div class="card m-0 mar-top" [@flyInOut]>
                     <form [formGroup]="HLoginForm" class="card_container">
                         <mat-form-field>
+                            <!-- <i class="fa-solid fa-user"></i> -->
                             <input class="ip_field"  matInput placeholder="Email" type="email" formControlName="emailId">
                             <mat-error *ngIf="email?.invalid && email?.touched">
                                 Please, enter valid email address
@@ -32,15 +37,18 @@ <h1 id="hlogin_heading" class="mobile_view">Hospital Login</h1>
                         </mat-form-field>
 
                         <br>
+                        <div class="confirm-div ml-2 mb-3">
+                            <mat-checkbox formControlName="agree" color="primary">Remember me?</mat-checkbox>
+                          </div>
 
-                        <button mat-raised-button type="submit" style="margin-left: 2%;" (click)="submit()" [disabled]="HLoginForm.invalid" color="primary">Login</button>
+                        <button mat-raised-button type="submit" style="width:100px;margin-left: 2%;" (click)="submit()" [disabled]="HLoginForm.invalid" color="primary">Login</button>
 
                         <a class="forgot_pass" routerLink="/h-forget-pas">Forgot Password</a>
                     </form>
                 </div>
                 <div class="col-md-12 col-12 ">
 
-                    <h3 class="text-center">Don't have an account? <a routerLink="/hospital-signup">Signup</a></h3>
+                    <h3 class="signup text-center">Don't have an account? <a routerLink="/hospital-signup">Signup</a></h3>
 
                 </div>
             </div>

src/app/Hospitals/login/login.component.scss

@@ -7,6 +7,14 @@ $pink:#F3797E;
     padding: 10px;
 }
 
+.mar-top{
+    margin-top:100px !important;
+    margin-bottom:20px!important;
+}
+.signup a {
+    text-decoration: none;
+}
+
 .hide {
     display: none;
 }

src/app/Hospitals/signup/signup.component.scss

@@ -7,6 +7,7 @@ $pink:#F3797E;
     padding: 10px;
 }
 
+
 .hospital-signup {
     background-color: #f8f8f8;
     position: relative;