summaryrefslogtreecommitdiff
path: root/app/templates/preview-invoice.html
diff options
context:
space:
mode:
Diffstat (limited to 'app/templates/preview-invoice.html')
-rw-r--r--app/templates/preview-invoice.html106
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>
Copyright 2019--2024 Marius PETER