diff --git a/static/confirmation.css b/static/confirmation.css
new file mode 100644
index 0000000..72da6ed
--- /dev/null
+++ b/static/confirmation.css
@@ -0,0 +1,5 @@
+input[type=number]::-webkit-inner-spin-button, 
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
\ No newline at end of file
diff --git a/static/confirmation.html b/static/confirmation.html
new file mode 100644
index 0000000..0c87b26
--- /dev/null
+++ b/static/confirmation.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>UTSA Placeholders</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <link href="./confirmation.css" rel="stylesheet">
+  </head>
+  <body>
+    <form>
+        <div class="mb-3">
+            Check your email for a 6 digit code and enter it below.
+        </div>
+
+        <div>
+            <input for="">
+        </div>
+    </form>
+  </body>
+</html>
\ No newline at end of file
diff --git a/static/forgotpassword.css b/static/forgotpassword.css
new file mode 100644
index 0000000..e69de29
diff --git a/static/forgotpassword.html b/static/forgotpassword.html
new file mode 100644
index 0000000..cf8c163
--- /dev/null
+++ b/static/forgotpassword.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>UTSA Placeholders</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <link href="./forgotpassword.css" rel="stylesheet">
+  </head>
+  <body>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/static/login.css b/static/login.css
new file mode 100644
index 0000000..8409690
--- /dev/null
+++ b/static/login.css
@@ -0,0 +1,51 @@
+:root {
+    --utsa-orange: #f15a22;
+    --utsa-blue: #0c2340;
+}
+
+html {
+    background-color: var(--utsa-orange);
+}
+
+#lform {
+    border-radius: 10px;
+    border: solid var(--utsa-orange) 2px;
+    margin: 100px;
+    padding: 30px;
+    background-color: white;
+}
+
+#formbg {
+    background-color: var(--utsa-orange);
+}
+
+#h3bg {
+    background-color: var(--utsa-blue);
+}
+
+h3 {
+    border-radius: 10px;
+    padding: 20px;
+    margin: 10px;
+    background-color: var(--utsa-blue);
+    color: var(--utsa-orange);
+    font-size: 40px;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.form-label {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.form-control {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.form-text {
+    padding: 3px;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.loginlinks {
+    font-size: 12px;
+}
\ No newline at end of file
diff --git a/static/login.html b/static/login.html
index 199609a..69679e1 100644
--- a/static/login.html
+++ b/static/login.html
@@ -7,12 +7,12 @@
     <title>UTSA Placeholders</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <link href="./login.css" rel="stylesheet">
   </head>
   <body>
-    <br>
-    <div class="d-flex justify-content-center"><h3>Login</h3></div>
-    <div class="d-flex p-2 justify-content-center align-items-center">
-    <form method = "post">
+    <div id="h3bg" class="d-flex justify-content-center"><h3>Login</h3></div>
+    <div id="formbg" class="d-flex p-2 justify-content-center align-items-center">
+    <form id="lform" method = "post">
       <div class="mb-3">
         <label for="exampleInputEmail1" class="form-label">Email address</label>
         <input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp">
@@ -22,14 +22,17 @@
         <label for="exampleInputPassword1" class="form-label">Password</label>
         <input type="password" name="password" class="form-control" id="password">
       </div>
+      <div class="loginlinks" class="fs-6">
+        <a href="./forgotpassword.html">Forgot Password?</a>
+      </div>
+      <div class="loginlinks" class="fs-6">
+        Don't have an account? Register <a href="./register.html">here</a>.
+      </div>
       <div class="mb-3 form-check">
         <input type="checkbox" class="form-check-input" id="exampleCheck1" onclick="showPass()">
         <label class="form-check-label" for="exampleCheck1">Show Password</label>
       </div>
       <input type="submit" class="btn btn-primary" value="Submit">
-      <div class="fs-6">
-        Don't have an account? Register <a href="register.html">here</a>.
-      </div>
     </form>
     </div>
     <script src="register.js"></script>
diff --git a/static/register.html b/static/register.html
index 2a566b3..2dd9030 100644
--- a/static/register.html
+++ b/static/register.html
@@ -12,7 +12,7 @@
   <body>
     <div id="h3bg" class="d-flex justify-content-center"><h3 id="r">Registration</h3></div>
     <div id="formbg" class="d-flex p-2 justify-content-center align-items-center">
-      <form id="rform" method="post">
+      <form id="rform" method="post" action="./confirmation.html">
         <div class="mb-3">
           <label for="email" class="form-label">Email address</label>
           <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp" pattern="^[^\s@]+@my\.utsa\.edu$" oninput="emailCheck()" required>
@@ -35,7 +35,7 @@
         </small>
         <br><br>
 
-        <input id="submit" type="submit" class="btn btn-primary" value="Submit">
+        <input id="submit" type="submit" class="btn btn-primary" value="Submit"></a>
       </form>
     </div>
     <script src="register.js"></script>
