Close

Card payment form

This is a template of a card payment form, designed using CSS, HTML, and Bootstrap framework 4. The card image and font styles are imported to the code using their URLs. The body of the form is given a background color of linear-gradient(to right, rgba(235, 224, 232, 1) 52%, rgba(254, 191, 1, 1) 53%, rgba(254, 191, 1, 1) 100%), and a font-family style of 'Roboto', sans-serif. The payment card has the styles of max-width as 450px, border-radius as 15px, margin as 150px 0 150px, padding as 35px, and padding-bottom as 20px. The card heading is displayed using a font color of #C1C1C1, font-size of 14px, and a font-weigh of 500. The cursor style for the card image is set as pointer to get the hand cursor effect on hover. The input text fields are given a border-bottom of 1.5px solid #E8E5D2, and a font-weight style as bold. The input text field labels are displayed using the styles of font-size as 12px, font-weight as 500, and font color as #edb537. The button is given a background color of #F3A002. Source: https://bbbootstrap.com/snippets/bootstrap-credit-card-payment-form-66489199

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.