| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Login - DevNoms Chat App</title> |
| <link rel="stylesheet" href="./css/color.css"> |
| <link rel="stylesheet" href="./css/base.css"> |
| <link rel="stylesheet" href="./css/login.css"> |
| <script src="./js/login.js" defer></script> |
| </head> |
|
|
| <body> |
|
|
| <div class="main_box"> |
| <div class="login-box"> |
| <div class="logo"> |
| <img src="./img/logo.png" alt="DevNoms Logo" /> |
| </div> |
| <h2>Welcome Back</h2> |
| <form id="login-form" action="/login" method="POST"> |
| |
| <div class="form-group"> |
| <label for="email">Email</label> |
| <div class="input-group"> |
| <input type="text" name="email" id="email" placeholder="Enter your email" /> |
| </div> |
| <div class="error-message" id="email-error"></div> |
| </div> |
|
|
| |
| <div class="form-group"> |
| <label for="password">Password</label> |
| <div class="input-group"> |
| <input type="password" name="password" id="password" placeholder="Enter your password" /> |
| <span id="toggle-password" class="eye-icon" onclick="togglePasswordVisibility()"> |
| <img src="./img/icon/icons8-eye-48.png" alt="Toggle Password Visibility" /> |
| </span> |
| </div> |
| <div class="error-message" id="password-error"></div> |
| </div> |
|
|
| |
| |
| |
| |
| |
|
|
| |
| <div class="login-btn"> |
| <button type="submit" id="login-btn"> |
| Login |
| </button> |
| </div> |
|
|
| |
| <div class="forgot-password"> |
| <a href="/forgot-password">Forgot Password?</a> |
| </div> |
|
|
| |
| <div class="register-link"> |
| <p>Don't have an account? <a href="/signup">Sign Up</a></p> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
|
|
|
|
| </body> |
|
|
| </html> |