Upload login.html
Browse files- login.html +21 -0
login.html
CHANGED
|
@@ -147,6 +147,23 @@
|
|
| 147 |
}
|
| 148 |
.toggle-password:hover { color: #fff; }
|
| 149 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 150 |
/* --- MAIN BUTTON --- */
|
| 151 |
.login-btn {
|
| 152 |
width: 100%;
|
|
@@ -274,6 +291,10 @@
|
|
| 274 |
<i class="fa-regular fa-eye toggle-password" id="togglePassword"></i>
|
| 275 |
</div>
|
| 276 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 277 |
<button type="submit" class="login-btn" id="loginBtn">Log In</button>
|
| 278 |
</form>
|
| 279 |
|
|
|
|
| 147 |
}
|
| 148 |
.toggle-password:hover { color: #fff; }
|
| 149 |
|
| 150 |
+
/* --- FORGOT PASSWORD LINK --- */
|
| 151 |
+
.forgot-pass {
|
| 152 |
+
text-align: right;
|
| 153 |
+
margin-top: -10px; /* Pull closer to input */
|
| 154 |
+
margin-bottom: 20px;
|
| 155 |
+
font-size: 13px;
|
| 156 |
+
}
|
| 157 |
+
.forgot-pass a {
|
| 158 |
+
color: rgba(255, 255, 255, 0.7);
|
| 159 |
+
text-decoration: none;
|
| 160 |
+
transition: color 0.3s ease;
|
| 161 |
+
}
|
| 162 |
+
.forgot-pass a:hover {
|
| 163 |
+
color: #fff;
|
| 164 |
+
text-decoration: underline;
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
/* --- MAIN BUTTON --- */
|
| 168 |
.login-btn {
|
| 169 |
width: 100%;
|
|
|
|
| 291 |
<i class="fa-regular fa-eye toggle-password" id="togglePassword"></i>
|
| 292 |
</div>
|
| 293 |
|
| 294 |
+
<div class="forgot-pass">
|
| 295 |
+
<a href="forget.html">Forgot Password?</a>
|
| 296 |
+
</div>
|
| 297 |
+
|
| 298 |
<button type="submit" class="login-btn" id="loginBtn">Log In</button>
|
| 299 |
</form>
|
| 300 |
|