-
Notifications
You must be signed in to change notification settings - Fork 10
/
invoice.html
135 lines (126 loc) · 2.35 KB
/
invoice.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
131
132
133
134
135
<!DOCTYPE HTML>
<HEAD>
<title>invoice</title>
<style>
table tr th{border:1px solid grey;}
table tr{border:1px solid grey;}
</style>
</HEAD>
<BODY>
<center>
<div style="width:50%; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); ">
<div style="width:95%;">
<div align="right">
<h2 style="color:#c5ccd8;">INVOICE</h2>
<table style="border:1px solid grey; width:40%;">
<tr style="background-color:#c5ccd8;;">
<th>INVOICE# </th>
<th>DATE</th>
</tr>
<tr>
<td>1526</td><td>12/01/2020
</td>
</tr>
<tr style="background-color:#c5ccd8;;">
<th>Customer id </th>
<th>Terms</th>
</tr>
<tr>
<td>554</td>
<td>Net 30 days</td>
</tr>
</table><br><br>
<div>
<table style=" width:40%; border:1px solid grey ;">
<tr style="background-color:#c5ccd8; margin-left:20px; ">
<th style="text-align:left; "><div style="margin-left:20px;"> Pay TO</div> </th>
</tr>
</table>
<address>
<pre>
[Ajay Kadoula]
[Our Company]
[Street Address]
[City, ST ZIP]
[Phone No.]
[Email Address]
</pre>
</address>
<br>
</div>
</div>
<div align="left">
<div style="margin-top:-305px;">
<h3>[Our Company]</h3>
<address>
<pre>
2346 Sector 6 UE
karnal
Phone no. 98xxxxxxxx
</pre>
</address></div><br><br>
<div>
<table style=" width:40%; border:1px solid grey ;">
<tr style="background-color:#c5ccd8; margin-left:20px; ">
<th style="text-align:left; "><div style="margin-left:20px;">BILL TO</div> </th>
</tr>
</table>
<address>
<pre>
[Ajay Kadoula]
[Our Company]
[Street Address]
[City, ST ZIP]
[Phone No.]
[Email Address]
</pre>
</address>
</div>
</div>
<div style="height:400px; border:1px solid grey;" >
<table style="width:100%;">
<tr style="background-color:#c5ccd8;" >
<th> Description</th>
<th>Qty</th>
<th>UNIT PRICE</th>
<th>AMMOUNTS</th>
</tr>
<tr>
<td>iphone X</td>
<td>3</td>
<td>100000</td>
<td>300000</td>
</tr>
<tr>
<td>motoX</td>
<td>3</td>
<td>100000</td>
<td>300000</td>
</tr>
<tr>
<td>one PLus X</td>
<td>2</td>
<td>10000</td>
<td>20000</td>
</tr>
<tr>
<td>Moto g5</td>
<td>1</td>
<td>10000</td>
<td>10000</td>
</tr>
</table>
</div>
<div style="border:1px solid grey;" >
<table style="width:100%;">
<tr style="background-color:#c5ccd8;" >
<th> Thank your For business </th>
<th>Total=630000</th>
</tr></table>
</div>
<br><br><br><br>
</center>
</div>
</div>
</BODY>
</HTML>