diff --git a/login.html b/login.html
index 90ca71d2..dbb8eb30 100644
--- a/login.html
+++ b/login.html
@@ -1,82 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="login.css" />
-    <!-- font-awesome link -->
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
-    />
-    <title>Login/Register</title>
-  </head>
-  <body>
-    <div class="container">
-      <input type="checkbox" id="flip" />
-      <div class="cover">
-        <div class="front">
-          <div class="text">
-            <img src="images/Slide1.jpg" alt="" />
-          </div>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="login.css" />
+  <!-- font-awesome link -->
+  <link
+    rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+  />
+  <title>Login page</title>
+</head>
+<body>
+  <div class="container">
+    <div class="cover">
+      <div class="front">
+        <div class="text">
+          <img src="images/Slide1.jpg" alt="" />
         </div>
       </div>
-      <form action="#">
-        <div class="form-content">
-          <div class="login-form">
-            <div class="title">Login</div>
-            <div class="input-boxes">
-              <div class="input-box">
-                <i class="fas fa-envelope"></i>
-                <input type="text " placeholder="Enter your Email" required />
-              </div>
-              <div class="input-box">
-                <i class="fas fa-lock"></i>
-                <input
-                  type="password"
-                  placeholder="Enter your Password"
-                  required
-                />
-              </div>
-              <div class="text"><a href="#">Forgot password?</a></div>
-              <div class="button input-box">
-                <input type="submit" value="Submit" />
-              </div>
-              <div class="text login-text">
-                Don't have an account? <label for="flip">Signup now</label>
-              </div>
+    </div>
+    
+    <!-- Login Form -->
+    <form id="loginForm">
+      <div class="form-content">
+        <div class="login-form">
+          <div class="title">Login</div>
+          <div class="input-boxes">
+            <div class="input-box">
+              <i class="fas fa-envelope"></i>
+              <input type="email" id="myemail" placeholder="Enter your Email" required />
             </div>
-          </div>
-          <div class="signup-form">
-            <div class="title">Signup</div>
-            <div class="input-boxes">
-              <div class="input-box">
-                <i class="fas fa-user"></i>
-                <input type="text " placeholder="Enter your Name" required />
-              </div>
-              <div class="input-box">
-                <i class="fas fa-envelope"></i>
-                <input type="text " placeholder="Enter your Email" required />
-              </div>
-              <div class="input-box">
-                <i class="fas fa-lock"></i>
-                <input
-                  type="password"
-                  placeholder="Enter your Password"
-                  required
-                />
-              </div>
-
-              <div class="button input-box">
-                <input type="submit" value="Submit" />
-              </div>
-              <div class="text sign-up-text">
-                Already have an account? <label for="flip">Login now</label>
-              </div>
+            <div class="input-box">
+              <i class="fas fa-lock"></i>
+              <input type="password" id="mypassword" placeholder="Enter your Password" required />
+            </div>
+            <div class="text"><a href="#">Forgot password?</a></div>
+            <div class="button input-box">
+              <input type="button" value="Submit" onclick="authenticate()" />
+            </div>
+            <div class="text login-text">
+              Don't have an account? <a href="signup.html">Sign Up</a>
             </div>
           </div>
         </div>
-      </form>
-    </div>
-  </body>
+      </div>
+    </form>
+  </div>
+  <script>
+    // User credentials object
+    const users = [
+      { email: 'user1@example.com', password: 'password1' },
+      { email: 'user2@example.com', password: 'password2' },
+      { email: 'user3@example.com', password: 'password3' }
+    ];
+
+    function authenticate() {
+      var email = document.getElementById("myemail").value;
+      var password = document.getElementById("mypassword").value; 
+      
+      // Check if the entered email and password match any of the predefined credentials
+      const authenticatedUser = users.find(user => user.email === email && user.password === password);
+      
+      if (authenticatedUser) {
+        window.location.href = "index.html";
+      } else {
+        alert('Invalid email or password');
+      }
+    }
+  </script>
+ </body> 
 </html>
diff --git a/signup.html b/signup.html
new file mode 100644
index 00000000..783ee57b
--- /dev/null
+++ b/signup.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="stylesheet" href="login.css" />
+<!-- font-awesome link -->
+<link
+rel="stylesheet"
+href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+/>
+<title>Signup</title>
+</head>
+<body>
+<div class="container">
+  <div class="cover">
+    <div class="front">
+      <div class="text">
+        <img src="images/Slide1.jpg" alt="" />
+      </div>
+    </div>
+  </div>
+       
+  <!-- Signup Form -->
+  <form action="index.html" method="get">
+    <div class="form-content">
+      <div class="signup-form">
+        <div class="title">Signup</div>
+        <div class="input-boxes">
+          <div class="input-box">
+            <i class="fas fa-user"></i>
+            <input type="text"  id="username" placeholder="Enter your Name" required />
+          </div>
+          <div class="input-box">
+            <i class="fas fa-envelope"></i>
+            <input type="email" id="myemail" placeholder="Enter your Email" required />
+          </div>
+          <div class="input-box">
+            <i class="fas fa-lock"></i>
+            <input type="password"  id="mypassword" placeholder="Enter your Password" required />
+          </div>
+          <div class="button input-box">
+            <input type="submit" value="Submit" />
+          </div>
+          <div class="text sign-up-text">
+            Already have an account? <a href="login.html">Login now</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+</body>
+</html>
