Design a Modern Login Form In Pure CSS
hello everyone, In this article we are going to create a cool and effective login form for a professional website.
lets get to it ,for this first you need to go to your editior and create a “INDEX.HTML” file and work on it.
in “INDEX.HTML” file
first link the “STYLE.CSS” file .
After that in body tag,Add form tag for creating the form for web page.
In “FORM ” tag start from header tag . and give the header log in.
then give the label tag and write username.
Afterall this process now open the input tag.
in it add a “DIV” tag and give the class help.
add label tag for password.
After completing the “INDEX.HTML” file procedure lets work on CSS file and make it look extonishing.
start from html body tag and style the whole body of html tag.
After that open body tag and give it the backgroud style it further.
now start a styling on “FORM” tag .
and give the background color,border and apply some other functions
After all this process
now start styling the font label.
after that style the font label span.
first of all give the color. and font size which in 2 emphasize.
now type the form help and curly braces.
and and work on its styling and give it some attractive look,
After that lets work on button. and give it some styling like want the look like.
we can also give the video link below .To understand it better for those viewers and reader who have no time to read the article THANKYOU.
How to Download
if you already subscribe our channel then you also need to the click step 1 & step 2 its automatically verify you.