added close button

khushi-joshi-05 · Jun 1, 2024 · c126209 · c126209
1 parent 028508f
commit c126209
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 2 deletions.
diff --git a/Css-files/login1.css b/Css-files/login1.css
@@ -143,6 +143,20 @@ body * {
   background: rgba(208, 50, 50, 0.9);
 }
 
+.close-btn {
+  background-color: transparent;
+  border: none;
+  font-size: 36px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  color: white;
+}
+
+
+
+
 @media only screen and (max-width: 950px) {
   .card-login {
     width: 85%;
@@ -175,4 +189,5 @@ body * {
   .card-login {
     width: 90%;
   }
-}
+}
+
diff --git a/Css-files/signup1.css b/Css-files/signup1.css
@@ -289,6 +289,20 @@ body * {
   background: rgba(208, 50, 50, 0.9);
 }
 
+.close-btn {
+  background-color: transparent;
+  border: none;
+  font-size: 36px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  color: white;
+}
+
+
+
+
 @media only screen and (max-width: 950px) {
   .card-login {
     width: 85%;

diff --git a/Html-files/login.html b/Html-files/login.html
@@ -22,6 +22,7 @@ <h1>Login Here<br>Delicious food is waiting for You</h1>
     </div>
     <div class="right-login">
       <div class="card-login">
+        <button class="close-btn">&times;</button>
         <h1>LOGIN</h1>
         <br>
         <div class="textfield">
@@ -56,6 +57,12 @@ <h1>LOGIN</h1>
 
     }
   })
+
+  const closeBtn = document.querySelector('.close-btn');
+    closeBtn.addEventListener('click', function () {
+      // document.querySelector('.card-login').style.display = 'none';
+      window.location.href='../index.html';
+    });
 </script>
 
 </html>
diff --git a/Html-files/signup.html b/Html-files/signup.html
@@ -21,6 +21,7 @@ <h1>Sign Up Here<br>Good Food is Good Mood</h1>
     </div>
     <div class="right-login">
       <div class="card-login">
+        <button class="close-btn">&times;</button>
         <h1>SIGN UP</h1>
         <br>
         <form id="signup-form">
@@ -60,6 +61,12 @@ <h1>SIGN UP</h1>
       pswfield.classList.replace("bxs-show", "bxs-hide");
     }
   });
+
+  const closeBtn = document.querySelector('.close-btn');
+    closeBtn.addEventListener('click', function () {
+      // document.querySelector('.card-login').style.display = 'none';
+      window.location.href='../index.html';
+    });
 </script>
 
 </html>
diff --git a/style.css b/style.css
@@ -26,7 +26,7 @@ body {
 .navbar a {
   text-decoration: none;
   color: white;
-  font-size: 1.3rem;
+  font-size: 1.3rem;z
 }
 
 .transparent-image {