diff --git a/login.html b/login.html
index 0dfb770..3fc75e6 100644
--- a/login.html
+++ b/login.html
@@ -1,3 +1,71 @@
+
+<!DOCTYPE html> 
+<html> 
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title> Login Page </title>
+<style> 
+Body {
+  font-family: Calibri, Helvetica, sans-serif;
+  background: linear-gradient(135deg, #153677, #4e085f);
+}
+button { 
+       background-color: #4e085f; 
+       width: 100%;
+        color: #fff; 
+        padding: 15px; 
+        margin: 10px 0px; 
+        border: none; 
+        cursor: pointer; 
+        border-radius: 500px;
+         } 
+ form { 
+        border: 3px solid #f1f1f1;
+        border-radius: 50px; 
+    } 
+ input[type=text], input[type=password] { 
+        width: 100%; 
+        margin: 8px 0;
+        padding: 12px 20px; 
+        display: inline-block; 
+        border: 2px solid rgb(12, 84, 151); 
+        box-sizing: border-box; 
+    }
+ button:hover { 
+        opacity: 0.7; 
+    } 
+  .cancelbtn { 
+        width: auto; 
+        padding: 10px 18px;
+        margin: 10px 5px;
+    } 
+      
+   
+ .container { 
+        padding: 25px; 
+        background-color: rgb(123, 184, 233);
+        border-radius: 50px;
+    } 
+</style> 
+</head>  
+<body>  
+    <center> <h1 style="color: #fff;"> Student Login Form </h1> </center> 
+    
+    <form>
+        <div class="container"> 
+            <label>Username : </label> 
+            <input type="text" placeholder="Enter Username" name="username" required>
+            <label>Password : </label> 
+            <input type="password" placeholder="Enter Password" name="password" required>
+            <button type="submit">Login</button> 
+            <input type="checkbox" checked="checked"> Remember me 
+            <button type="button" class="cancelbtn"> Cancel</button> 
+            Forgot <a href="#"> password? </a> 
+        </div> 
+    </form>   
+</body>   
+</html>
+=======
 <!DOCTYPE html>
 <html>
   <head>
@@ -103,6 +171,7 @@
         left: -100%;
         z-index: -1;
 
+
         transition: all 0.4s;
       }
       .button:hover .inner {
