This is an example of a dark themed shopping cart payment form, designed using CSS, HTML, and Bootstrap framework 4. The body of the form is given the styles of font-family as Arial, Helvetica, sans-serif, and background color as #343a40. The payment options images are imported to the code using the URLs. The payment card is given the styles of background as #000 to get the dark theme, font color as #fff, and width as 410px. The payment options are given the hover effects of text-decoration as underline and cursor as pointer to get the hand cursor effect. The Pay button is given a border-radius value of 30px. The input text fields are given a font color of #dae0e5 and a font size as 75%. The input fields take the values of transform as translate3d(0, -100%, 0), opacity as 1, top as 10px. Source:https://bbbootstrap.com/snippets/bootstrap-dark-themed-shopping-checkout-form-60033953

This is an example of a payment form with product details, designed using HTML, CSS, and Bootstrap framework 4. The background image is imported to the code with its URL. The body of the form is given a background color as #FFCCBC. The information card is given a margin-top and bottom of 40px. The body of the card is given a background color as #f7f1f1, whereas the input fields are given the styles of background-color as #f7f1f1, and font-size as 15px. The footer section of the card is given the styles of background-color as #00BCD4, and text color as white. The cursor style for the footer is set as pointer to get the hand cursor effect in a hover event, whereas the footer button takes the color of #0097A7, in a hover event. The input text fields also take a border-bottom style of 1px solid #c1bcbc, in a hover event. Source: https://bbbootstrap.com/snippets/payment-form-product-details-88919081

This is an example of a credit card payment form with order details, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs and media quarries are used to increase the responsiveness of the form. The body of the form is given the styles of background as #000, and font-family as Arial, Helvetica, sans-serif. The card container is given a border-radius of 20px. The Order Total text is given a font color as #6c757d85, whereas the order value is given a font color as #f11126. The cursor style for fields is set as pointer to get the hand cursor effect in a hover event. The input text fields are given a border-bottom style of 1px solid #a9abae3d. The input text takes a bold font style, in a focus event. The Place Order button is given the styles of border-radius as 40px, and width as 40%. Source:https://bbbootstrap.com/snippets/bootstrap-credit-card-payment-form-order-details-76996396

This is an example of a subscription information template with buttons, designed using HTML, CSS, and Bootstrap framework 4. The form consists of two primary type buttons and a progress bar. Then buttons change their background colors in hover and focus events. The body of the form is given a background color of #e9eeff. The form section is given a background color as white in HTML. The progress section is given a height of 8px. The progress information section and end subscription sections are given a font-size as 11px, whereas the progress bar is given a background color of #3656DC. The progress bar is given a width of 70% and its values are defined in HTML. The Upgrade Plan button takes the background and border color of #3656DC, in a focus event. It also takes the background and border color of #2a43ad, in a hover event. Source:https://bbbootstrap.com/snippets/bootstrap-subscription-information-template-cancel-and-upgrade-subscription-button-43284246

This is an example of another signup form with Buy/ Sell tab selection, designed using HTML, CSS, and Bootstrap framework 4. The font style is imported to the code with its URL. The body of the form is given the styles of background as linear-gradient(to right, rgba(23, 23, 124, 1) 0%, rgba(0, 0, 90, 1) 100%), and font-family as 'Roboto', sans-serif. The title of the form is given a font color of #CBCCFF, and a font-size of 29px, whereas the subtitle is given a font color as #A7A9FF, and a font-size as 28px. The Buy/ Sell tabs are radio type buttons which are given border color of #D15D84, font color of #ffc5d5, and a background color of linear-gradient(to right, rgba(242, 82, 106, 1) 43%, rgba(218, 18, 107, 1) 100%). The input fields are given a border- bottom style of 1.5px solid #E6EBEE. The signin button has the styles of border as 1px solid #7931DB, a linear gradient background color and a border-radius of 3px. Source:https://bbbootstrap.com/snippets/bootstrap-buy-sell-signup-form-radio-buttons-82387175

This is an example of a signup form with social media sign-in buttons, designed using HMTL, CSS, and Bootstrap framework4. The icons are imported to the code with their URLs. Media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-color as #006064, and font-family as Arial, Helvetica, sans-serif. The card container is given the styles of background-color as #fff, height as 570px, and border-radius as 20px. The title of the card is given a font-weight as Bold. The Google and Facebook buttons are given the background colors of #F44336, and #01579B, and a border-radius of 5px. The form consists of 4 input text fields, 2 sign-in buttons, and a Create Account button. The input text fields are given a font-size as 13px. In a focus event, the input fields take a border color of #1DE9B6. The background color of the Create Account button is set to #1DE9B6. Source: https://bbbootstrap.com/tags/signup