243 lines
14 KiB
HTML
243 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dore jQuery</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
</head>
|
|
|
|
<body style="margin:0; padding:0;">
|
|
<!--Mailing Start-->
|
|
<div leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="background-color:#ffffff; height:29.7cm; max-width:22cm; font-family: Helvetica,Arial,sans-serif !important; margin-bottom: 40px; position: relative;">
|
|
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;"
|
|
heigth="auto">
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td align="left" valign="center" style="padding-bottom:20px;border-top:0;width:100% !important;">
|
|
<img src="https://coloredstrategies.com/mailing/dore.png" />
|
|
</td>
|
|
<td align="right" valign="center" style="padding-bottom:20px;border-top:0;width:100% !important;">
|
|
<p style="color: #8f8f8f; font-weight: normal; line-height: 1.2; font-size: 12px; white-space: nowrap; ">
|
|
ColoredStrategies Inc<br> 35 Little Russell St. Bloomsburg London,UK<br>784 451 12 47
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2" style="padding-top:30px; border-top:1px solid #f1f0f0">
|
|
<table style="width: 100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="vertical-align:middle; border-radius: 3px; padding:30px; background-color: #f9f9f9; border-right: 5px solid white;">
|
|
<p style="color:#303030; font-size: 14px; line-height: 1.6; margin:0; padding:0;">
|
|
Latashia Nagy<br>100-148 Warwick Trfy, Kansas City, USA
|
|
</p>
|
|
</td>
|
|
|
|
<td style="text-align: right; padding-top:0px; padding-bottom:0; vertical-align:middle; padding:30px; background-color: #f9f9f9; border-radius: 3px; border-left: 5px solid white;">
|
|
<p style="color:#8f8f8f; font-size: 14px; padding: 0; line-height: 1.6; margin:0; ">
|
|
Invoice #: 741<br>
|
|
02.02.2019
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table style="width: 100%; margin-top:40px;">
|
|
<thead>
|
|
<tr>
|
|
<th style="text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
|
ITEM NAME
|
|
</th>
|
|
<th style="text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
|
COUNT
|
|
</th>
|
|
<th style="text-align:right; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
|
PRICE
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Marble
|
|
Cake</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">3
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
14.82</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Chocolate
|
|
Cake</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
8.97</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Fat
|
|
Rascal</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
18.24</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Cremeschnitte</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
4.24</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Cheesecake</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">3
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
6.27</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Magdalena</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
10.97</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding-top:0px; padding-bottom:5px;">
|
|
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Genoise</h4>
|
|
</td>
|
|
<td>
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
|
pcs</p>
|
|
</td>
|
|
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
|
21.24</p>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="position:absolute; bottom:0; width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;"
|
|
heigth="auto">
|
|
<tr>
|
|
<td colspan="3" style="border-top:1px solid #f1f0f0"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="width: 100%">
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
|
Subtotal : </p>
|
|
</td>
|
|
<td style="padding-top:0px; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
|
61.82</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2" style="width: 100%">
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
|
Tax : </p>
|
|
</td>
|
|
<td style="padding-top:0px; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
|
2.18</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2" style="width: 100%">
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
|
Shipping : </p>
|
|
</td>
|
|
<td style="padding-top:0px; text-align: right;">
|
|
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
|
3.21</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2" style=" width: 100%; padding-bottom:15px;">
|
|
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
|
<strong>Total : </strong></p>
|
|
</td>
|
|
<td style="padding-top:0px; text-align: right; padding-bottom:15px;">
|
|
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px"><strong>$
|
|
68.14</strong></p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="3" style="border-top:1px solid #f1f0f0"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="3" style="text-align:center;">
|
|
<p style="color: #909090; font-size:11px; text-align:center;">Invoice was created on a computer and
|
|
is valid without the signature and seal. </p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<!--Mailing End-->
|
|
|
|
</body>
|
|
|
|
</html> |