diff --git a/src/templates/signup.html b/src/templates/signup.html
new file mode 100644
index 0000000..5c1fc6d
--- /dev/null
+++ b/src/templates/signup.html
@@ -0,0 +1,28 @@
+<!-- Sign-Up Page -->
+<html>
+ <head>
+   <title>Sign Up</title>
+    <!-- Add this line to include the Tailwind CSS library -->
+    @css 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css'
+ </head>
+ <body class="bg-gray-100 flex items-center justify-center min-h-screen">
+   <div class="w-full max-w-md">
+     <h1 class="text-3xl mb-6 font-bold text-center text-blue-500">Create an Account</h1>
+     <form action="/signup" method="post">
+       <div class="mb-4">
+         <label for="username" class="block text-sm font-medium leading-relaxed tracking-wide mb-2">Username:</label>
+         <input type="text" id="username" name="username" placeholder="Enter username" class="appearance-none bg-white rounded w-full py-2 px-4 leading-tight focus:outline-none focus:shadow-outline"/>
+       </div>
+       <div class="mb-4">
+         <label for="email" class="block text-sm font-medium leading-relaxed tracking-wide mb-2">Email:</label>
+         <input type="email" id="email" name="email" placeholder="Enter email address" class="appearance-none bg-white rounded w-full py-2 px-4 leading-tight focus:outline-none focus:shadow-outline"/>
+       </div>
+       <div class="mb-4">
+         <label for="password" class="block text-sm font-medium leading-relaxed tracking-wide mb-2">Password:</label>
+         <input type="password" id="password" name="password" placeholder="Enter password" class="appearance-none bg-white rounded w-full py-2 px-4 leading-tight focus:outline-none focus:shadow-outline"/>
+       </div>
+       <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Submit</button>
+     </form>
+   </div>
+ </body>
+</html>
\ No newline at end of file
