Close

Product detail window template

This is an example of a product detail window template, designed using CSS, HTML, and Bootstrap framework 4. The form consists of four product cards. The product images are imported to the code with their URLs. The background color of the form is set as #eee. The product card is given the styles of background-color as #fff, border-radius as 10px to make the corners rounded, width as 190px, and box-shadow as 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19). The upper discount section is given a background color as red and a font-size of 10px. The product name is displayed with a font-size of 13px, and font-weight as bold. The new prize is displayed with a font size of 13px and a font color of red, whereas the old price is displayed with a font size of 8px, and font color of gray. The radio buttons are given a 2px solid border style of their color, which turns to 3px solid, in focus and hover event. Source: https://bbbootstrap.com/snippets/bootstrap-product-detail-window-template-82185599

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.