Merge pull request #19 from kumkum671/feature

Ceated change password page
joisemp · Apr 4, 2024 · 94ddf9a · 94ddf9a
2 parents 62271d1 + ad81b0c
commit 94ddf9a
Show file tree

Hide file tree

Showing 3 changed files with 87 additions and 0 deletions.
diff --git a/Designs/change_password/asset/style.css b/Designs/change_password/asset/style.css
@@ -0,0 +1,20 @@
+.container .card {
+  margin: 3rem auto;
+  max-width: 400px;
+  background-color: #f7f7f7;
+  padding: 1rem;
+}
+.container .card h2 {
+  text-align: center;
+  font-weight: 700;
+}
+.container .card p {
+  text-align: center;
+}
+.container .card .form-label {
+  font-weight: 400;
+}
+.container .card .reset-password .btn {
+  width: 100%;
+  border-radius: 29px;
+}/*# sourceMappingURL=style.css.map */
diff --git a/Designs/change_password/asset/style.scss b/Designs/change_password/asset/style.scss
@@ -0,0 +1,26 @@
+.container{
+
+    .card{
+        margin:3rem auto;
+        max-width: 400px;
+        background-color: #f7f7f7;
+        padding:1rem;
+        h2{
+            text-align: center;
+            font-weight: 700;
+        }
+        p{
+            text-align: center;
+        }
+        .form-label{
+            font-weight: 400;
+        }
+
+        .reset-password{
+            .btn{
+                width: 100%;
+                border-radius: 29px;
+            }
+    }
+}
+}
diff --git a/Designs/change_password/change_password.html b/Designs/change_password/change_password.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>create-password</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link rel="stylesheet" href="./asset/style.css"/>
+</head>
+
+<body>
+    <div class="container">
+        <div class="card">
+            <h2>Change Password</h2>
+            <p>Change your password</p>
+            <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label" id="font">Old Password</label>
+                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="">
+            </div>
+            <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label" id="font">New password</label>
+                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="">
+            </div>
+            <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label" id="font">Confirm new password</label>
+                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="">
+            </div>
+            <div class="reset-password">
+                <button class="btn btn-primary" type="button">Reset password</button>
+            </div>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"></script>
+</body>
+
+</html>