diff --git a/pages/index.html b/pages/index.html
new file mode 100644
index 0000000..c2e6ced
--- /dev/null
+++ b/pages/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <header></header>
+    <main>
+      <div class="content">
+        <h1>UWP Community Verification Process</h1>
+        <p style="display: inline;">Enter University Email:</p>
+        <form method="post">
+          <label for="email">Email:</label>
+          <input type="text" name="email" id="email">
+          <button type="submit">Send Code</button>
+        </form>
+      </div>
+    </main>
+    <footer></footer>
+  </body>
+
+  <style>
+    .content {
+      position: relative;
+      text-align: center;
+      top: 30vh;
+      font-size: 30px;
+    } 
+
+    .content h1 {
+      color: orange;
+    }
+
+    input {
+      padding: 5px;
+      width: 300px;
+    }
+
+  </style>
+</html>
diff --git a/pages/otp.html b/pages/otp.html
new file mode 100644
index 0000000..3c33c4d
--- /dev/null
+++ b/pages/otp.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <header></header>
+    <main>
+    <p>Verify your OTP here</p>
+    <form method="post">
+      <label for="emailVerif">Email:</label>
+      <input type="text" name="verifEmail" id="email">
+      <label for="email">OTP Code:</label>
+      <input type="number" name="verifOtp" id="otp">
+      <button type="submit">Submit</button>
+    </form>
+    </main>
+    <footer></footer>
+  </body>
+</html>
diff --git a/pages/verify.html b/pages/verify.html
new file mode 100644
index 0000000..4af7662
--- /dev/null
+++ b/pages/verify.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <header></header>
+    <main></main>
+    <footer></footer>
+  </body>
+</html>
