https://github.com/sparksuite/simple-html-invoice-template

A modern, clean, and very simple responsive HTML invoice template
https://github.com/sparksuite/simple-html-invoice-template

css html-template invoice

Last synced: 3 months ago
JSON representation

A modern, clean, and very simple responsive HTML invoice template

• Host: GitHub
• URL: https://github.com/sparksuite/simple-html-invoice-template
• Owner: sparksuite
• License: mit
• Created: 2015-03-15T01:24:14.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2024-07-19T08:25:40.000Z (6 months ago)
• Last Synced: 2024-07-31T20:43:46.250Z (5 months ago)
• Topics: css, html-template, invoice
• Language: HTML
• Homepage: https://sparksuite.github.io/simple-html-invoice-template/
• Size: 51.8 KB
• Stars: 1,596
• Watchers: 40
• Forks: 1,168
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - sparksuite/simple-html-invoice-template - A modern, clean, and very simple responsive HTML invoice template (css)

README

        
# 
Simple HTML Invoice Template












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](https://sparksuite.github.io/simple-html-invoice-template/)

## How to use

Open the [invoice.html](https://github.com/sparksuite/simple-html-invoice-template/blob/master/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:

```css

@media print {

  .invoice-box {

    max-width: unset;

    box-shadow: none;

    border: 0px;

  }

}

```

## RTL support

Replace `
` with `
`


## Preview



## Contributing

We love contributions! Contributing is easy; [learn how](https://github.com/sparksuite/simple-html-invoice-template/blob/master/CONTRIBUTING.md).