invoice.html
8.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<div class="">
<div class="header">
<h2><strong>Invoice</strong> n12658757</h2>
<div class="breadcrumb-wrapper">
<ol class="breadcrumb">
<li>
<a href="dashboard.html">Make</a>
</li>
<li>
<a href="#">Pages</a>
</li>
<li class="active">Dashboard</li>
</ol>
</div>
</div>
<div class="m-t-10 m-b-10 no-print">
<button type="button" class="btn btn-primary m-r-10 m-b-10"><i class="fa fa-dollar m-r-10"></i> Make A Payment</button>
<button type="button" class="btn btn-white m-r-10 m-b-10"><i class="fa fa-print m-r-10"></i> Print Invoice</button>
<button type="button" class="btn btn-white m-r-10 m-b-10"><i class="fa fa-file-text m-r-10"></i> Export as PDF</button>
<button type="button" class="btn btn-white m-r-10 m-b-10"><i class="fa fa-envelope m-r-10"></i> Send by email</button>
</div>
<div class="row invoice-page">
<div class="col-md-12 p-t-0">
<div class="row">
<div class="col-md-12">
<div class="pull-left">
<h4 class="w-500 c-gray f-14"><strong>FROM</strong></h4>
<img src="../../../assets/global/images/logo/themeforest.png" class="img-responsive0" alt="themeforest">
<address>
<p class="width-300 m-t-10"><strong>ThemeForest Web Services, Inc.</strong></p>
<p class="width-300">795 Folsom Ave, Suite 600</p>
<p class="width-300">San Francisco, CA 94107</p>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
</div>
<div class="pull-right">
<h4 class="w-500 c-gray f-14"><strong>TO</strong></h4>
<img src="../../../assets/global/images/logo/themes-lab.png" class="img-responsive" alt="themes lab">
<address>
<p class="width-300 m-t-10"><strong>Themes Lab, Inc.</strong></p>
<p class="width-300">795 Folsom Ave, Suite 600</p>
<p class="width-300">San Francisco, CA 94107</p>
<abbr title="Phone">P:</abbr> (123) 456-789
</address>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 m-t-20 m-b-20">
<p><strong>Invoice Date:</strong> <span>May 4, 2014</span></p>
<p><strong>Due Date:</strong> <span>Mai 16, 2014</span></p>
</div>
</div>
<table class="table">
<thead>
<tr>
<th style="width:65px" class="unseen text-center">QTY</th>
<th class="text-left">DESCRIPTION</th>
<th style="width:145px" class="text-right">UNIT PRICE</th>
<th style="width:95px" class="text-right">TOTAL</th>
</tr>
</thead>
<tbody>
<tr class="item-row">
<td class="delete-wpr">
<p class="qty text-center">1</p>
</td>
<td>
<div class="text-primary">
<p><strong>Template Customization</strong></p>
</div>
<p class="width-100p"><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</small></p>
</td>
<td>
<p class="text-right cost">$79.00</p>
</td>
<td class="text-right price">$79.00</td>
</tr>
<tr class="item-row">
<td class="delete-wpr">
<p class="qty text-center">2</p>
</td>
<td>
<div class="text-primary">
<p><strong>Email Template</strong></p>
</div>
<p class="width-100p"><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</small></p>
</td>
<td class="text-right">$150.00</td>
<td class="text-right price">$300.00</td>
</tr>
<tr class="item-row">
<td class="delete-wpr">
<p class="qty text-center">1</p>
</td>
<td>
<div class="text-primary">
<p><strong>PSD Development</strong></p>
</div>
<p class="width-100p"><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</small></p>
</td>
<td class="text-right">$85.00</td>
<td class="text-right price">$85.00</td>
</tr>
<tr>
<td colspan="2" rowspan="4"></td>
<td class="text-right"><strong>Subtotal</strong></td>
<td class="text-right" id="subtotal">$464.00</td>
</tr>
<tr>
<td class="text-right no-border"><strong>Shipping</strong></td>
<td class="text-right">
$30.00
</td>
</tr>
<tr>
<td class="text-right no-border"><strong>VAT Included in Total</strong></td>
<td class="text-right">$0.00</td>
</tr>
<tr>
<td class="text-right no-border">
<div><strong>Total</strong></div>
</td>
<td class="text-right" id="total">$494.00</td>
</tr>
</tbody>
</table>
<div class="well bg-white">
Thank you for your business. Please make sure all cheques payable to <strong>ThemeForest Web Services, Inc.</strong> Account No. 35757745
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="copyright">
<p class="pull-left sm-pull-reset">
<span>Copyright <span class="copyright">©</span> 2015 </span>
<span>THEMES LAB</span>.
<span>All rights reserved. </span>
</p>
<p class="pull-right sm-pull-reset">
<span><a href="#" class="m-r-10">Support</a> | <a href="#" class="m-l-10 m-r-10">Terms of use</a> | <a href="#" class="m-l-10">Privacy Policy</a></span>
</p>
</div>
</div>
</div>