This is an example of an order confirmation invoice/bill template, designed using HTML, CSS, and Bootstrap framework 4. It displays the purchased products, product images, purchased quantity, and pricing details with the total amounts. The product images and the font style is imported to the code with their URLs. The body of the form is given the styles of background-color as #ffe8d2, and font-family as 'Montserrat', sans-serif. The footer and logo area of the form is given a background color of #eeeeeea8. The product quantity is displayed using the styles of font-size as 12px, and font color as #dedbdb. The prices are displayed using a font-weight style as bold to make them highlighted. The discount value is displayed using the success style making the font color green. The justify-content style is set as center in HTML, to centralize the form.
This is an example of a billing template with a checkout button, designed using CSS, HTML, and Bootstrap framework 4. The user image and font styles are imported to the code using their URLs. The body of the form is given the styles of background-color as #d7dee5, display as grid, and place-items as center. The information card is given the styles of background-color as #ffffff, border-radius as 10px, font-family as 'Manrope', sans-serif, and line-height as 1rem. The user name is displayed with a font-size of 0.9rem and the billing item is displayed with a font color of #bcbbc0. The user image is given a height of 55sspx and a width of 55px. The price is displayed using a font color of purple. The 'Checkout' button is given a font color as white, and a background color as #6f57d3, which changes to #5843af, in a hover event.