Add files via upload

blaxkspace · Mar 26, 2022 · c3f8ceb · c3f8ceb
1 parent 5317b31
commit c3f8ceb
Show file tree

Hide file tree

Showing 3 changed files with 133 additions and 0 deletions.
diff --git a/frgtpswd.html b/frgtpswd.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="style.css">
+    <title>Login Page</title>
+</head>
+<body>
+<br><br><br><br>
+    <div class="card">
+        <h1> Password Reset </h1> 
+        <form method="post">
+            <label for="loginID">Old PIN<br></label>
+            <input type="password" id="loginID" name="oldpwd" required>
+            <label for="loginID"><br>New PIN<br></label>
+            <input type="password" id="loginID" name="oldpwd" required>
+            <label for="pswd"><br><br>Re-enter new PIN<br></label>
+            <input type="password" id="pswd" name="newpwd" required> <br>
+            <a href="index.html" class="fpin"><strong>Go Back</strong></a>
+            <input type="submit" class="button1" value="      Enter">
+        </form>
+    </div>
+
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="style.css">
+    <title>Login Page</title>
+</head>
+<body>
+<br><br><br><br>
+    <div class="card">
+        <h1> Login </h1> 
+        <form method="post">
+            <label for="loginID"><br>ID<br></label>
+            <input type="text" id="loginID" name="loginID" required>
+            <label for="pswd"><br><br>PIN<br></label>
+            <input type="password" id="pswd" name="pswd" required> <br>
+            <a href="frgtpswd.html" class="fpin"><strong>Change PIN</strong></a>
+            <input type="submit" class="button1" value="      Enter">
+        </form>
+    </div>
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,85 @@
+*
+{
+    box-sizing: border-box;
+}
+
+body
+{
+    background-color: whitesmoke;
+    text-align:center;
+    justify-content: center;
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    font-size:medium;
+    color: gray;
+}
+
+h1
+{
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+input
+{   padding: 6px 6px;
+    margin: 7px;
+    border: 1px;
+    border-color: white;
+    border-radius: 4px;
+}
+
+.button1
+{
+    background-color: gray;
+    border-radius: 10px;
+    color: #e6e6e6;
+    padding: 10px 10px;
+    text-align: right;
+}
+
+.button1:hover
+{
+    background-color: black;
+    color: white;
+    cursor: pointer;
+}
+
+.button1:active
+{
+    background-color: brown;
+    color: aquamarine;
+    font-size: medium;
+    text-decoration: solid;
+}
+
+.fpin
+{
+    font-size: small;
+    text-decoration: none;
+    color: gray;
+
+}
+
+.fpin:hover
+{
+    text-decoration:underline;
+    color: gray;
+}
+
+.fpin:active
+{
+    font-size: medium;
+    text-decoration: none;
+    color: black;
+
+}
+
+.card
+{   
+    display:inline-block;
+    justify-content: center;
+    background-color: #d9d9d9 ;
+    border-radius: 10px;
+    padding: 2px 16px;
+    width: 300px;
+    height: 350px;
+}
+