Student Login Page | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson

Student Login Page

Can you help me to create login page for students?

16th Mar 2021, 1:35 AM
Personal Home Page
3 Answers
+ 4
Can you please add your coding attempt in this section?
16th Mar 2021, 3:41 AM
axita - avatar
where is your coding attempt? we cannot help without seeing what you've tried so far...
16th Mar 2021, 1:44 AM
visph - avatar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; background-color: #e2e0e0; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; height: 100vh; } .login-container { background-color: #f0eded; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; /* Center the content inside the container */ } .logo { max-width: 100px; /* Set the maximum width of the logo */ margin-bottom: 20px; /* Add some space between the logo and the form */ } label { display: block; margin-bottom: 8px; } input { width: 100%; padding: 8px; margin-bottom: 16px; box-sizing: border-box; } .show-password-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } button { background-color: #333; color: #fff; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } #show-password { margin-left: 10px; } </style> </head> <body> <div class="login-container"> <h2>Staff Login</h2> <form> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <label for="password">Password:</label> <div class="show-password-container"><br> <input type="password" id="password" name="password" required> <input type="checkbox" id="show-password"> <la
30th Jan 2024, 8:54 AM
Daniel Kibicho
Daniel Kibicho - avatar