Close

Simple payment credit card form

This is an example of a simple payment credit card form, designed using CSS, HTML, and Bootstrap framework 4. The payment card is given the styles of position as relative, display as flex, flex-direction as column, word-wrap style as break-word to allow long words to be able to break and wrap onto the next line, background-color as #fff, border as 1px solid #c8ced3, and border-radius as .25rem. The card consists of the card header, input text fields, and two buttons.The card header is given the styles of padding as .75rem 1.25rem, background-color as #f0f3f5, and border-bottom as 1px solid #c8ced3. In a focus event, the input text fields take the styles of font color as #5c6873, background-color as #fff, border-color as #c8ced3, and box-shadow as 0 0 0 #F44336. The 'Continue' button is created as a success type button while the 'Reset' button is created as a danger type button. Source: https://bbbootstrap.com/snippets/simple-payment-credit-card-form-41641728

Post Comment or Questions

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

Your email address will not be published.

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.