-
Notifications
You must be signed in to change notification settings - Fork 0
/
reset-password.html
100 lines (100 loc) · 2.9 KB
/
reset-password.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<title>Reset password Page</title>
<style>
.forgot-pswd {
width: 100%;
height: 100%;
margin: 0 auto;
font-family: Tahoma, Geneva, sans-serif;
background-image: url("graph1.png");
background-size: cover;
background-repeat:no-repeat ;
background-position: center center;
background-attachment: fixed;
}
.forgot-pswd h1 {
text-align: center;
color:white;
font-size: 30px;
padding: 20px 0 20px 0;
}
.forgot-pswd input[type="password"],
.forgot-pswd input[type="text"],
.forgot-pswd input[type="email"] {
width: 100%;
padding: 13px;
border: 1px solid #dddddd;
margin-bottom: 15px;
box-sizing:border-box;
}
.forgot-pswd input[type="submit"] {
width: 100%;
padding: 13px;
background-color: #cc0066;
border: 0;
box-sizing: border-box;
cursor: pointer;
font-weight: bolder;
color: #ffffff;
}
p{
text-align: center;
}
nav{
background-color: #cc0066;
color:#fff;
padding: 20px 40px;
display: flex;
justify-content: space-between;
height: 10%;
}
nav ul{
display: flex;
justify-content: space-around;
align-items: center;
}
nav li{
list-style: none;
}
nav li a{
color :#fff;
text-decoration: none;
font-weight: bold;
padding: 5px 8px;
}
nav li a:hover{
background-color: #ff80b3;
color:black;
text-decoration: none;
}
</style>
</head>
<body class="forgot-pswd" style="background: url('graph1.jpg');">
<nav>
<h4><img src="logo" height="50px" width="50px"></img>Graph Generator</h4>
<ul>
<li><a href="/login">Login</a></li>
<li><a href="/">Register</a></li>
</ul>
</nav>
<div class="card" style="width: 500px;height: 50%;margin-left: 30%;margin-top: 5%;background-color:#ffe6f0;">
<div class="card-header" style="background-color:#cc0066;"><h1>Reset Password</h1></div>
<div class="card-body">
<form action="update-password" method="POST">
<input type="text" name="otp" placeholder="OTP" required>
<input type="password" name="password" placeholder="Password" required>
<input type="password" name="cpassword" placeholder="Confirm Password" required>
<p></p>
<input type="submit" value="RESET PASSWORD">
</form>
</div>
</div>
</body>
</html>