Close

Responsive Invoice template

This is an example of an invoice print template, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. JavaScript methods have been used to create the functionality of the print button. The company logo has been imported to the code as an image with its URL. The background color of the form is set as #FFF. The invoice header is given a border-bottom style of 1px solid #3989c6. The text-align style of the company details section is set as right. The invoice ID is displayed with a font color of #3989c6. The table column headers are displayed with a font-size of 16px, and a font-weight of 400. The Total section is given a background color as #3989c6, and font color as #fff. The Grand Total section is displayed with the styles of color as #3989c6, font-size as 1.4em, and border-top as 1px solid #3989c6. Media quarries have been used to increase the responsiveness of the form. Source: https://bootsnipp.com/snippets/8MPnQ

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.