Shopping cart with credit card payment form
This is an example of a shopping cart with a card payment checkout form, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The card payment form is given the styles of background as blue, padding as 10px, border-radius as 6px, color as #fff, and font-weight as bold. The product details are displayed using a font-size of 12px. Each product raw is given a box-shadow style of 5px 5px 15px -2px rgba(0, 0, 0, 0.42). The card type section is given the styles of font-weight as 400, and font-size as 10px, whereas the card types are given in radio button forms. The cursor style for the card types is given as pointer to get the hand cursor effect in a hover event. The card types are set to take an outline effect of #fff, in a checked event. The input fields are given the styles of background as RGB(102, 102, 221), font color as #fff, and border color as RGB(102, 102, 221). The checkout button is set as a primary type button, in HTML.