Rio Dwi Prabowo avatar

Flat login and register web template

riyo.s94

Published: 09 Jan 2018 › Updated: 09 Jan 2018Flat login and register web template

Flat login and register web template

In this moment I will share my web template for login and register form with modal/popup. This web template made with html and pure css for styling and jquery for trigger the popup with font awesome as icon template. The theme of this template inspired by flat style.
Here are the form designs:
Basic base web template

Login form template

Register form template

Filled form

As we can see it will have an effect when the input fields are highlighted the border color will be changed to show the active input fields.

File Structure

File structure for this template just using one html and there are 3 assets for styling. Here is the file structure:
HTML

  • index.html - Main page
    CSS
  • main.css - Main stylesheet
  • font-awesome.css - Main icon
    JS
  • jquery.min.js - Main js file
    FONTS
  • FontAwesome .otf
  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf

Demo

For the full experience you can visit this link: https://riyos94.github.io/flat-login-register-template/

Proof of work

Github repository: riyos94
Github proof:

Thank you



Posted on Utopian.io - Rewarding Open Source Contributors

Leave Flat login and register web template to:

Written by

Read more #utopian-io posts


Best Posts From Rio Dwi Prabowo

We have not curated any of riyo.s94's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From Rio Dwi Prabowo