<!doctype html>
<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Your American Furniture Warehouse e-Receipt</title>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a {
padding: 0;
}
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
p {
display: block;
margin: 13px 0;
}
</style>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.mj-outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
</style>
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 {
width: 100% !important;
max-width: 100%;
}
.mj-column-per-50 {
width: 50% !important;
max-width: 50%;
}
.mj-column-per-33-333333333333336 {
width: 33.333333333333336% !important;
max-width: 33.333333333333336%;
}
}
</style>
<style media="screen and (min-width:480px)">
.moz-text-html .mj-column-per-100 {
width: 100% !important;
max-width: 100%;
}
.moz-text-html .mj-column-per-50 {
width: 50% !important;
max-width: 50%;
}
.moz-text-html .mj-column-per-33-333333333333336 {
width: 33.333333333333336% !important;
max-width: 33.333333333333336%;
}
</style>
<style type="text/css">
@media only screen and (max-width:479px) {
table.mj-full-width-mobile {
width: 100% !important;
}
td.mj-full-width-mobile {
width: auto !important;
}
}
</style>
</head>
<body style="word-spacing:normal;">
<div style="" lang="und" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:5px 0 15px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td style="width:260px;">
<img alt="American Furniture Warehouse" src="../../images/260x70_logo-min.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;" width="260" height="auto" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:250px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://placehold.co/600x250/1E4697/122571/png" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div style="margin:0 auto;max-width:600px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<td background="https://placehold.co/600x250/1E4697/122571/png" style="background:#CCCCCC url('https://placehold.co/600x250/1E4697/122571/png') no-repeat center center / cover;background-position:center center;background-repeat:no-repeat;border-radius:8px;padding:125px 0;vertical-align:top;height:-250px;" height="-250">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600" ><tr><td style=""><![endif]-->
<div class="mj-hero-content" style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td style="">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<table class="main-container" width="100%">
<tbody>
<tr>
<td class="container">
<table width="600" align="center">
<tbody>
<tr>
<td>
<!--Begin: Content-->
<table width="100%" align="center" style="border-top:1px solid #eeeeee;">
<tbody>
<tr>
<td>
<!---->
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
<h1 style="text-align:center; margin-top:1rem; padding-top:1rem; margin-bottom:1rem;"><span>You Have Received a Gift Card!</h1>
</td>
</tr>
<tr>
<td>
<a href="%Store.URL%" target="_blank"> <img src="https://content.afw.com/images/uploaded/Email-Templates/Gift/600x450_GiftCard_Hero-Lifestyle-min.jpg" width="100%" alt="Gift Card for American Furniture Warehoue" /></a>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
<tr>
<td>
<p>Dear %GiftCard.RecipientName%,<br /><br /> %GiftCard.SenderName% (%GiftCard.SenderEmail%) has sent you a <span class="amount">%GiftCard.Amount%</span> gift card for <a href="%Store.URL%" target="_blank"> %Store.Name%</a>.<br /><br /><b><u>Important Note:</u></b> You will receive a separate email with a PIN to redeem your gift card for online purchases at checkout. For more information on how to use your AFW gift card, visit <a href="https://www.afw.com/gift-cards"><b>afw.com/gift-cards</b></a>.</p>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
</tbody>
</table>
<table width="300" align="center" class="coupon-container" style="background-color:#cc3414; border:2px solid #cc3414; border-radius:4px; text-align:center; color:#fff; padding-right:5px; padding-left:5px;margin: 0 auto;">
<tbody>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
<tr>
<td>
<div>Your gift card number is:<br /> <b style="font-size:20px;">%GiftCard.CouponCode%</b></div>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<div class="message-container" style="background-color:#f6f8fb; border:2px dashed #d1dcf2; border-radius:4px;">
<div style="padding-right:5px; padding-left:5px;">
<p>%GiftCard.Message%</p>
<p class="sender-signature">- %GiftCard.SenderName%</p>
</div>
</div>
<table width="100%">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
<!--End: Content-->
<!--Begin: Footer-->
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;border-collapse:collapse; mso-yfti-tbllook:1184;mso-padding-alt:11.25pt 0in 11.25pt 0in;min-width:100%">
<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="padding:11.25pt 0in 11.25pt 0in">
<p align="center" style="text-align:center"><span style="font-family:'Open Sans',sans-serif; color:#272833"><img border="0" id="_x0000_i1032" src="https://barcodeapi.org/api/128/123456789101112" alt="Gift Card Number" style="margin:0 auto;"></span></p>
</td>
</tr>
</table>
</div>
<!--End: Footer-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
<div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:10px 5px 10px 0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td style="font-size:0px;padding:0;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:295px;" width="295" ><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:180px;mso-position-horizontal:center;position:absolute;top:0;width:300px;z-index:-3;" src="https://placehold.co/300x180/D55627/A02D03/png?text=Care Brochure" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div style="margin:0 auto;max-width:295px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<td background="https://placehold.co/300x180/D55627/A02D03/png?text=Care Brochure" style="background:#CCCCCC url('https://placehold.co/300x180/D55627/A02D03/png?text=Care Brochure') no-repeat center center / cover;background-position:center center;background-repeat:no-repeat;border-radius:8px;padding:0;vertical-align:top;height:0px;" height="0">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:295px;" width="295" ><tr><td style=""><![endif]-->
<div class="mj-hero-content" style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td style="">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td align="left" style="font-size:0px;padding:90px 20px;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:left;color:#000000;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
<div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:10px 0 10px 5px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td style="font-size:0px;padding:0;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:295px;" width="295" ><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:180px;mso-position-horizontal:center;position:absolute;top:0;width:300px;z-index:-3;" src="https://placehold.co/300x180/446CC9/122571/png?text=Furniture Guide" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div style="margin:0 auto;max-width:295px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<td background="https://placehold.co/300x180/446CC9/122571/png?text=Furniture Guide" style="background:#CCCCCC url('https://placehold.co/300x180/446CC9/122571/png?text=Furniture Guide') no-repeat center center / cover;background-position:center center;background-repeat:no-repeat;border-radius:8px;padding:0;vertical-align:top;height:0px;" height="0">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:295px;" width="295" ><tr><td style=""><![endif]-->
<div class="mj-hero-content" style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td style="">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td align="left" style="font-size:0px;padding:90px 20px;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:left;color:#000000;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0 0 10px 0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td style="font-size:0px;padding:0;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:180px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://placehold.co/600x180/F8DBBB/F2994A/png?text=Help Center" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div style="margin:0 auto;max-width:600px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<td background="https://placehold.co/600x180/F8DBBB/F2994A/png?text=Help Center" style="background:#CCCCCC url('https://placehold.co/600x180/F8DBBB/F2994A/png?text=Help Center') no-repeat center center / cover;background-position:center center;background-repeat:no-repeat;border-radius:8px;padding:0;vertical-align:top;height:0px;" height="0">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600" ><tr><td style=""><![endif]-->
<div class="mj-hero-content" style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td style="">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td align="left" style="font-size:0px;padding:90px 20px;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:left;color:#000000;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0 0 10px 0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td style="font-size:0px;padding:0;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:180px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://placehold.co/600x180/44AEC9/156E98/png?text=Upsell" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div style="margin:0 auto;max-width:600px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<td background="https://placehold.co/600x180/44AEC9/156E98/png?text=Upsell" style="background:#CCCCCC url('https://placehold.co/600x180/44AEC9/156E98/png?text=Upsell') no-repeat center center / cover;background-position:center center;background-repeat:no-repeat;border-radius:8px;padding:0;vertical-align:top;height:0px;" height="0">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600" ><tr><td style=""><![endif]-->
<div class="mj-hero-content" style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td style="">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
<tbody>
<tr>
<td align="left" style="font-size:0px;padding:90px 20px;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:left;color:#000000;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:10px 0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 5px;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#3b5998;border-radius:3px;width:30px;">
<tbody>
<tr>
<td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
<a href="https://www.facebook.com/sharer/sharer.php?u=#" target="_blank">
<img alt="Facebook" height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png" style="border-radius:3px;display:block;" width="30" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 5px;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#bd081c;border-radius:3px;width:30px;">
<tbody>
<tr>
<td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
<a href="https://pinterest.com/pin/create/button/?url=#&media=&description=" target="_blank">
<img alt="Pinterest" height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/pinterest.png" style="border-radius:3px;display:block;" width="30" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 5px;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#3f729b;border-radius:3px;width:30px;">
<tbody>
<tr>
<td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
<a href="#" target="_blank">
<img alt="Instagram" height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/instagram.png" style="border-radius:3px;display:block;" width="30" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 5px;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#EB3323;border-radius:3px;width:30px;">
<tbody>
<tr>
<td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
<a href="#" target="_blank">
<img alt="YouTube" height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/youtube.png" style="border-radius:3px;display:block;" width="30" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:10px 0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
<div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
<a href="https://www.afw.com/living-room" style="display:inline-block;background:transparent;color:#272833;font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-weight:600;line-height:1.15;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
Living Room
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
<div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
<a href="https://www.afw.com/sleep-center" style="display:inline-block;background:transparent;color:#272833;font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-weight:600;line-height:1.15;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
Sleep Center
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
<div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
<a href="https://www.afw.com/home-decor" style="display:inline-block;background:transparent;color:#272833;font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-weight:600;line-height:1.15;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
Home Decor
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:center;color:#000000;">5901 N 90TH AVE<br />Glendale, AZ 85305 • (602)-422-8800</div>
</td>
</tr>
<tr>
<td align="center" style="font-size:0px;padding:0;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:center;color:#000000;">Order # 75M850457 • 01/27/2025 14:18</div>
</td>
</tr>
<tr>
<td align="center" style="font-size:0px;padding:10px 0;word-break:break-word;">
<div style="font-family:Helvetica Neue, Helvetica, sans-serif;font-size:14px;line-height:1.15;text-align:center;color:#000000;"><a href="#">View Online</a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
</body>
</html>
{# <style>
body {
font-family:'Open Sans', sans-serif;
font-size:1rem;
color:#272833;
margin:0;
padding:0;
}
a {
color:#1e4697;
text-decoration:underline;
}
table tr, table td {
border-spacing: 0;
border-collapse: collapse;
}
.main-container {
background-color:#f6f8fb;
}
.container {
padding-left:10px;
padding-right:10px;
background-color:#fff;
border-radius:4px;
border:2px solid #fff;
}
h1 {
font-size:2.2rem;
line-height:2.2rem;
font-weight:700;
text-align:center;
margin-top:1rem;
margin-bottom:1rem;
padding: 1rem 0 0 0;
}
.message-container {
background-color:#f6f8fb;
border:2px dashed #d1dcf2;
border-radius:4px;
padding-right:5px;
padding-left:5px;
}
.coupon-container {
background-color:#cc3414;
border:2px solid #cc3414;
border-radius:4px;
text-align:center;
color:#fff;
}
.sender-signature {
font-size:0.8rem;
font-style:italic;
font-weight:600;
}
.amount {
color:#1e4697;
font-weight:bold;
}
.footer {
margin:10px 0;
}
.slogan {
background-color:#1e4697;
padding:5px 0;
text-align:center;
}
.footer-links {
background-color:#fff;
}
.footer-links ul {
list-style-type:none;
color:#fff;
margin:10px 0 0 0;
padding:0;
text-align:center;
}
.footer-links ul li {
display:inline-block;
font-size:0.8rem;
}
.footer-links a {
color:#272833;
}
</style> #}
{% mjml "/" %}
<mjml>
<mj-head>
<mj-title>Your American Furniture Warehouse e-Receipt</mj-title>
<mj-attributes>
<mj-all
font-size="14px"
font-family="Helvetica Neue, Helvetica, sans-serif"
line-height="1.15"
margin="0"
padding="0"/>
<mj-class
name="lead-text"
font-size="16px"/>
<mj-class
name="large-text"
font-size="20px"
font-weight="700"/>
</mj-attributes>
</mj-head>
<mj-body>
<mj-section>
<mj-column padding="5px 0 15px">
<mj-image width="260px" src="{{'/images/260x70_logo-min.png'|path}}" alt="American Furniture Warehouse"/>
</mj-column>
</mj-section>
{# HERO CONTENT #}
<mj-hero
mode="fixed-height"
background-width="600px"
background-height="250px"
background-url="{{'https://placehold.co/600x250/1E4697/122571/png'|path}}"
background-color="#CCCCCC"
border-radius="8px"
padding="125px 0">
</mj-hero>
<mj-section>
<mj-column>
<mj-raw>
<table class="main-container" width="100%">
<tbody>
<tr>
<td class="container">
<table width="600" align="center">
<tbody>
<tr>
<td>
<!--Begin: Content-->
<table width="100%" align="center" style="border-top:1px solid #eeeeee;">
<tbody>
<tr>
<td>
<!---->
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
<h1 style="text-align:center; margin-top:1rem; padding-top:1rem; margin-bottom:1rem;"><span>You Have Received a Gift Card!</h1>
</td>
</tr>
<tr>
<td>
<a href="%Store.URL%" target="_blank"> <img src="https://content.afw.com/images/uploaded/Email-Templates/Gift/600x450_GiftCard_Hero-Lifestyle-min.jpg" width="100%" alt="Gift Card for American Furniture Warehoue"/></a>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
<tr>
<td>
<p>Dear %GiftCard.RecipientName%,<br /><br /> %GiftCard.SenderName% (%GiftCard.SenderEmail%) has sent you a <span class="amount">%GiftCard.Amount%</span> gift card for <a href="%Store.URL%" target="_blank"> %Store.Name%</a>.<br/><br/><b><u>Important Note:</u></b> You will receive a separate email with a PIN to redeem your gift card for online purchases at checkout. For more information on how to use your AFW gift card, visit <a href="https://www.afw.com/gift-cards"><b>afw.com/gift-cards</b></a>.</p>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
</tbody>
</table>
<table width="300" align="center" class="coupon-container" style="background-color:#cc3414; border:2px solid #cc3414; border-radius:4px; text-align:center; color:#fff; padding-right:5px; padding-left:5px;margin: 0 auto;">
<tbody>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
<tr>
<td>
<div>Your gift card number is:<br/> <b style="font-size:20px;">%GiftCard.CouponCode%</b></div>
</td>
</tr>
<tr style="padding-top:5px; padding-bottom:5px;">
<td>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<div class="message-container" style="background-color:#f6f8fb; border:2px dashed #d1dcf2; border-radius:4px;">
<div style="padding-right:5px; padding-left:5px;">
<p>%GiftCard.Message%</p>
<p class="sender-signature">- %GiftCard.SenderName%</p>
</div>
</div>
<table width="100%">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
<!--End: Content-->
<!--Begin: Footer-->
{# <table border="0" width="100%" cellspacing="0" cellpadding="0" class="footer-links" align="center"
style="text-align:center; padding:15px 0px 15px 0px; min-width:100%; width:100%;">
<tr>
<td>
<p><img src="https://barcodeapi.org/api/128/%GiftCard.CouponCode%" alt="Gift Card Number"></p>
</td>
</tr>
</table> #}
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;border-collapse:collapse; mso-yfti-tbllook:1184;mso-padding-alt:11.25pt 0in 11.25pt 0in;min-width:100%">
<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
<td style="padding:11.25pt 0in 11.25pt 0in">
<p align="center" style="text-align:center"><span style="font-family:'Open Sans',sans-serif; color:#272833"><img border="0" id="_x0000_i1032" src="https://barcodeapi.org/api/128/123456789101112" alt="Gift Card Number" style="margin:0 auto;"></span></p>
</td>
</tr>
</table>
</div>
<!--End: Footer-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</mj-raw>
</mj-column>
</mj-section>
{# GUIDES CONTENT #}
<mj-section>
<mj-column padding="10px 5px 10px 0">
<mj-hero
mode="fixed-height"
background-width="300px"
background-height="180px"
background-url="{{'https://placehold.co/300x180/D55627/A02D03/png?text=Care Brochure'|path}}"
border-radius="8px"
background-color="#CCCCCC">
<mj-text padding="90px 20px"></mj-text>
</mj-hero>
</mj-column>
<mj-column padding="10px 0 10px 5px">
<mj-hero
mode="fixed-height"
background-width="300px"
background-height="180px"
background-url="{{'https://placehold.co/300x180/446CC9/122571/png?text=Furniture Guide'|path}}"
border-radius="8px"
background-color="#CCCCCC">
<mj-text padding="90px 20px"></mj-text>
</mj-hero>
</mj-column>
</mj-section>
{# HELP CENTER CONTENT #}
<mj-section>
<mj-column padding="0 0 10px 0">
<mj-hero
mode="fixed-height"
background-width="600px"
background-height="180px"
background-url="{{'https://placehold.co/600x180/F8DBBB/F2994A/png?text=Help Center'|path}}"
border-radius="8px"
background-color="#CCCCCC">
<mj-text padding="90px 20px"></mj-text>
</mj-hero>
</mj-column>
</mj-section>
{# UPSELL CONTENT #}
<mj-section>
<mj-column padding="0 0 10px 0">
<mj-hero
mode="fixed-height"
background-width="600px"
background-height="180px"
background-url="{{'https://placehold.co/600x180/44AEC9/156E98/png?text=Upsell'|path}}"
border-radius="8px"
background-color="#CCCCCC">
<mj-text padding="90px 20px"></mj-text>
</mj-hero>
</mj-column>
</mj-section>
{# FOOTER CONTENT #}
{% if social %}
<mj-section>
<mj-column padding="10px 0">
<mj-social font-size="15px" icon-size="30px" mode="horizontal">
{% for name, item in social %}
<mj-social-element name="{{name}}" href="{{item.url}}" alt="{{item.alt}}" padding="0 5px"></mj-social-element>
{% endfor %}
</mj-social>
</mj-column>
</mj-section>
{% endif %}
<mj-section padding="10px 0">
{% for item in footerLinks %}
<mj-column>
<mj-button
background-color="transparent"
color="#272833"
font-weight="600"
href="{{item.url}}">
{{item.text}}
</mj-button>
</mj-column>
{% endfor %}
</mj-section>
<mj-section>
<mj-column>
<mj-text align="center">5901 N 90TH AVE<br/>Glendale, AZ 85305 • (602)-422-8800</mj-text>
<mj-text align="center">Order # 75M850457 • 01/27/2025 14:18</mj-text>
<mj-text align="center" padding="10px 0">
<a href="#">View Online</a>
</mj-text>
</mj-column>
</mj-section>
{# <mj-section>
<mj-column>
<mj-image width="180px" src="{{'/images/email/poweredByFlexEngage.jpg'|path}}" alt="Powered by flexEngage"/>
</mj-column>
</mj-section> #}
</mj-body>
</mjml>
{% error %}
There was an error compiling mjml
{% endmjml %}
{
"social": {
"facebook": {
"url": "#",
"alt": "Facebook",
"icon": null
},
"pinterest": {
"url": "#",
"alt": "Pinterest",
"icon": null
},
"instagram": {
"url": "#",
"alt": "Instagram",
"icon": null
},
"youtube": {
"url": "#",
"alt": "YouTube",
"icon": null
}
},
"footerLinks": [
{
"url": "https://www.afw.com/living-room",
"text": "Living Room"
},
{
"url": "https://www.afw.com/sleep-center",
"text": "Sleep Center"
},
{
"url": "https://www.afw.com/home-decor",
"text": "Home Decor"
}
]
}
No notes defined.