diff --git a/assets/login-script.js b/assets/login-script.js
new file mode 100644
index 0000000..afced83
--- /dev/null
+++ b/assets/login-script.js
@@ -0,0 +1,29 @@
+function login() {
+    var email = document.getElementById("email").value;
+    var password = document.getElementById("password").value;
+
+    // Assuming you use fetch API to send data to the server
+    fetch('https://home.adlerka.top/account', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+            action: 'login',
+            email: email,
+            password: password
+        }),
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.status === 'success') {
+            document.getElementById("statusMessage").innerText = "Login successful!";
+            // Redirect or perform other actions after successful login
+        } else {
+            document.getElementById("statusMessage").innerText = "Login failed. Please check your credentials.";
+        }
+    })
+    .catch((error) => {
+        console.error('Error:', error);
+    });
+}
diff --git a/templates/login.html b/templates/login.html
index 305f9c6..45361bb 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,7 +1,15 @@
-<form method="post">
-    <label for="login_email"><i class="fa-regular fa-envelope"></i> Email:</label><br>
-    <input id="login_email" type="email" name="email"><br>
-    <label for="login_password"><i class="ri-lock-fill"></i> Password:</label><br>
-    <input id="login_password" type="password" name="password"><br>
-    <input type="submit">
-</form>
\ No newline at end of file
+<div class="login-container">
+    <h1>Login</h1>
+    <form id="loginForm">
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="email" required>
+
+        <label for="password">Password:</label>
+        <input type="password" id="password" name="password" required>
+
+        <button type="button" onclick="login()">Login</button>
+    </form>
+    <p id="statusMessage"></p>
+</div>
+
+<script src="assets/login-script.js"></script>
\ No newline at end of file