View raw

1 {# -*- mode: web; -*- #} 2 3 <!doctypehtml> 4 5 <html lang="en"> 6 <head> 7 <metacharset="utf-8"> 8 <metaname="viewport"content="width=device-width, initial-scale=1, shrink-to"> 9 <title>invoice {{ invoice.date_billed }} for {{ invoice.customer.name }} {{ invoice.primary_key }}</title> 10 <metaname="author"content="Marius Peter"> 11 <metaname="description"content="A new invoice for your project."> 12 <!-- <link rel="icon" href="{{ url_for('static', filename='img/favicon.png') }}"> --> 13 <linkrel="stylesheet"href="{{ url_for('static', filename='styles/invoice.css') }}"> 14 </head> 15 <body> 16 <div id="content"> 17 <header class="clearfix"> 18 <div id="logo"> 19 <img src="{{ url_for('static', filename='img/logo.png') }}"> 20 </div> 21 <div id="company"> 22 <h2 class="name">FAPG</h2> 23 <div>Route de Versonnex</div> 24 <div>(602) 519-0450</div> 25 <div><a href="mailto:company@example.com">company@example.com</a></div> 26 </div> 27 28 </header> 29 <main> 30 <div id="details" class="clearfix"> 31 <div id="client"> 32 <div class="to">INVOICE TO:</div> 33 <h2 class="name">{{ invoice.customer.name }}</h2> 34 <div class="address">{{ invoice.customer.address }}</div> 35 {% if invoice.customer.email %} 36 <div class="email"><a href="mailto:{{ invoice.customer.email }}">{{ invoice.customer.email }}</a></div> 37 {% endif %} 38 </div> 39 <div id="invoice"> 40 <h1>INVOICE {{ invoice.invoice_id_alt }}</h1> 41 <div class="date">Date of Invoice: {{ invoice.date_billed }}</div> 42 <div class="date">Due Date: {{ invoice.date_due }}</div> 43 </div> 44 </div> 45 <table cellspacing="0" cellpadding="0" border="0"> 46 <thead> 47 <tr> 48 <th class="no">#</th> 49 <th class="desc">DESCRIPTION</th> 50 <th class="unit">UNIT PRICE</th> 51 <th class="qty">QUANTITY</th> 52 <th class="total">TOTAL</th> 53 </tr> 54 </thead> 55 <tbody> 56 <tr> 57 <td class="no">01</td> 58 <td class="desc"><h3>Website Design</h3>Creating a recognizable design solution based on the company's existing visual identity</td> 59 <td class="unit">$40.00</td> 60 <td class="qty">30</td> 61 <td class="total">$1,200.00</td> 62 </tr> 63 <tr> 64 <td class="no">02</td> 65 <td class="desc"><h3>Website Development</h3>Developing a Content Management System-based Website</td> 66 <td class="unit">$40.00</td> 67 <td class="qty">80</td> 68 <td class="total">$3,200.00</td> 69 </tr> 70 <tr> 71 <td class="no">03</td> 72 <td class="desc"><h3>Search Engines Optimization</h3>Optimize the site for search engines (SEO)</td> 73 <td class="unit">$40.00</td> 74 <td class="qty">20</td> 75 <td class="total">$800.00</td> 76 </tr> 77 </tbody> 78 <tfoot> 79 <tr> 80 <td colspan="2"></td> 81 <td colspan="2">SUBTOTAL</td> 82 <td>$5,200.00</td> 83 </tr> 84 <tr> 85 <td colspan="2"></td> 86 <td colspan="2">TAX 25%</td> 87 <td>$1,300.00</td> 88 </tr> 89 <tr> 90 <td colspan="2"></td> 91 <td colspan="2">GRAND TOTAL</td> 92 <td>$6,500.00</td> 93 </tr> 94 </tfoot> 95 </table> 96 <div id="thanks">Thank you!</div> 97 <div id="notices"> 98 <div>NOTICE:</div> 99 <div class="notice">A finance charge of 1.5% will be made on unpaid balances after 30 days.</div> 100 </div> 101 </main> 102 <footer> 103 Invoice was created on a computer and is valid without the signature and seal. 104 </footer> 105 106 </div> 107 </body> 108 </html> 109