Generic

<!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]-->

    <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>

                                                        <tr>
                                                            <td align="center" style="font-size:0px;padding:40px 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;">[EMAIL CONTENT HERE]</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><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 &bull; (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 &bull; 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><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;">

                                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                                                    <tbody>
                                                                        <tr>
                                                                            <td style="width:180px;">

                                                                                <img alt="Powered by flexEngage" src="../../images/email/poweredByFlexEngage.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;" width="180" 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><![endif]-->

    </div>

</body>

</html>
{% 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>

            {# GENRIC CONTENT #}
            <mj-section>
                <mj-column>
                    <mj-text padding="40px 0" align="center">[EMAIL CONTENT HERE]</mj-text>
                </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 &bull; (602)-422-8800</mj-text>
                    <mj-text align="center">Order # 75M850457 &bull; 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.