Bootstrap Login and Register Forms in One Page with Hide/Show Effect

Published on: Jul 19 2016 by Anli

Bootstrap Login Register Forms

Hi everybody! It’s been a few weeks since my last post here and today I’m going to share with you another free Bootstrap template, a login and a registration form in the same page.

I’ve already published similar templates in the past, but this one is slightly different as its main feature is the ability to hide and show the forms, so your users can choose between the two with just a click.

Some other features are: fullscreen background, Font Awesome icons and a simple jQuery form validation. So, download the free template below and go build your awesome “sign in” / “sign up” page.

Features

  • Responsive Layout (Bootstrap framework)
  • Fullscreen Background (Images Slider also available)
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)
  • Font Awesome icons
  • “Login with Facebook, Twitter, Google Plus” buttons

The 2 Forms

Registration Form

Bootstrap Register Form

Login Form

Bootstrap Login Form

How To Use The Template

Download the zip package below and extract it.

Use the “index.html” file to modify the HTML code. The style can be changed from the CSS files in the “css” folder (assets/css).

In the templates I have also used some Javascript (jQuery) for the form validation and the fullscreen background. You can find this code in the “scripts.js” file (assets/js).

The images are located in the “img” folder (assets/img). The favicon and the Apple touch icons are in the “ico” folder (assets/ico).

Demo, Download and License

VIEW DEMO

DOWNLOAD: Bootstrap Login and Register Forms (23468 downloads )

LICENSE:

You can use this login and registration form template in personal and commercial projects, but you can’t sell or distribute it directly, “as is”. If you plan to use it, a link to this page or any form of spreading the word will be much appreciated.

Want More Forms?

Try Marco. It comes with 30+ forms:

Marco Template: Login Forms

Marco Template: Registration Forms

Filed under: Templates

One Comment So Far

  1. Cosmos says:

    Hello! Very nice template! I have a question :
    I use it with php and I want different result when someone click the submit registration form and other for login form. Unfortunatelly when I click submit on Login form it returns on Register form. How can this change?
    Regards,
    C.

Leave a Reply

To learn how we use your data when you comment, read our Privacy Policy here.