Welcome back guys, here is custom made login template for your web app, on this tutorial am going to show you guys how to design login page, our output is simply going to look like this.
So, let start making our login page, first let create an empty file, name it login.html
Secondly add below code to our login.html file we just created earlier
So, i guess is not that hard for you to ride along...
Thirdly let create all our css classes, and tag identifiers open another empty page and save it as style.css, copy below css code to it and save.
Our container class hold the content of our whole login code and that is where we defined our width: 500px; and margin-top: 200px.
Our background image could be download from here
using css tag identifier we called up our body and set some property and attribute to make our background
Then, the login button was tweaked with css to gain that nice attractive looking, below is the css code for login button, sure you can tweak it around.
Click demo to see the final out and download for your next web app... see you yeah