diff options
| author | Marius Peter <marius.peter@tutanota.com> | 2022-05-01 21:38:59 +0200 |
|---|---|---|
| committer | Marius Peter <marius.peter@tutanota.com> | 2022-05-01 21:38:59 +0200 |
| commit | caa0e1db19c0616031f7879d4298ed152b05f557 (patch) | |
| tree | 927a70654c46c27cb9f313ac6020efa863b32035 /app/templates/preview-invoice.html | |
| parent | ce73f10a4aaa717de025fd2dc591294fea0db8de (diff) | |
Jinja2 templates.
Diffstat (limited to 'app/templates/preview-invoice.html')
| -rw-r--r-- | app/templates/preview-invoice.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/app/templates/preview-invoice.html b/app/templates/preview-invoice.html new file mode 100644 index 0000000..5ddeb00 --- /dev/null +++ b/app/templates/preview-invoice.html @@ -0,0 +1,106 @@ +{# -*- mode: web; -*- #} + +<!doctype html> + +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to"> + <title>New Invoice for {{ customer.name }}</title> + <meta name="author" content="Marius Peter"> + <meta name="description" content="A new invoice for your project."> + <!-- <link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}"> --> + <link rel="stylesheet" href="{{ url_for('static', filename='styles/invoice.css') }}"> + </head> + <body> + <div id="content"> + <header class="clearfix"> + <div id="logo"> + <img src="{{ url_for('static', filename='img/logo.png') }}"> + </div> + <div id="company"> + <h2 class="name">Company Name</h2> + <div>455 Foggy Heights, AZ 85004, US</div> + <div>(602) 519-0450</div> + <div><a href="mailto:company@example.com">company@example.com</a></div> + </div> + + </header> + <main> + <div id="details" class="clearfix"> + <div id="client"> + <div class="to">INVOICE TO:</div> + <h2 class="name">John Doe</h2> + <div class="address">796 Silver Harbour, TX 79273, US</div> + <div class="email"><a href="mailto:john@example.com">john@example.com</a></div> + </div> + <div id="invoice"> + <h1>INVOICE 3-2-1</h1> + <div class="date">Date of Invoice: 01/06/2014</div> + <div class="date">Due Date: 30/06/2014</div> + </div> + </div> + <table cellspacing="0" cellpadding="0" border="0"> + <thead> + <tr> + <th class="no">#</th> + <th class="desc">DESCRIPTION</th> + <th class="unit">UNIT PRICE</th> + <th class="qty">QUANTITY</th> + <th class="total">TOTAL</th> + </tr> + </thead> + <tbody> + <tr> + <td class="no">01</td> + <td class="desc"><h3>Website Design</h3>Creating a recognizable design solution based on the company's existing visual identity</td> + <td class="unit">$40.00</td> + <td class="qty">30</td> + <td class="total">$1,200.00</td> + </tr> + <tr> + <td class="no">02</td> + <td class="desc"><h3>Website Development</h3>Developing a Content Management System-based Website</td> + <td class="unit">$40.00</td> + <td class="qty">80</td> + <td class="total">$3,200.00</td> + </tr> + <tr> + <td class="no">03</td> + <td class="desc"><h3>Search Engines Optimization</h3>Optimize the site for search engines (SEO)</td> + <td class="unit">$40.00</td> + <td class="qty">20</td> + <td class="total">$800.00</td> + </tr> + </tbody> + <tfoot> + <tr> + <td colspan="2"></td> + <td colspan="2">SUBTOTAL</td> + <td>$5,200.00</td> + </tr> + <tr> + <td colspan="2"></td> + <td colspan="2">TAX 25%</td> + <td>$1,300.00</td> + </tr> + <tr> + <td colspan="2"></td> + <td colspan="2">GRAND TOTAL</td> + <td>$6,500.00</td> + </tr> + </tfoot> + </table> + <div id="thanks">Thank you!</div> + <div id="notices"> + <div>NOTICE:</div> + <div class="notice">A finance charge of 1.5% will be made on unpaid balances after 30 days.</div> + </div> + </main> + <footer> + Invoice was created on a computer and is valid without the signature and seal. + </footer> + + </div> + </body> +</html> |