This Login Portal is uniquely designed with a modal layout that opens as the pop-up on the screen by the click of the login button. You can customize it as per your website theme color and fonts with very ease. This Login portal design also featured with social medial login along with the Email and password field. We have designed the modal into 2 sections as with the Image background on the left side and login action components on the right side. Get your fully mobile-friendly HTML, CSS login template for free.
Version 2.0 needs no framework and loads nothing from outside: the image slider is a small dependency-free script with the same slide and timing, now with swipe and arrow keys, and the fonts and icons ship inside the download. The sign-in form works (validation, show/hide password, remember me), and the package adds a register page (register.html), a forgot-password page (forgot-password.html), a terms page (terms.html) and two ready-to-send HTML emails: welcome (email-welcome.html) and password reset (email-password-reset.html).
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
What’s new
v2.0Sep 2026
A working sign-in form: email and password are checked, a show/hide button on the password, "Remember Me" keeps the email in this browser, and a valid sign-in shows a welcome panel in the form's place.
register.html: full name, email, a password with a strength bar and a confirm field that must match, and a terms checkbox.
forgot-password.html: request a reset link, with a check-your-inbox confirmation.
terms.html: placeholder terms and privacy text naming what the forms collect, ready for your own wording.
Two ready-to-send HTML emails: email-welcome.html (after registering) and email-password-reset.html. Table-based and inline-styled for Gmail, Outlook and Apple Mail; no images to upload.
Connect the forms to your server: add data-endpoint="https://your-site.com/api/…" and they are POSTed there. Without it they run as a demo (each shows a "Demo only" line; delete those lines when you go live). Details at the top of js/main.js.
No framework and nothing loaded from outside: v1 fetched a CSS framework, two script libraries and a web font from four CDNs, plus a whole icon font for two icons. The few framework rules the page used ship in css/bs4-core.css; the slider is a small dependency-free script with the same motion (a 0.6s slide every 5 seconds, pausing on hover), plus swipe and arrow keys; the two icons are inline SVG; Lato ships inside the widget.
The third slide showed a third-party logo; it is replaced by a brand-free photo.
"forgot password?" and "Register here" had empty links that reloaded the page; they lead to the new pages.
The form had no handler and did nothing.
The grey backdrop stopped at 750px, leaving a white band on taller screens; it fills the screen now.
On very wide screens the credit line sat beside the card instead of under it.
"LOG IN" is a real heading; each page has its own title and meta description, and the copyright year updates itself.
Three catalogue screenshots that were packed into the download by mistake are no longer included.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Reviews
No reviews yet — be the first to review this template.
