E-commerce single product page with image carousels
This is an example of an e-commerce single product page with image carousels, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The body of the form is given a background color of #eee. The 'Add to Cart' and "buy Now" buttons have been created as warning type buttons in HTML. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the images of the slider in an orderly manner. The buttons are given a border and a background color of #ff7676. The price of the item is displayed using a font-weight style as bold. The 'Add to Cart' button changes its color to #e86464 from #fff, on hover. The text in bullet points is displayed using a font-size of 12px. The cursor style for the radio buttons is set as pointer to get the hand cursor effect on hover.