Bootstrap Modal Registration Forms: 2 Free Templates

Published on: Jul 25 2015 by Anli

Bootstrap Modal Registration Forms: 2 Free Templates

Today’s freebie is a package of modal Bootstrap registration forms containing 2 different templates to integrate in your projects or just to learn from them.

From the Bootstrap documentation:

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

To create these modal forms I used these other forms published a few days ago, took a quick look to the documentation link above and made some customizations to create this package that you can download below.

These 2 templates include: a light modal registration form and a dark modal registration form. They can be used for example, in a website to give users the possibility to sign up without leaving the page.

Take a look below for the full list of features, the live preview link and the download link.

Other Bootstrap forms you might like:

Bootstrap Registration Forms: 3 Free Responsive Templates
Multi Step Registration Form with Bootstrap, CSS3, jQuery

Features

  • Responsive Layout (Bootstrap framework)
  • 2 Different Form Templates
  • Fullscreen Background (Images Slider also available)
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)

The 2 Templates

Template 1: Light Modal Registration Form

Light Bootstrap Modal Registration Form

Template 2: Dark Modal Registration Form

Dark Bootstrap Modal Registration Form

How To Use The Templates

Download the zip package below and extract it. You’ll see that each form template is in its own folder (named “form-1”, “form-2”) with all the needed files.

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). When you change the logo, make sure you create also the “@2x” version (double size image) for Retina devices (iPhone, iPad).

Demo, Download and License

VIEW DEMO

DOWNLOAD: Bootstrap Modal Registration Forms: 2 Free Templates (17386 downloads )

LICENSE:

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

Want More?

If you like the form templates above and want more layouts, color schemes and features along with free support and free updates, you should take a look at the premium template Marco:

Marco: Bootstrap Multi-purpose Landing Page

Marco: Bootstrap Multi-purpose Landing Page

2 Comments So Far

  1. Asif Rehman says:

    nice one…
    is it possible to launch modal window from server side in bootstrap?

  2. Kumar says:

    bro its amazing and cool
    I am using this form for my project.

Leave a Reply to Kumar

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