Shopping Cart Layout
This is an example of a web shopping cart layout, designed using HTML, CSS, and Bootstrap framework 4. The font style and images are imported to the code with their URLs. The body of the form is given a background color as #eee. The product card is given a max-width of 380px, and a border-style of 1px solid #e7e7e7. The product title is displayed with a font-size of 16px, font-weight of bold, and font color of #343b43, which gets changed to #ac32e4, in a hover event. The product price is displayed with a font color of #404040, and a font-family style of 'Montserrat', sans-serif. The product thumbnails are given an opacity value of 0.75, which gets changed to 1, on hover. The card item label is displayed with the styles of font color as #8c8c8c, font-size as 13px, font-weight as 600, and text-transform as uppercase to automatically convert the text to uppercase. The 'Update Cart' and 'Checkout' buttons are created as secondary and primary type buttons.