From 66fa5c8a740a97b79bc5973792b36d071c8fa5b3 Mon Sep 17 00:00:00 2001
From: MuraliDharan7 <ngmurali007@gmail.com>
Date: Thu, 6 Jun 2024 00:13:42 +0530
Subject: [PATCH 1/2] forget password section added

---
 Css-files/login1.css        | 16 +++++++++
 Html-files/forget_pass.html | 65 +++++++++++++++++++++++++++++++++++++
 Html-files/login.html       | 10 ++++++
 3 files changed, 91 insertions(+)
 create mode 100644 Html-files/forget_pass.html
diff --git a/Css-files/login1.css b/Css-files/login1.css
index b168d970..d9ffae16 100644
--- a/Css-files/login1.css
+++ b/Css-files/login1.css
@@ -190,4 +190,20 @@ body * {
     width: 90%;
   }
 }
+.forgot-password {
+  text-align: right;
+  margin-bottom: 15px;
+}
+
+.forgot-password a {
+  color: #3bb77e;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.forgot-password a:hover {
+  text-decoration: underline;
+}
+
 
diff --git a/Html-files/forget_pass.html b/Html-files/forget_pass.html
new file mode 100644
index 00000000..dede9ad8
--- /dev/null
+++ b/Html-files/forget_pass.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../Css-files/login1.css">
+  <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+  <title>Forgot Password</title>
+</head>
+
+<body>
+  <div class="main-login">
+    <div class="left-login" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
+      <h1>Reset Your Password<br>Enter your email to reset your password</h1>
+      <img src="../Images/food.jpg" class="left-login-image" alt="food">
+    </div>
+    <div class="right-login">
+      <div class="card-login" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
+        <button class="close-btn">&times;</button>
+        <h1>Forgot Password</h1>
+        <br>
+        <div class="textfield">
+          <label for="email">Email</label>
+          <input type="email" name="email" id="email" placeholder="Enter your email">
+        </div>
+        <button class="btn-login" onclick="resetPassword()">Submit</button>
+      </div>
+    </div>
+  </div>
+
+  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+  <script>
+    AOS.init({
+      duration: 1000,
+      easing: 'ease',
+      once: false,
+    });
+  </script>
+
+  <script>
+    function resetPassword() {
+      const email = document.getElementById("email").value;
+
+      if (email === "") {
+        alert("Please enter your email");
+      } else {
+        // Add password reset logic here
+        alert("Password reset instructions have been sent to your email!");
+      }
+    }
+
+    const closeBtn = document.querySelector('.close-btn');
+    closeBtn.addEventListener('click', function () {
+      window.location.href = 'login.html'; // Change this to the actual login page URL
+    });
+  </script>
+</body>
+
+</html>
diff --git a/Html-files/login.html b/Html-files/login.html
index 459f8712..2efba29d 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -41,6 +41,9 @@ <h1>LOGIN</h1>
             <i class='icon bx bxs-hide' style="font-size: 27px;"></i>
           </span>
         </div>
+        <div class="forgot-password">
+          <a href="#">Forgot Password?</a>
+        </div>
         <button class="btn-login" onclick="validateLogin()">Login</button>
         <h3>
           <center>OR</center>
@@ -95,6 +98,13 @@ <h3>
       alert("Form submitted successfully!");
     }
   }
+  document.querySelector('.forgot-password a').addEventListener('click', function(event) {
+  event.preventDefault();
+  // Implement the functionality here, e.g., open a modal or redirect to a password recovery page
+  alert("Redirecting to password recovery page...");
+  window.location.href = 'forget_pass.html'; // Change this to the actual URL
+});
+
 </script>
 
 </html>

From 988a1ad8c34450f6b1fbea0439c5b72fd32e3456 Mon Sep 17 00:00:00 2001
From: MuraliDharan7 <ngmurali007@gmail.com>
Date: Thu, 6 Jun 2024 00:15:47 +0530
Subject: [PATCH 2/2] forgetpassword file is linked

---
 Html-files/login.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Html-files/login.html b/Html-files/login.html
index 2efba29d..7f29f09e 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -42,7 +42,7 @@ <h1>LOGIN</h1>
           </span>
         </div>
         <div class="forgot-password">
-          <a href="#">Forgot Password?</a>
+          <a href="/Html-files/forget_pass.html">Forgot Password?</a>
         </div>
         <button class="btn-login" onclick="validateLogin()">Login</button>
         <h3>
