aboutsummaryrefslogtreecommitdiff
path: root/src/views/Register.vue
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2023-10-04 20:31:21 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2023-10-04 20:31:21 +0530
commit92fb85b8afaacc4a8b5dbb41eea2d0e35eeb6862 (patch)
tree1b7bd25a29d0751f3efbd5e1125a1b079a31045c /src/views/Register.vue
first commitv0.0.1
Diffstat (limited to 'src/views/Register.vue')
-rw-r--r--src/views/Register.vue106
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>