Goal

You will be told to make a simple Login form using basic elements. You may use the following code to design a form.

Task

• The above video covers the basics of CSS (no animations)

• In the comments there is a pinned comment having the timestamps of the topics covered

• In the time stamp 1 hr 6 mins. He will discuss the pseudo elements. He has only covered the basic syntax there are more pseudo elements which you may read about in this link → (link)

• We also encourage to read about pseudo classes. The link about the list → (link)

• We want you to use the following two pseudo classes on button and input box element of the weekly submission. You may use any one according to your requirements but at least use these two.
  • :hover
  • :active

Submission

• Create a login form which looks like the following image.

  

• We want you to use the :hover element to color the submit button when the mouse is hovering over it

  

• Similarly you may add more inputs and elements and style them after deploying the page on GitHub.

• You can download the following file and change it by adding more elements to it like Date Of Birth, Address element, Change the background, color theme, etc,

• Check some resources on the internet for the respective tags

• Add some styling to these elements