Main screen with login and registration pages
This is a template of a main screen with login and registration pages, designed using CSS, HTML, and Bootstrap framework 4. The form consists of three cards. The images are imported to the code with their URLs. The body of the form is given a background color of #81D4FA. The information cards are given a box-shadow style of 0px 8px 16px 0px #1976D2. The 'Login" buttons are given a background color of #F9A825, which turns to #F57F17 on hover. The 'Register' button on the first page is given a border style of 2px solid #F9A825, font color of #F9A825, background color as transparent, which turns its background color to #F57F17, on hover. The input text fields are given a font-size as 16px, border-bottom style as 1px solid lightgrey, which take the border-bottom style of 1px solid #EF5350, in a hover event. Media quarries have been used to make the form more responsive to mobile users.