first commitv0.0.1

1 files changed, 106 insertions, 0 deletions

diff --git a/src/views/Register.vue b/src/views/Register.vue
new file mode 100644
index 0000000..b96a0d1
--- /dev/null
+++ b/src/views/Register.vue
@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { RouterLink } from 'vue-router'
+</script>
+
+<template>
+  <div id="signin-form" class="mx-auto mt-5">
+    <ul class="nav nav-pills nav-justified mb-3" id="ex1" role="tablist">
+      <li class="nav-item" role="presentation">
+        <RouterLink
+          class="nav-link"
+          id="tab-login"
+          data-mdb-toggle="pill"
+          to="/login"
+          role="tab"
+          aria-controls="pills-login"
+          aria-selected="true"
+          >Login</RouterLink
+        >
+      </li>
+      <li class="nav-item" role="presentation">
+        <RouterLink
+          class="nav-link active"
+          id="tab-register"
+          data-mdb-toggle="pill"
+          to="/register"
+          role="tab"
+          aria-controls="pills-register"
+          aria-selected="false"
+          >Register</RouterLink
+        >
+      </li>
+    </ul>
+
+    <div>
+      <form>
+        <div class="form-floating mb-4">
+          <input
+            id="login-username-input"
+            type="text"
+            class="form-control"
+            placeholder=""
+          />
+          <label for="login-username-input">Username</label>
+        </div>
+
+        <div class="form-floating mb-4">
+          <input
+            id="login-email-input"
+            type="text"
+            class="form-control"
+            placeholder=""
+          />
+          <label for="login-email-input">E-Mail</label>
+        </div>
+
+        <div class="form-floating mb-4">
+          <input
+            id="login-password-input"
+            type="password"
+            class="form-control"
+            placeholder=""
+          />
+          <label for="login-password-input">Password</label>
+        </div>
+
+        <div class="form-floating mb-4">
+          <input
+            id="login-password-confirm-input"
+            type="password"
+            class="form-control"
+            placeholder=""
+          />
+          <label for="login-password-confirm-input">Confirm Password</label>
+        </div>
+
+        <!--
+      <div class="row mb-4">
+        <div class="col-md-6 d-flex justify-content-center">
+          <div class="form-check mb-3 mb-md-0">
+            <input class="form-check-input" type="checkbox" value="" id="loginCheck" checked />
+            <label class="form-check-label" for="loginCheck"> Remember me </label>
+          </div>
+        </div>
+
+        <div class="col-md-6 d-flex justify-content-center">
+          <a href="#!">Forgot password?</a>
+        </div>
+      </div>
+      -->
+
+        <button type="submit" class="btn btn-primary btn-block mb-4">Create Account</button>
+
+        <div class="text-center">
+          <p>Already have an account? <RouterLink to="/login">Sign In</RouterLink></p>
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
+
+<style>
+#signin-form {
+  max-width: 30rem;
+  width: 100%;
+}
+</style>