diff --git a/redesign/forum.nim b/redesign/forum.nim
index 219d75a..f0fda2f 100644
--- a/redesign/forum.nim
+++ b/redesign/forum.nim
@@ -34,10 +34,11 @@ proc genHeader(): VNode =
         section(class="navbar-section"):
           tdiv(class="input-group input-inline"):
             input(class="search-input input-sm", `type`="text", placeholder="search")
-          button(class="btn btn-primary btn-sm"):
-            italic(class="fas fa-user-plus")
-            text " Sign up"
-          a(href="#login-modal"):
+          a(href="#signup-modal", id="signup-btn"):
+            button(class="btn btn-primary btn-sm"):
+              italic(class="fas fa-user-plus")
+              text " Sign up"
+          a(href="#login-modal", id="login-btn"):
             button(class="btn btn-primary btn-sm"):
               italic(class="fas fa-sign-in-alt")
               text " Log in"
@@ -66,8 +67,38 @@ proc genHeader(): VNode =
         tdiv(class="modal-footer"):
           button(class="btn btn-primary"):
             text "Log in"
-          button(class="btn"):
+          a(href="#signup-modal"):
+            button(class="btn"):
+              text "Create account"
+
+    tdiv(class="modal", id="signup-modal"):
+      a(href="#", class="modal-overlay", "aria-label"="close")
+      tdiv(class="modal-container"):
+        tdiv(class="modal-header"):
+          a(href="#", class="btn btn-clear float-right", "aria-label"="close")
+          tdiv(class="modal-title h5"):
+            text "Create a new account"
+        tdiv(class="modal-body"):
+          tdiv(class="content"):
+            form():
+              tdiv(class="form-group"):
+                label(class="form-label", `for`="email"):
+                  text "Email"
+                input(class="form-input", `type`="text", id="email")
+              tdiv(class="form-group"):
+                label(class="form-label", `for`="username"):
+                  text "Username"
+                input(class="form-input", `type`="text", id="username")
+              tdiv(class="form-group"):
+                label(class="form-label", `for`="password"):
+                  text "Password"
+                input(class="form-input", `type`="password", id="password")
+        tdiv(class="modal-footer"):
+          button(class="btn btn-primary"):
             text "Create account"
+          a(href="#login-modal"):
+            button(class="btn"):
+              text "Log in"
 
 
 const appName = "/karax"