This is an example of a shopping cart checkout form with payment options, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The product images are imported to the code with their URLs. JavaScript functions have been used to indicate the active status of the payment options, removing the gray filter class. The quantity indicator is given a cursor style as pointer to get the hand cursor effect in a hover event, as well as to change the color to #FF5252. The product image is given a height of 180px and a width of 120px. The input text fields are given the styles of background-color as #F3E5F5, padding as 8px 15px 8px 15px, width as 100%, border-radius as 5px, box-sizing as border-box, border as 1px solid #F3E5F5, font-size as 15px, color as #000 , and font-weight as 300. The input fields take a border effect of 1px solid #9FA8DA, and a font-weight of 400, in a hover event. Source: https://bbbootstrap.com/snippets/shopping-cart-checkout-payment-options-86973257
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. Source:https://bbbootstrap.com/snippets/simple-shopping-cart-coupon-code-input-text-39165166