This is an example of a dark themed shopping cart payment form, designed using CSS, HTML, and Bootstrap framework 4. The body of the form is given the styles of font-family as Arial, Helvetica, sans-serif, and background color as #343a40. The payment options images are imported to the code using the URLs. The payment card is given the styles of background as #000 to get the dark theme, font color as #fff, and width as 410px. The payment options are given the hover effects of text-decoration as underline and cursor as pointer to get the hand cursor effect. The Pay button is given a border-radius value of 30px. The input text fields are given a font color of #dae0e5 and a font size as 75%. The input fields take the values of transform as translate3d(0, -100%, 0), opacity as 1, top as 10px.
This is an example of an E-commerce shopping cart with the ability to enter a coupon code, designed using HTML, CSS, and Bootstrap framework 4. The product images and fonts are imported to the code with their URLs. Media quarries are also used to increase the responsiveness of the form. The body of the form is given the styles of background-color as #eeeeee, font-family as 'Open Sans', serif, and font-size as 14px. The product image is given the height and width of 80px. The price section is given a font-weight as 600 bold. The muted price is given a font color as #969696. The Make Purchase and Continue Shipping buttons are given a font-style as Capitalize to make the first letter of every word capital, with the font-size set as 15px. The smaller buttons are given a background color of #F44336, with a border color as #f8f9fa. The Coupon Code Apply button is given a font-size of 11px.