0
|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2 <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
|
|
3 <head>
|
|
4 <meta name="viewport" content="width=device-width" />
|
|
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
6 <title>BonVue - Admin Template</title>
|
|
7 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet">
|
|
8 </head>
|
|
9 <body style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f8f8f8; margin: 0;">
|
|
10
|
|
11 <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; background-color: #f4f8fb; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 15px;" bgcolor="#f8f8f8">
|
|
12
|
|
13 <tr>
|
|
14 <td>
|
|
15 <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="width:600; background-color: #ffffff; color: #514d6a; padding: 40px; margin-top: 40px; line-height: 28px;" bgcolor="#ffffff">
|
|
16 <tr>
|
|
17 <td style="text-align: center; vertical-align: top;">
|
|
18 <img src="../assets/demo/logo-expand.png" alt="BonVue Admin Template" style="border:none; display:inline-block;" height="43" width="122">
|
|
19 </td>
|
|
20 </tr>
|
|
21
|
|
22 <tr>
|
|
23 <td style="text-align: center; padding-top: 50px; font-weight: 300; line-height: 48px; font-size: 42px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; color: #111; letter-spacing: -1px;">
|
|
24 Thanks for the purchase
|
|
25 </td>
|
|
26 </tr>
|
|
27
|
|
28 <tr>
|
|
29 <td style="text-align: center; padding-top: 10px; font-weight: 300; line-height: 36px; font-size: 24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; color: #999; letter-spacing: -1px;">
|
|
30 Your order has been placed successfully. Below are the details of your purchase.
|
|
31 </td>
|
|
32 </tr>
|
|
33
|
|
34 <tr>
|
|
35 <td style="text-align: center; padding-top: 30px; vertical-align: top;">
|
|
36 <img src="../assets/demo/icon-receipt.png" alt="" style="border:none; display:inline-block;" height="128" width="128">
|
|
37 </td>
|
|
38 </tr>
|
|
39
|
|
40 <tr>
|
|
41 <td>
|
|
42 <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
|
|
43 <tbody>
|
|
44 <tr>
|
|
45 <td style="font-weight: 700; padding-bottom: 10px;">Invoice #52342</td>
|
|
46 <td> </td>
|
|
47 <td style="text-align: right; font-weight: 700; padding-bottom: 10px;">20th Aug 2017</td>
|
|
48 </tr>
|
|
49 <tr>
|
|
50 <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 3px solid #eee;">
|
|
51 Apple iPhone 6S
|
|
52 </td>
|
|
53 <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 3px solid #eee;">
|
|
54 1
|
|
55 </td>
|
|
56 <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 3px solid #eee;">
|
|
57 $ 699.00
|
|
58 </td>
|
|
59 </tr>
|
|
60 <tr>
|
|
61 <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;">
|
|
62 Data cable
|
|
63 </td>
|
|
64 <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;">
|
|
65 1
|
|
66 </td>
|
|
67 <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;">
|
|
68 $ 9.98
|
|
69 </td>
|
|
70 </tr>
|
|
71 <tr>
|
|
72 <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;">
|
|
73 Nueng Silver Case
|
|
74 </td>
|
|
75 <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;">
|
|
76 2
|
|
77 </td>
|
|
78 <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;">
|
|
79 $ 17.49
|
|
80 </td>
|
|
81 </tr>
|
|
82 <tr style="color: #a09bb9;">
|
|
83 <td style="padding: 10px 10px 10px 0px; border-top: 1px solid #eee;">
|
|
84 Subtotal
|
|
85 </td>
|
|
86 <td style="text-align: center; padding: 10px 10px; border-top: 1px solid #eee;">
|
|
87 4
|
|
88 </td>
|
|
89 <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #eee;">
|
|
90 $ 735.96
|
|
91 </td>
|
|
92 </tr>
|
|
93 <tr style="color: #a09bb9;">
|
|
94 <td style="padding: 0px 10px 10px 0px; border-top: 0px solid #eee;">
|
|
95 Tax
|
|
96 </td>
|
|
97 <td style="text-align: center; padding: 0px 10px; border-top: 0px solid #eee;">
|
|
98 10%
|
|
99 </td>
|
|
100 <td style="text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap; border-top: 0px solid #eee;">
|
|
101 $ 73.60
|
|
102 </td>
|
|
103 </tr>
|
|
104 <tr style="color: #a09bb9;">
|
|
105 <td style="padding: 0px 10px 10px 0px; border-top: 0px solid #eee;">
|
|
106 Shipping
|
|
107 </td>
|
|
108 <td style="text-align: center; padding: 0px 10px; border-top: 0px solid #eee;">
|
|
109
|
|
110 </td>
|
|
111 <td style="text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap; border-top: 0px solid #eee;">
|
|
112 $ 9.99
|
|
113 </td>
|
|
114 </tr>
|
|
115 <tr>
|
|
116 <td style="padding: 10px 10px 10px 0px; border-top: 3px solid #eee;">
|
|
117 <span style="font-size: 18px; font-weight: bold">Total</span>
|
|
118 </td>
|
|
119 <td style="text-align: center; padding: 10px 10px; border-top: 3px solid #eee;">
|
|
120
|
|
121 </td>
|
|
122 <td style="text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 3px solid #eee;">
|
|
123 <span style="font-size: 18px; font-weight: bold">$ 876.96</span>
|
|
124 </td>
|
|
125 </tr>
|
|
126 </tbody>
|
|
127 </table>
|
|
128 </td>
|
|
129 </tr>
|
|
130
|
|
131 <tr>
|
|
132 <td>
|
|
133 <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin-top: 40px">
|
|
134 <tbody>
|
|
135 <tr>
|
|
136 <th style="text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee;">Shipping Address</th>
|
|
137 <th style="text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee;">Billing Address</th>
|
|
138 </tr>
|
|
139
|
|
140 <tr>
|
|
141 <td style="padding-top: 10px;">
|
|
142 Tony Stark
|
|
143 <br>
|
|
144 22 23rd Street
|
|
145 <br>
|
|
146 San Francisco
|
|
147 <br>
|
|
148 CA 94107
|
|
149 </td>
|
|
150
|
|
151 <td style="padding-top: 10px;">
|
|
152 Tony Stark
|
|
153 <br>
|
|
154 22 23rd Street
|
|
155 <br>
|
|
156 San Francisco
|
|
157 <br>
|
|
158 CA 94107
|
|
159 </td>
|
|
160 </tr>
|
|
161
|
|
162 </tbody>
|
|
163 </table>
|
|
164
|
|
165 </td>
|
|
166 </tr>
|
|
167
|
|
168 <tr>
|
|
169 <td style="text-align: center; padding-top: 30px; padding-bottom: 60px;">
|
|
170 <a href="javascript: void(0);" style="letter-spacing: -1px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; text-decoration: none; display: block; line-height: 70px; padding-left: 30px; padding-right: 30px; border-radius: 3px; font-size: 24px; color: #fff; background-color: #8253eb;" target="_blank">
|
|
171 Back to shop
|
|
172 </a>
|
|
173 </td>
|
|
174 </tr>
|
|
175
|
|
176 <tr>
|
|
177 <td style="text-align: center; padding-top: 30px; border-top: 1px solid #ddd;">
|
|
178 <a href="javascript: void(0);" target="_blank" style="text-decoration: none; margin-right: 20px;">
|
|
179 <img src="../assets/demo/icon-twitter.png" alt="" style="border:none; display:inline-block;" height="16" width="16">
|
|
180 </a>
|
|
181
|
|
182 <a href="javascript: void(0);" target="_blank" style="text-decoration: none; margin-right: 20px;">
|
|
183 <img src="../assets/demo/icon-facebook.png" alt="" style="border:none; display:inline-block;" height="16" width="16">
|
|
184 </a>
|
|
185
|
|
186 <a href="javascript: void(0);" target="_blank" style="text-decoration: none;">
|
|
187 <img src="../assets/demo/icon-dribbble.png" alt="" style="border:none; display:inline-block;" height="16" width="16">
|
|
188 </a>
|
|
189 </td>
|
|
190 </tr>
|
|
191 </table>
|
|
192 </td>
|
|
193 </tr>
|
|
194
|
|
195 <tr>
|
|
196 <td>
|
|
197 <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border:none; width:600; margin-top: 20px; margin-bottom: 40px; text-align: center; color: #85868a;">
|
|
198 <tr>
|
|
199 <td style="padding-top: 20px;">
|
|
200 Copyright © 2017 BonVue. All Rights Reserved. We appreciate you!
|
|
201 </td>
|
|
202 </tr>
|
|
203
|
|
204 <tr>
|
|
205 <td style="padding-top: 10px; font-weight: 800; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans',Helvetica,Arial,sans-serif;">
|
|
206 <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">Help Center</a> <span style="color: #222; font-size: 24px; margin-left: 20px; margin-right: 20px;">⋅</span>
|
|
207 <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">1(800)234-56-78</a> <span style="color: #222; font-size: 24px; margin-left: 20px; margin-right: 20px;">⋅</span>
|
|
208 <a href="javascript: void(0);" target="_blank" style="color: #222; text-decoration: none;">Unsubscribe</a>
|
|
209 </td>
|
|
210 </tr>
|
|
211 </table>
|
|
212 </td>
|
|
213 </tr>
|
|
214 </table>
|
|
215
|
|
216 </body>
|
|
217 </html>
|