Login Page V01

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A full-page sign-in for a made-up hiking route planner, with the form on the left and a tall mountain photo on the right. The photo carries a customer quote and a small stat pill, and collapses to a short banner above the form on phones. The form has two social buttons, email and password with a show/hide toggle, and a keep-me-signed-in option.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 377 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Show/hide password toggle with aria-pressed and a fixed accessible name
• Errors appear only after a field is left or the form is submitted
• autocomplete username and current-password for password managers
• Polite status message for errors and demo social buttons
• Photo panel turns into a banner on small screens
• Success state takes focus and offers a sign-out reset