This is another stylish Sign-in form with circle shape social media buttons, designed using CSS, Html, and Bootstrap framework 4. The social media icons, 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 #434343, background color as #dfe7e9, and font-family style as 'Varela Round', sans-serif. The input text fields are given a font-size of 16px, and a border color of #5cb85c, to be activated on hover. The sign-in form is given a width of 400px, background color as #fff, and a box-shadow style as 0px 2px 2px rgba(0, 0, 0, 0.3). The title of the form is displayed with a font-size of 34px. The 'Sign in' button is created as a success type button and given the styles of border color as border-color: #5cb85c, font-size as 18px, font-weight as bold, and text-align as center. The 'Sign in' button changes its background color to #5cb85c, and the opacity value to 0.8, in a hover event. The social media buttons are given a border-radius as 50% to get the circle shape, and given three different background colors as #507cc0, #64ccf1, and #df4930. The buttons change their opacity to 0.8 on hover. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=sign-in-form-with-circular-social-buttons
This is another example of a signup form, designed using CSS, Html, and Bootstrap framework 4. 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 #999, background color as #e2e2e2, and font-family style as 'Roboto', sans-serif. The input text fields are given a border color of #e1e1e1, which changes to #00cb82 on hover. The form header is given the styles of text-align as center, background color as #00cb82, border-bottom as 1px solid #eee, and font color as #fff. The form title is displayed with the styles of font-size as 34px, font-weight as bold, and font-family as 'Pacifico', sans-serif, whereas the subtitle is displayed with the styles of font-size as 17px, line-height as normal, and font-family as 'Courgette', sans-serif. The signup container has the styles of font color as #999, background color as #f0f0f0, and box-shadow style as 0px 2px 2px rgba(0, 0, 0, 0.3). The form labels are displayed with a font-size of 14px. The 'Signup' button is created as a primary type button and given the styles of font-size as 16px, font-weight as bold, and background color as #00cb82, which changes to #00b073, in hover and focus events. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=start-free-trial-sign-up-form
This is another example of a simple signup form, designed using CSS, Html, and Bootstrap framework 4. 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 #999, background color as #f3f3f3, and font-family style as 'Roboto', sans-serif. The input text fields are given a font-size of 14px, and a border-color of #eee, which changes to #5cd3b4, in a focus event. The signup container is given a width of 500px, font color of #999, background color of #fff, and a box-shadow of 0px 2px 2px rgba(0, 0, 0, 0.3). The title of the form is displayed with a style set of font color as #333, display as inline-block, and a border-bottom as 3px solid #5cd3b4. The 'Signup' button is created as a primary type button and given the styles of font-size as 16px, font-weight as bold, and background as #5cd3b4. The background color of the button changes to #41cba9, in hover and focus events. Source: https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=sign-up-form-horizontal
This is an example of a Signup form with rounded social media buttons, designed using CSS, Html, and Bootstrap framework 4. The form consists of the signup card, social media buttons, input text fields, 'Signup' button, and a 'Login' 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 background color as #dfe7e9, and font-family as 'Roboto', sans-serif. The signup container is given a width of 480px, background color of #fff, and a box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3) The input text is displayed with a font-size of 16px, whereas the input fields take a border color of #5cb85c, in a focus event. The input text fields are validated by making them required fields. The header of the signup form is displayed with a font-size of 34px. The 'Signup' button is created as a success type button and given a background color as #5cb85c. The social media buttons are created as primary, info, and danger type buttons and given the background colors of #507cc0, #64ccf1, and #df4930. The buttons change their opacity value to 0.8, in a hover event. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=sign-up-form-with-rounded-social-buttons