Product grid view card for an e-commerce website
This is a template of a product grid view card for an e-commerce website, designed using CSS, HTML, and Bootstrap framework 4. The product images are imported to the code with their URLs. The body of the form is given the styles of font-family as Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", font-size as .8125rem, font-weight as 400, line-height as 1.5385, color as #333, text-align as left, and background-color as #2196F3. The product card is given the styles of background-color as #fff, border as 1px solid rgba(0, 0, 0, .125), and border-radius as .1875rem. The text is aligned to the center of the card. The card body is given the styles of flex as 1 1 auto, and padding as 1.25rem. The product name and Add to Card button is set to change their font color and background color, in a hover event.