diff --git a/login.html b/login.html
new file mode 100644
index 0000000..b75c644
--- /dev/null
+++ b/login.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Login</title>
+</head>
+<body>
+
+    <style type="text/css">
+    
+    #text{
+
+        height: 25px;
+        border-radius: 5px;
+        padding: 4px;
+        border: solid thin #aaa;
+    }
+
+    #button{
+
+        padding: 10px;
+        width: 100px;
+        color: white;
+        background-color: lightblue;
+        border: none;
+    }
+
+    #box{
+
+        background-color: grey;
+        margin: auto;
+        width: 300px;
+        padding: 20px;
+    }
+    
+    </style>
+
+    <div id="box">
+    
+        <form method="post">
+            <div style="font-size: 20px;margin: 10px;color: white;">Login</div>
+
+            <input id="text" type="text" name="user_name"><br><br>
+            <input id="text" type="password" name="password"><br><br>
+
+            <input id="button" type="submit" value="Login"><br><br>
+        </form>
+    </div>
+</body>
+</html>
