Skip to content

sparksuite/simple-html-invoice-template

Repository files navigation

Simple HTML Invoice Template

W3C Validation license license

A modern, clean, and very simple responsive HTML invoice template, because sometimes you just need something quick and simple.

  • ✨ Simple design
  • 📱 Responsive
  • 🔧 Easily customizable
  • 🌍 RTL support

Demo

Find a demo here

How to use

Open the invoice.html file and use its HTML and CSS in your application.

Printer-friendly styling

By default, the appearance of the invoice when printed is the same as when viewed on a screen. If the invoice is the primary or only element on the page, you may want to consider removing the box-shadow and border, and letting the invoice extend the full width of the page. That can be accomplished with this CSS:

@media print {
  .invoice-box {
    max-width: unset;
    box-shadow: none;
    border: 0px;
  }
}

RTL support

Replace <div class="invoice-box"> with <div class="invoice-box rtl">

Preview

Preview

Contributing

We love contributions! Contributing is easy; learn how.