Close

Credit card payment form with order details

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

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.