simple-html-invoice-template - GitLite

KO | EN

gitlite — search

#hacktoberfest #typescript #golang #android #machine-learning #rust #deep-learning #linux #macos #java #awesome #vue #security #open-source

simple-html-invoice-template

(★ 1,724)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- - main.yml
- pull_request_template.md
- - favicon.png
  - logo.png
- index.html
.gitignore
.prettierignore
.prettierrc.json
CONTRIBUTING.md
invoice.html
LICENSE
package.json
README.md
yarn.lock

🚀 설치 가이드

1. 코드 내려받기

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

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd simple-html-invoice-template

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# <div align="center">Simple HTML Invoice Template</div>

<p align="center">
<a href="https://validator.w3.org/check?uri=https%3A%2F%2Fsparksuite.github.io%2Fsimple-html-invoice-template%2F"><img alt="W3C Validation" src="https://img.shields.io/w3c-validation/default?targetUrl=https%3A%2F%2Fsparksuite.github.io%2Fsimple-html-invoice-template%2F"></a>
<a href="https://github.com/prettier/prettier"><img alt="license" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg"></a>
<a href="https://github.com/sparksuite/simple-html-invoice-template/blob/master/LICENSE"><img alt="license" src="https://img.shields.io/github/license/sparksuite/simple-html-invoice-template"></a>
</p>

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 `<div class="invoice-box">` with `<div class="invoice-box rtl">`

## Preview
<img width="1325" alt="Preview" src="https://github.com/sparksuite/simple-html-invoice-template/assets/3850064/5d34c8d2-5ac4-45cf-93f9-1eeaaf23765e">

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