-
Notifications
You must be signed in to change notification settings - Fork 0
/
invoice_print.html
130 lines (113 loc) · 6.35 KB
/
invoice_print.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INSPINIA | Invoice Print</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body class="white-bg">
<div class="wrapper wrapper-content p-xl">
<div class="ibox-content p-xl">
<div class="row">
<div class="col-sm-6">
<h5>From:</h5>
<address>
<strong>Inspinia, Inc.</strong><br>
106 Jorg Avenu, 600/10<br>
Chicago, VT 32456<br>
<abbr title="Phone">P:</abbr> (123) 601-4590
</address>
</div>
<div class="col-sm-6 text-right">
<h4>Invoice No.</h4>
<h4 class="text-navy">INV-000567F7-00</h4>
<span>To:</span>
<address>
<strong>Corporate, Inc.</strong><br>
112 Street Avenu, 1080<br>
Miami, CT 445611<br>
<abbr title="Phone">P:</abbr> (120) 9000-4321
</address>
<p>
<span><strong>Invoice Date:</strong> Marh 18, 2014</span><br/>
<span><strong>Due Date:</strong> March 24, 2014</span>
</p>
</div>
</div>
<div class="table-responsive m-t">
<table class="table invoice-table">
<thead>
<tr>
<th>Item List</th>
<th>Quantity</th>
<th>Unit Price</th>
<th>Tax</th>
<th>Total Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><div><strong>Admin Theme with psd project layouts</strong></div>
<small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
<td>1</td>
<td>$26.00</td>
<td>$5.98</td>
<td>$31,98</td>
</tr>
<tr>
<td><div><strong>Wodpress Them customization</strong></div>
<small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Eiusmod tempor incididunt ut labore et dolore magna aliqua.
</small></td>
<td>2</td>
<td>$80.00</td>
<td>$36.80</td>
<td>$196.80</td>
</tr>
<tr>
<td><div><strong>Angular JS & Node JS Application</strong></div>
<small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
<td>3</td>
<td>$420.00</td>
<td>$193.20</td>
<td>$1033.20</td>
</tr>
</tbody>
</table>
</div><!-- /table-responsive -->
<table class="table invoice-total">
<tbody>
<tr>
<td><strong>Sub Total :</strong></td>
<td>$1026.00</td>
</tr>
<tr>
<td><strong>TAX :</strong></td>
<td>$235.98</td>
</tr>
<tr>
<td><strong>TOTAL :</strong></td>
<td>$1261.98</td>
</tr>
</tbody>
</table>
<div class="well m-t"><strong>Comments</strong>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less
</div>
</div>
</div>
<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script type="text/javascript">
window.print();
</script>
</body>
</html>