diff --git a/src/pages/reset_password.html b/src/pages/reset_password.html
index 7b578be..457f96a 100644
--- a/src/pages/reset_password.html
+++ b/src/pages/reset_password.html
@@ -8,5 +8,34 @@
 <link rel="stylesheet" href="static/style.css" />
 <link rel="stylesheet" href="static/error/error.css" />
 <link rel="stylesheet" href="static/card.css" />
+<link rel="stylesheet" href="static/reset_password.css" />
 
 <img id="logo_image" alt="logo" src="/logo" />
+
+<div id="reset_password_card" class="card static_center">
+    <div>
+        <div>Welcome {{.Name}}</div>
+        <div class="subtext">
+            Your password needs to be reset, please enter your new password
+            below
+        </div>
+    </div>
+
+    <div>
+        <label class="input_label">New password</label><br />
+        <div class="password_box">
+            <input type="password" name="password" placeholder="" required />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
+    </div>
+
+    <div>
+        <label class="input_label">New password (repeated)</label><br />
+        <div class="password_box">
+            <input type="password" name="password" placeholder="" required />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
+    </div>
+
+    <button>Reset Password</button>
+</div>
diff --git a/static/reset_password.css b/static/reset_password.css
new file mode 100644
index 0000000..24959d8
--- /dev/null
+++ b/static/reset_password.css
@@ -0,0 +1,7 @@
+#reset_password_card {
+    width: 350px;
+}
+
+#reset_password_card input {
+    width: 324px;
+}