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
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
This is another example of a Signup form with icons, designed using Html, CSS, and Bootstrap framework 4. The form consists of a Signup container, input text fields, checkbox, and a "Signup' button. The images, font, CSS, and Bootstrap styles are imported to the code with their URLs. The body of the form is given a style set of font color as #999, background color as #f5f5f5, and font-family style as 'Roboto', sans-serif. The input text fields are given a border color of #e1e1e1, border-bottom style of 1px solid #e1e1e1, a font-size of 13px, and validated by making them required fields. The Signup container is given a background color of #fff, border style of 1px solid #f3f3f3, and a box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3). 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 #19aa8d. The button changes its color to #179b81, in hover and focus events. The 'Terms' and 'Privacy Policy' links are also set to take an underline effect in a hover event. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-sign-up-form-with-icons
This is an example of a stylish Signup form with icons, designed using CSS, Html, and Bootstrap framework 4. The form consists of input text fields, a checkbox, and a "Signup' button. The icons, font, CSS, and Bootstrap styles are imported to the code with the URL. The body of the form is given a style set of font color as #fff, background color as #19aa8d, and font-family style as 'Roboto', sans-serif. The input text fields are given a border color of #e1e1e1, and a font-size of 15px. The Signup container is given a background color of #fff, font color of #999, and a box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3). 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 #19aa8d. The button changes its color to #179b81, in hover and focus events. The 'Terms' and 'Privacy Policy' links are also set to take an underline effect in a hover event. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=sign-up-form-with-icons
This is an example of a Signup Form with a blue background, designed using CSS, Html, and Bootstrap framework 4. The font, CSS, and Bootstrap styles are imported to the code with the URL. The form consists of input text fields, a checkbox, and a "Signup' button. The body of the form is given the styles of font color as #fff, background color as #3598dc, and font-family as 'Roboto', sans-serif. The Signup container is given a background color of #fff, and a box-shadow style of 0px 2px 2px rgba(0, 0, 0, 0.3). The input text fields are given a height of 41px and a background color of #f2f2f2. The input fields change their background color to #e2e2e2, in a focus event. The user name and password fields are validated by making them required fields. 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 #3598dc. The button changes its color to #2389cd, in hover, and focus events. The 'Terms' and 'Privacy Policy' links also take an underline effect in a hover event. Source: https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=simple-sign-up-form-with-blue-background
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. Source:https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-modal-login-form-with-avatar-icon