diff --git a/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg b/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg
new file mode 100644
index 00000000..b476e400
Binary files /dev/null and b/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg differ
diff --git a/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_picsitem_pics/image.jpeg b/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_picsitem_pics/image.jpeg
new file mode 100644
index 00000000..b476e400
Binary files /dev/null and b/BackEnd/Library/ /home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_picsitem_pics/image.jpeg differ
diff --git a/BackEnd/Library/src/main/java/com/innovature/Library/util/FileUtil.java b/BackEnd/Library/src/main/java/com/innovature/Library/util/FileUtil.java
index 5db90d48..9a0088e6 100644
--- a/BackEnd/Library/src/main/java/com/innovature/Library/util/FileUtil.java
+++ b/BackEnd/Library/src/main/java/com/innovature/Library/util/FileUtil.java
@@ -16,8 +16,8 @@
 
 
 public class FileUtil {
-    public static final String PATH = "/home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/item_pics/";
-    
+    public static final String PATH = "/home/negilbabu/Desktop/project/LibraryRepository/FrontEnd/Library/src/assets/BooksImage/";
+
 
     public static final String PROFILE_PIC_DIR = "item_pics/";
 
diff --git a/FrontEnd/Library/src/app/admin-navbar/admin-navbar.component.ts b/FrontEnd/Library/src/app/admin-navbar/admin-navbar.component.ts
index e664e6a4..dc51814e 100644
--- a/FrontEnd/Library/src/app/admin-navbar/admin-navbar.component.ts
+++ b/FrontEnd/Library/src/app/admin-navbar/admin-navbar.component.ts
@@ -28,7 +28,7 @@ export class AdminNavbarComponent implements OnInit {
       } 
     }
     dash() {
-    throw new Error('Method not implemented.');
+
     }
 
 }
diff --git a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.css b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.css
index e69de29b..b31ab8ff 100644
--- a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.css
+++ b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.css
@@ -0,0 +1,63 @@
+body, html {
+    /* fixed */
+      position: relative;
+        margin: 0;
+        font-family: arial;
+        height: 0vh;
+        background: #ccc;
+      }
+      *, *:before, *:after {
+        box-sizing: border-box;
+      }
+      .nav-mobile {
+        position: fixed;
+        width: 100%;
+        z-index: 1;
+        background: #1c032e;
+        /* background: #9f3800; */
+        color: #fff;
+        padding: 0;
+        /* border:10px; */
+        /* border-color: black; */
+        margin: 0;
+        cursor: auto;
+        font-size: 18px;
+        list-style-type: none;
+        /* box-shadow: 0 5px 5px -5px #333; */
+       } 
+      .nav-mobile:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+  
+   
+      .nav-mobile li {
+        width: 90%;
+        height: 4%;
+        line-height: 46px;
+        text-align: center;
+        /* float: right; */
+      }
+      .nav-mobile li a {
+        display: block;
+        color: #333;
+        width: 100%;
+        height: 100%;
+        text-decoration: none;
+      }
+  
+      .main {
+        height: 100%;
+        width: 100%;
+      overflow: hidden;
+      overflow-y: scroll;
+    }
+    .button{
+      border: none;
+      background-color: transparent; 
+      color: rgb(150, 40, 180);       
+  }
+  .button:hover {color: #ffffff}
+
+  
\ No newline at end of file
diff --git a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.html b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.html
index b30b4ac5..273f2963 100644
--- a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.html
+++ b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.html
@@ -1,8 +1,20 @@
 
+<ul class="nav-mobile"  > 
+  <li class="cls"> 
+    <label  style="position: relative;text-align: center; left: 8%;">LIBRARY</label>
+     <button type="button" style="position: relative;float: right;" class="button" (click)="Login()">LOGIN</button>
+<div class="right">                    
+
+    <!-- <button mat-icon-button > <i class="material-icons" style="color:rgb(30, 237, 213);float:right; " (click)="Login()">logout</i></button> <br>                            -->
+   
+</div> 
+  </li>
+  </ul>
 
 
 <body>
   <div>
+    <br><br><br>
     <form [formGroup]="ObjForm" (ngSubmit)="openPopup()">
 
       <div style="text-align: center;"><br><br>
@@ -20,7 +32,7 @@
 
 
 
-<div class="modal" tabindex="-1" role="dialog" [ngStyle]="{'display':displayStyle}" *ngIf="this.rslt!=1">
+<div class="modal" tabindex="-1" role="dialog" [ngStyle]="{'display':displayStyle}" *ngIf="this.rslt!=1" style="margin-top: 13%;">
    <div class="modal-dialog" role="document" >
       <div class="modal-content">
        <div class="modal-header">
diff --git a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.ts b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.ts
index 08579bdd..fc6bd76d 100644
--- a/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.ts
+++ b/FrontEnd/Library/src/app/forgotpassword/forgotpassword.component.ts
@@ -46,6 +46,12 @@ export class ForgotpasswordComponent implements OnInit {
     }
     
   }
+
+  Login()
+  {
+    this.router.navigate(['/login'])
+  }
+
   
 
 
diff --git a/FrontEnd/Library/src/app/login/login.component.ts b/FrontEnd/Library/src/app/login/login.component.ts
index 9d70f439..e021df60 100644
--- a/FrontEnd/Library/src/app/login/login.component.ts
+++ b/FrontEnd/Library/src/app/login/login.component.ts
@@ -61,7 +61,11 @@ export class LoginComponent implements OnInit {
             //alert("login not sucessful");
             this.toast.warning({detail:'success msg',summary:'LogIn failed',duration:5000});
           }
-        })
+        }, (error: any) =>{
+          this.toast.error({detail:'Login Failed',summary:'Invalid Credentials',duration:5000});
+          console.log(error)});
+        
+        
     //  }
      
        
diff --git a/FrontEnd/Library/src/app/user-reg/user-reg.component.css b/FrontEnd/Library/src/app/user-reg/user-reg.component.css
index 75328fb7..abdf356e 100644
--- a/FrontEnd/Library/src/app/user-reg/user-reg.component.css
+++ b/FrontEnd/Library/src/app/user-reg/user-reg.component.css
@@ -1,10 +1,64 @@
-p{
-    padding: 0px 0px 30px 1000px;
-    margin: 0px;
-    background-color: rgb(0, 0, 0);
-    /* background-image: url('../../../a.png'); */
-    
-}
+body, html {
+    /* fixed */
+      position: relative;
+        margin: 0;
+        font-family: arial;
+        height: 0vh;
+        background: #ccc;
+      }
+      *, *:before, *:after {
+        box-sizing: border-box;
+      }
+      .nav-mobile {
+        position: fixed;
+        width: 100%;
+        z-index: 1;
+        background: #1c032e;
+        /* background: #9f3800; */
+        color: #fff;
+        padding: 0;
+        /* border:10px; */
+        /* border-color: black; */
+        margin: 0;
+        cursor: auto;
+        font-size: 18px;
+        list-style-type: none;
+        /* box-shadow: 0 5px 5px -5px #333; */
+       } 
+      .nav-mobile:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+  
+   
+      .nav-mobile li {
+        width: 90%;
+        height: 4%;
+        line-height: 46px;
+        text-align: center;
+        /* float: right; */
+      }
+      .nav-mobile li a {
+        display: block;
+        color: #333;
+        width: 100%;
+        height: 100%;
+        text-decoration: none;
+      }
+  
+      .main {
+        height: 100%;
+        width: 100%;
+      overflow: hidden;
+      overflow-y: scroll;
+    }
+    .button{
+        border: none;
+        background-color: transparent; 
+        color: rgb(150, 40, 180);       
+    }
+    .button:hover {color: #ffffff}
 
 
 .text-danger1{
diff --git a/FrontEnd/Library/src/app/user-reg/user-reg.component.html b/FrontEnd/Library/src/app/user-reg/user-reg.component.html
index 4d91cfed..41b2b08a 100644
--- a/FrontEnd/Library/src/app/user-reg/user-reg.component.html
+++ b/FrontEnd/Library/src/app/user-reg/user-reg.component.html
@@ -1,8 +1,16 @@
-<p > <br>
-    <input type="button" style = "position:absolute; left:1200px; top:20px;" class="btnhome" name="LogIn" value="LogIn" (click)="Login()">
-    <br><br>
-     </p>
-
+<ul class="nav-mobile"  > 
+    <li class="cls"> 
+      <label  style="position: relative;text-align: center; left: 8%;">LIBRARY</label>
+       <button type="button" style="position: relative;float: right;" class="button" (click)="Login()">LOGIN</button>
+     
+  <div class="right">                    
+  
+      <!-- <button mat-icon-button > <i class="material-icons" style="color:rgb(30, 237, 213);float:right; " (click)="Login()">logout</i></button> <br>                            -->
+     
+  </div> 
+    </li>
+    </ul>
+  
 
 
 <router-outlet></router-outlet>
@@ -10,7 +18,7 @@
 <div class="text-center"> 
     <form [formGroup]="ObjSampleForm" (ngSubmit)="onSubmit()">
             
-            <div style="width: 160px; margin:0 auto;" class="example-container" ><br>
+            <div style="width: 180px; margin:0 auto;" class="example-container" ><br>
                <div style="width: 50px; margin:0 auto;"> <label ><h2>SignUp</h2></label></div>
                 <br>                
                             
@@ -56,21 +64,13 @@
             </div> <br><br>            
             
 
-            
-            <input class="btn" type="submit" name="onSubmit" value="Submit" [disabled]="ObjSampleForm.invalid" ><br><br><br><br>
-            <!-- <br>    [disabled]="!ObjSampleForm.valid" -->
-            <br><br>
-            <br>
-            <br>
-            <br>    
-            <br><br>
-            <br>    
-            <br>
+            <button mat-raised-button color="warn" (click)="clear()">Clear</button>
+                &nbsp;  &nbsp; 
+            <button mat-raised-button (click)="onSubmit()" color="primary" [disabled]="ObjSampleForm.invalid" >Submit</button>
+         
+          
             </div>
-            <br>    
-            <br><br>
-            <br>    
-            <br>
+          
     </form>     
     
     </div>
diff --git a/FrontEnd/Library/src/app/user-reg/user-reg.component.ts b/FrontEnd/Library/src/app/user-reg/user-reg.component.ts
index 94c3b29d..4b02094c 100644
--- a/FrontEnd/Library/src/app/user-reg/user-reg.component.ts
+++ b/FrontEnd/Library/src/app/user-reg/user-reg.component.ts
@@ -63,7 +63,9 @@ var:any;
      this.router.navigate(['/login'])
    }
 
-  
+  clear(){
+    window.location.reload()
+  }
 
 
 
diff --git a/FrontEnd/Library/src/assets/BooksImage/item_pics/image.jpeg b/FrontEnd/Library/src/assets/BooksImage/item_pics/image.jpeg
new file mode 100644
index 00000000..b476e400
Binary files /dev/null and b/FrontEnd/Library/src/assets/BooksImage/item_pics/image.jpeg differ
diff --git a/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/Screenshot from 2023-01-17 12-41-02.png b/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/Screenshot from 2023-01-17 12-41-02.png
deleted file mode 100644
index 8d2c62af..00000000
Binary files a/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/Screenshot from 2023-01-17 12-41-02.png and /dev/null differ
diff --git a/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/aadu.jpeg b/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/aadu.jpeg
deleted file mode 100644
index 3b1fa90b..00000000
Binary files a/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/aadu.jpeg and /dev/null differ
diff --git a/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg b/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg
new file mode 100644
index 00000000..b476e400
Binary files /dev/null and b/FrontEnd/Library/src/assets/BooksImage/item_pics/item_pics/image.jpeg differ