comparison default/email-templates/billing.html @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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>&nbsp;</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 &nbsp;
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 &nbsp;
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 &copy; 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;">&#8901;</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;">&#8901;</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>