This is another example of a login form with social media logins, designed using HTML, CSS, and Bootstrap framework 4. The font styles and social media icons have been imported to the code with their URLs. The body of the form is given a background color of #e5e5e5. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the list of logins, in an orderly manner. The input text fields are given a font-size of 16px, whereas the font-size of the login buttons is set to 250%. The four social media buttons are created as primary type buttons and given the background colors of #da573b for Google, #1daee3 for Twitter, #4c699e for Facebook, and #4875B4 for LinkedIn. The buttons take the background colors of #be5238, #3997ba, #47618d, and #466b99, respectively in a hover event. Source: https://www.bootdey.com/snippets/view/Social-network-login-with-buttons#html

This is an example of a login form, designed using HTML, CSS, and Bootstrap framework 4. The avatar image is imported to the code with its URL. The form is given a background color of #3ca2e0, and font color of #fff. The user avatar is given height and a width of 125px. The form consists of the user avatar, input text fields, and 'Login' and 'Register' buttons. The title of the page is given a font-weight of 300. The input text fields are given a border-bottom style of 2px solid rgba(255,255,255,.4), which gets changed to 2px solid #fff, on focus mode. The input text field labels are displayed with the styles of font weight as 46px, padding as 10px 16px, font-size as 18px, and line-height as 1.3333333. The two buttons are created as info type buttons from HTML, and given the styles of border-radius as 50px, box-shadow as 0 0 0 2px rgba(255,255,255,.8)inset, font color as rgba(255,255,255,.8), and font-weight as 400. Source: https://www.bootdey.com/snippets/view/DeyNote-like-login#html

This is an example of a login form layout, designed using CSS, HTML, and Bootstrap framework 4. The font style has been imported to the code with its URL. The media quarries have been used to increase the responsiveness of the form. The form consists of the social media buttons, input text fields, and the 'Login' button. The title of the form is given a text-align style as center, and a line-height of 300%. The social media buttons are given an opacity value of 0.9, which turns to 1, on a hover event. The background color of the Facebook, Twitter, and Google+ buttons are set as #3b5998, #00aced, and #c32f10, respectively. The 'Submit' button is created as a primary type button in HTML. The 'Or' clause in between the social media buttons and the input fields is displayed with a font-size of 1.5em, and font color of #aaa. Source: https://www.bootdey.com/snippets/view/Responsive-login-with-social-buttons#css

This is an example of a login form with a blue color background, designed using CSS, HTML, and Bootstrap framework 4. The body of the form is given a background color as linear-gradient(to right, #4e63d7 0%, #76bfe9 100%). The icons and font style is imported to the code with their URLs. The form consists of three sections; login signup, and sign in. Media quarries have been used to increase the responsiveness of the forms. The login section is given a box-shadow style of box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1). It is also given the input text fields and the 'Sign in' button which is created as a dark button. The input text fields are given the styles of border as 1px solid #e1e1e1, background color as #fff, and font-color as #858585. The social media button are given a height and a width of 35px, background color of #6893e1, box-shadow style of 0 3px 2px 0 #516cd9, and a font-size of 16px. Source: https://www.bootdey.com/snippets/view/blue-login#css

This is an example of a user login form which can be accessed through a modal, designed using CSS, HTML, and Bootstrap framework 4. The login form consists of the input text fields, the 'Login' button, and the user avatar image. The body of the form is given a font-family style as 'Varela Round', sans-serif. The form is given a background color of #636363 and a width of 350px. The title of the login card is displayed with text-align style as center, and font-size as 26px. The input text fields take a border color effect as #70c5c0, in the focus mode. The avatar image is given a background color as #60c7c1, box-shadow style as 0px 2px 2px rgba(0, 0, 0, 0.1), and the border-radius as 50% to get the circle shape. The 'Login' button is given a background color of #60c7c1, which gets changed to #45aba6, on hover. Source:https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-modal-login-form-with-avatar-icon

This is an example of a Facebook themed login form, designed using CSS, Html, and Bootstrap framework 4. The form consists of a login container, input text fields, 'Forgot Password' link, 'Login button', and 'Create an account' link. The font, CSS, and Bootstrap styles are imported to the code with their URLs. The body of the form is given the styles of font color as #646464, and background color as #e2e2e2. The Signup container is given the styles of font color as #fff, background color as #405e9e, and box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3). The title of the form is displayed with the styles of font-size as 26px, font-weight as bold, and text-align as center. The input text fields are validated by making them required fields and given a border color as #dfdfdf. The 'Signup' button is given the styles of font-size as 15px, font-weight as bold, background color as #eeeeee, and font color as #646464. The button changes its background color to #e4e4e4, on hover, whereas the 'Forgot Password' link and 'Create an account' link take an underline effect. Source: https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=facebook-theme-login-form