Elegant Modal Login FOrm
This is an example of an elegant login form, which can be accessed through a modal link. It is designed using Html, CSS, and Bootstrap framework 4. The CSS and font styles are imported to the code with the URLs. The body of the form is given a font-family style of 'Varela Round', sans-serif. The title of the login form is displayed with a font-size of 26px. The input text fields turn its border color to #70c5c0, on focus mode. The avatar is given a background color of #60c7c1, height and width as 95px, box-shadow as 0px 2px 2px rgba(0, 0, 0, 0.1), and border-radius as 50% to get the circle shape. The 'Login' button is created as a primary type button and given a background color of #60c7c1, which changes to #45aba6, in a hover event. The user name and password fields are validated by making them required fields.