diff --git a/_layouts/login.html b/_layouts/login.html
new file mode 100644
index 0000000..ba17075
--- /dev/null
+++ b/_layouts/login.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="loginApp">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sign In</title>
+  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.0.1/dist/tailwind.min.css" rel="stylesheet">
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
+  <script src="/assets/login.js"></script>
+</head>
+<body class="bg-gray-100 flex items-center justify-center h-screen">
+  <div class="bg-white p-6 rounded-lg shadow-lg w-1/3" ng-controller="LoginCtrl">
+    <h2 class="text-2xl font-bold mb-4">Sign In</h2>
+    <form ng-submit="login()">
+      <div class="mb-4">
+        <label class="block text-gray-700">Username</label>
+        <input type="text" class="w-full p-2 border border-gray-300 rounded mt-2" ng-model="username">
+      </div>
+      <div class="mb-4">
+        <label class="block text-gray-700">Password</label>
+        <input type="password" class="w-full p-2 border border-gray-300 rounded mt-2" ng-model="password">
+      </div>
+      <button type="submit" class="w-full bg-blue-500 text-white p-2 rounded mt-4">Sign In</button>
+    </form>
+  </div>
+</body>
+</html>
