This project is a clean and responsive student login and signup form built using HTML, CSS, and Bootstrap. The form is designed with floating labels, password visibility toggle, and an intuitive user interface.
- Responsive Design: The layout is fully responsive and adapts to different screen sizes, ensuring a seamless experience on mobile, tablet, and desktop devices.
- Floating Labels: Input labels float above the field when focused or filled, providing a clean and modern user experience.
- Password Toggle: Users can easily toggle the visibility of their passwords using a built-in eye icon.
- Login and Signup Forms: Separate forms are available for students to log in or sign up.
- New User Redirect: The login form includes a link for new users to quickly navigate to the signup form.
To use this project, clone the repository and open the forgot.html file in your web browser.
- A modern web browser (e.g., Chrome, Firefox, Safari, Edge)
- Basic understanding of HTML and CSS
- Login: Existing students can log in by entering their University Seat Number (USN) and password. The password field includes an eye icon to toggle visibility.
- Signup: New students can register by providing their USN, name, and other necessary details. The form features floating labels for a user-friendly experience.
To toggle the password visibility, click the eye icon located in the password field. This allows you to switch between showing and hiding your password.
Contributions are welcome! Feel free to submit issues or pull requests if you have ideas for improvements or additional features.
- Bootstrap for the responsive design framework.
- Font Awesome for providing the icons used in the password fields.
If you find this project helpful or interesting, please consider starring the repository on GitHub!
Thank you for using this student login and signup form. We hope it enhances your user authentication process!


