Skip to content

sparksuite/simple-html-invoice-template

Folders and files

NameName
Last commit message
Last commit date
Dec 7, 2023
Sep 1, 2023
Mar 23, 2021
Mar 15, 2021
Mar 15, 2021
Mar 15, 2021
Mar 15, 2021
Sep 1, 2023
Sep 1, 2023
Mar 15, 2021
Mar 15, 2021

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.