This is an example of a multiple item product carousel feature, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The product images, font, and Bootstrap styles are imported to the code with their URLs. The body of the form is given the styles of background color as #e2eaef, and font-family as "Open Sans", sans-serif. The form title is displayed with the styles of font color as #000, font-size as 26px, font-weight as 300, text-align as center, and text-transform as uppercase to automatically convert the text to uppercase. The carousel item is given the styles of color as #747d89, and text-align as center. The carousel item title is displayed with a font-size of 18px. Each carousel item is given an 'Add to Cart' button' which is given the styles of color as #7ac400, font-size as 11px, text-transform as uppercase, font-weight as bold, and border as 1px solid #7ac400. The button changes its background and font color to #7ac400, and #fff respectively, on hover. JavaScript methods have been used to implement the functionality of the carousel. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=multiple-item-product-carousel
This is another example of a simple contact form, designed using CSS, HTML, and Bootstrap framework 4. The font and Bootstrap styles are imported to the code with their URLs. The form consists of the input text fields and the 'Submit' button. The body of the form is given the styles of font color as #566787, background color as #f5f5f5, and font-family as "Open Sans", sans-serif. The title of the form is given a text-transform style as uppercase to automatically convert the text to uppercase. The text field labels are given an opacity value of 0.9, whereas the hint text is given an opacity value of 0.9 and a font-size of 15px. The text fields are validated by making them as required fields. The 'Submit' button is created as a primary type button and given a background color of #299be4, which gets changed to #1c8cd7 on hover. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=simple-contact-form
This is an example of a simple sign-in form with a user avatar, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The form consists of the user image, input text fields, 'Sign in' button, and signup link. The user image, font, and Bootstrap styles are imported to the code with their URLs. The body of the form is given the styles of font color as #4e4e4e, background color as #e2e2e2, and font-family as 'Roboto', sans-serif. The login card is given a width of 380px, font color of #7a7a7a, and a background color of #fff. The input text fields are given the styles of background color as #f2f2f2, and font-size as 16px. They are also validated by making them as required fields. The title of the login form is displayed with a font-size of 34px. The user avatar is displayed with the background color as #4aba70, box-shadow as 0px 2px 2px rgba(0, 0, 0, 0.1), and border-radius as 50% to get the circle shape. The 'Sign in' button changes its color to #40aa65 on hover, whereas the signup link takes an underline effect. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=green-colored-sign-in-form-with-avatar-icon
This is an example of a stylish data table layout with a search filter, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The user images, font, and Bootstrap styles are imported to the code with their URLs. The JavaScript functions have been used to implement the tooltip feature on the 'Action' button. The body of the form is given the styles of font color as #566787, background color as #f5f5f5, font-family as 'Varela Round', sans-serif, and font-size as 13px. The table container is given a background color of #fff, and a box-shadow style of 0 1px 1px rgba(0,0,0,.05). The table rows are given a background color of #fff, which gets changed to #f2f2f2 on hover. The table header is given a background color of #4b5366, and the title is displayed with a font color of #fff, and a font-size of 24px. The customer names on the table are displayed with a font color of #566787, which gets changed to #2196F3, in a hover event. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=order-details-table-with-search-filter