diff --git a/log in/Login.html b/log in/Login.html
index 03ae45246..58572c930 100644
--- a/log in/Login.html	
+++ b/log in/Login.html	
@@ -83,10 +83,12 @@ <h2><a href="#">Sign In</a></h2>
   <!--nav bar ends here-->
 
   <section class="login">
+    <div class="login-close-btn"> <img src="image/close-img.png" alt=""> </div>
     <div class="container">
       <div class="forms-container">
         <div class="signin-signup">
           <form id="login_form" class="sign-in-form alignment">
+           
             <h2 class="title user_logged_in">Sign in</h2>
             <h2 class="title" id="logged_user"></h2>
             <div class="input-field user_logged_in" style="margin-right: 70px">
diff --git a/log in/image/close-img.png b/log in/image/close-img.png
new file mode 100644
index 000000000..e94c9d149
Binary files /dev/null and b/log in/image/close-img.png differ
diff --git a/log in/login.css b/log in/login.css
index 48f918629..87eedb180 100644
--- a/log in/login.css	
+++ b/log in/login.css	
@@ -1,3 +1,5 @@
+
+
 /* Google Font Link */
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
 * {
@@ -8,7 +10,19 @@
 }
 html {
   scroll-behavior: smooth;
-}
+  }
+/*loginpage close btn styled*/
+.login-close-btn img{
+    z-index: 22;
+    position: absolute;
+    right:0;
+    width: 24px;
+    cursor: pointer;
+    border-radius: 50%;
+   }
+
+
+
 .sidebar {
   position: fixed;
   left: 0;
diff --git a/log in/login.js b/log in/login.js
index ef299ffc2..bd16c6151 100644
--- a/log in/login.js	
+++ b/log in/login.js	
@@ -2,6 +2,13 @@ const LoginForm = document.querySelector("#login_form");
 const email = document.querySelector("#email");
 const password = document.querySelector("#password");
 const eye = document.getElementById("eye");
+const closeBtnLogin=document.querySelector(".login-close-btn")
+//added btn to close login-page
+closeBtnLogin.addEventListener("click",()=>{
+  window.location.href="../index.html"
+})
+
+
 
 var eyeView = false;
 eye.addEventListener("click", (e) => {