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
https://res.cloudinary.com/hpiynhbhq/image/upload/v1515463860/gnaupa1sdpqyhvcfpj2k.png
Login form template
https://res.cloudinary.com/hpiynhbhq/image/upload/v1515463894/qlog1eedkmje1i2feznh.png
Register form template
https://res.cloudinary.com/hpiynhbhq/image/upload/v1515463982/r3smwtwkwqmulguxhxdf.png
Filled form
https://res.cloudinary.com/hpiynhbhq/image/upload/v1515464025/fmqbf4podavbrado8as2.png
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:
https://res.cloudinary.com/hpiynhbhq/image/upload/v1515464997/ngrtaewzsqzsvbj2yhxl.png
Thank you