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. 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.