Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head><style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,700italic,900);
    body { font-family: 'Roboto', Arial, sans-serif !important; }
    a[href^="tel"]{
        color:inherit;
        text-decoration:none;
        outline:0;
    }
    a:hover, a:active, a:focus{
        outline:0;
    }
    a:visited{
        color:#FFF;
    }
    span.MsoHyperlink {
        mso-style-priority:99;
        color:inherit;
    }
    span.MsoHyperlinkFollowed {
        mso-style-priority:99;
        color:inherit;
    }
</style>
</head><body style="margin: 0; padding: 0;background-color:#EEEEEE;"><div style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
    Questions? Call us any time 24/7 at 1-800-672-4399 or simply reply to this email | Chewy.com
</div>
<table cellspacing="0" style="margin:0 auto; width:100%; border-collapse:collapse; background-color:#EEEEEE; font-family:'Roboto', Arial !important">
    <tbody>
    <tr>
        <td align="center" style="padding:20px 23px 0 23px">
            <table width="600" style="background-color:#FFF; margin:0 auto; border-radius:5px">
                <tbody>
                <tr>
                    <td align="center">
                        <table width="500" style="margin:0 auto">
                            <tbody>
<tr>
    <td align="center" style="padding:40px 0 35px 0"><a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="color:#128ced; text-decoration:none;outline:0;"><img alt="" src="https://www.chewy.com/static/cms/lp/email/logo.png" border="0"></a>
    </td>
</tr>                            <tr>
                                <td align="center" style="font-family:'Roboto', Arial !important">
                                    <h2 style="margin:0; font-weight:bold; font-size:40px; color:#444; text-align:center; font-family:'Roboto', Arial !important">
                                        Your order is on its way.
                                    </h2>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="padding:0 0 15px 0; font-family:'Roboto', Arial !important">
                                    <p style="text-align: center;">
                                        <img src="https://www.chewy.com/static/cms/lp/email/shipping_confirmation_animated_truck.gif" border="0">
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="padding:0 0 20px 0; font-family:'Roboto', Arial !important">
                                    <p style="margin:10px 0; font-size:16px; color:#000; line-height:12px; font-family:'Roboto', Arial !important">
                                        Please allow 24 hours to track&nbsp;your&nbsp;order.
                                    </p>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </td>
                </tr>
<tr>
    <td align="center" cellspacing="0" style="padding:0 0 30px 0; vertical-align:middle">
        <table width="550" style="border-collapse:collapse; background-color:#FaFaFa; margin:0 auto; border:1px solid #E5E5E5">
            <tbody>
            <tr>
                <td width="276" style="vertical-align:top; border-right:1px solid #E5E5E5">
                    <table style="width:100%; border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td style="vertical-align:top; padding:18px 18px 8px 23px; font-family:'Roboto', Arial !important">
                                <p style="font-size:16px; color:#333333; text-transform:uppercase; font-weight:900; margin:0; font-family:'Roboto', Arial !important">
                                    Summary:
                                </p>
                            </td>
                        </tr>
                        <tr style="">
                            <td style="vertical-align:top; padding:0 18px 18px 23px">
                                <table width="100%" style="border-collapse:collapse">
                                    <tbody>
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                                Order #:
                                            </p>
                                        </td>
                                        <td align="left" style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                            65006500
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                                Order Date:
                                            </p>
                                        </td>
                                        <td align="left" style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                            Apr 3, 2017
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 10px 0; font-family:'Roboto', Arial !important">
                                                Order Total:
                                            </p>
                                        </td>
                                        <td align="left" style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 10px 0; font-family:'Roboto', Arial !important">
                                            $49.35
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="font-family:'Roboto', Arial !important;" colspan="2">
                                            <p style="font-size:16px; color:#bc0101; margin:0;padding:0; font-weight:bold; font-family:'Roboto', Arial !important">
                                                You saved $12.69!
                                            </p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td style="vertical-align:top">
                    <table width="100%" style="border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td style="vertical-align:top; padding:18px 18px 8px 23px; font-family:'Roboto', Arial !important">
                                <p style="font-size:16px; color:#333333; text-transform:uppercase; font-weight:900; margin:0; font-family:'Roboto', Arial !important">
                                    Shipping Address:
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:top; padding:0 18px 18px 23px; font-family:'Roboto', Arial !important">
                                <table width="100%" style="border-collapse:collapse">
                                    <tbody>
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                            Smiles Davis
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important">
                                            <p style="font-size:16px; color:#000; margin:0 0 5px 0; font-family:'Roboto', Arial !important">
                                            123 Somewhere St
                                            </p>
                                        </td>
                                    </tr>
                                   
                                    <tr>
                                        <td style="font-family:'Roboto', Arial !important;">
                                            <p style="font-size:16px; color:#000; margin:0;padding:0; font-family:'Roboto', Arial !important">
                                            Somewhere, USA 65060
                                            </p>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            </tbody>
        </table>
    </td>
</tr>                        <tr>
                            <td align="center" cellspacing="0" style="padding:0; vertical-align:middle">
                                <table width="550" style="border-collapse:collapse; background-color:#FaFaFa; margin:0 auto; border-bottom:1px solid #E5E5E5">
                                    <tbody>
                                    <tr>
                                        <td align="left" style="padding:15px 0 15px 15px; font-family:'Roboto', Arial !important" width="117"><p style="font-size:16px; text-transform:uppercase; color:#333333; margin:0; font-weight:900; font-family:'Roboto', Arial !important; ">
                                            PACKAGE 1</p></td>
                                            <td align="left" width="240">
                                                <table style="border-collapse: collapse;">
                                                    <tbody>
                                                    <tr>
                                                        <td style="font-family:'Roboto', Arial !important;background-color:#128ced; text-align:center; border-radius:4px; vertical-align:middle;padding: 7px 12px;">
                                                            <a href="#" target="_blank" style="font-family:'Roboto', Arial !important;color:#fff;border-radius: 4px; font-weight: normal; text-decoration: none; font-size: 14px; ">TRACK
                                                                PACKAGE</a>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        <td width="60" align="right" style="font-family:'Roboto', Arial !important"><p style="margin:0; font-size:14px; color:#333333;padding:0;font-family:'Roboto', Arial !important;text-align:center;">
                                            QTY</p></td>
                                        <td width="80" align="right" style="font-family:'Roboto', Arial !important;padding-right:10px;"><p style="margin:0; font-size:14px; color:#333333;padding:0;font-family:'Roboto', Arial !important;text-align:right;">
                                            PRICE</p></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
    <tr>
        <td style=" font-family:'Roboto', Arial !important;padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>

                    <td width="117" align="right" style="padding:24px 0 24px 10px; text-align:left;">
                        <a href="https://www.chewy.com/dp/117261?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                            <img src="https://img.chewy.com/is/catalog/89541_MAIN._AC_SS115_V1452007632_.jpg" border="0">
                        </a>
                    </td>
                    <td width="270" style="vertical-align:middle; padding:0 0 0 10px; font-family:'Roboto', Arial !important;">
                        <p style="font-size:16px; margin:0; color:#000; line-height:20px; font-family:'Roboto', Arial !important">
                            <a href="https://www.chewy.com/dp/117261?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;"> Frisco Dog Poop Bags + Dispenser, Scented, 15 count</a>
                        </p>
                                    <p style="font-size:14px;font-weight:bold;font-family:'Roboto', Arial !important;padding:0; margin:10px 0 0px 0;">
                                        <a href="https://www.chewy.com/dp/117261?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                                            <img src="https://www.chewy.com/static/cms/lp/email/autoship_icon.png" border="0">
                                        </a>
                                    </p>
                    </td>
                    <td align="center" width="60" style="vertical-align:middle; font-family:'Roboto', Arial !important;padding:0;">
                        <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;">
                        1
                        </p>
                    </td>
                    <td align="center" width="80" style="font-family:'Roboto', Arial !important;padding:0 10px 0 0;">
                            <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;text-decoration:line-through;text-align: right;">
                            $2.09
                            </p>
                        <p style="font-size:18px; color:#bc0101; margin:0; font-family:'Roboto', Arial !important;text-align:center;font-weight:bold;text-align: right;">
                            $1.99
                        </p>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style=" font-family:'Roboto', Arial !important;padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>

                    <td width="117" align="right" style="padding:24px 0 24px 10px; text-align:left;">
                        <a href="https://www.chewy.com/dp/39956?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                            <img src="https://img.chewy.com/is/catalog/54854._AC_SS115_V1460478783_.jpg" border="0">
                        </a>
                    </td>
                    <td width="270" style="vertical-align:middle; padding:0 0 0 10px; font-family:'Roboto', Arial !important;">
                        <p style="font-size:16px; margin:0; color:#000; line-height:20px; font-family:'Roboto', Arial !important">
                            <a href="https://www.chewy.com/dp/39956?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;"> Bergan Stainless Steel Heavy Duty Non-Skid Pet Bowl, 4 cup</a>
                        </p>
                    </td>
                    <td align="center" width="60" style="vertical-align:middle; font-family:'Roboto', Arial !important;padding:0;">
                        <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;">
                        4
                        </p>
                    </td>
                    <td align="center" width="80" style="font-family:'Roboto', Arial !important;padding:0 10px 0 0;">
                        <p style="font-size:18px; color:#bc0101; margin:0; font-family:'Roboto', Arial !important;text-align:center;font-weight:bold;text-align: right;">
                            $5.52
                        </p>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style=" font-family:'Roboto', Arial !important;padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>

                    <td width="117" align="right" style="padding:24px 0 24px 10px; text-align:left;">
                        <a href="https://www.chewy.com/dp/39491?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                            <img src="https://img.chewy.com/is/catalog/54378._AC_SS115_V1460478783_.jpg" border="0">
                        </a>
                    </td>
                    <td width="270" style="vertical-align:middle; padding:0 0 0 10px; font-family:'Roboto', Arial !important;">
                        <p style="font-size:16px; margin:0; color:#000; line-height:20px; font-family:'Roboto', Arial !important">
                            <a href="https://www.chewy.com/dp/39491?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;"> Zanies Monkey's Fist Knot Rope Dog Toy, 15-inch</a>
                        </p>
                    </td>
                    <td align="center" width="60" style="vertical-align:middle; font-family:'Roboto', Arial !important;padding:0;">
                        <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;">
                        1
                        </p>
                    </td>
                    <td align="center" width="80" style="font-family:'Roboto', Arial !important;padding:0 10px 0 0;">
                        <p style="font-size:18px; color:#bc0101; margin:0; font-family:'Roboto', Arial !important;text-align:center;font-weight:bold;text-align: right;">
                            $4.99
                        </p>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style=" font-family:'Roboto', Arial !important;padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>

                    <td width="117" align="right" style="padding:24px 0 24px 10px; text-align:left;">
                        <a href="https://www.chewy.com/dp/117248?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                            <img src="https://img.chewy.com/is/catalog/89528_MAIN._AC_SS115_V1452725780_.jpg" border="0">
                        </a>
                    </td>
                    <td width="270" style="vertical-align:middle; padding:0 0 0 10px; font-family:'Roboto', Arial !important;">
                        <p style="font-size:16px; margin:0; color:#000; line-height:20px; font-family:'Roboto', Arial !important">
                            <a href="https://www.chewy.com/dp/117248?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;"> Frisco Refill Dog Poop Bags, Unscented, 120 count</a>
                        </p>
                                    <p style="font-size:14px;font-weight:bold;font-family:'Roboto', Arial !important;padding:0; margin:10px 0 0px 0;">
                                        <a href="https://www.chewy.com/dp/117248?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                                            <img src="https://www.chewy.com/static/cms/lp/email/autoship_icon.png" border="0">
                                        </a>
                                    </p>
                    </td>
                    <td align="center" width="60" style="vertical-align:middle; font-family:'Roboto', Arial !important;padding:0;">
                        <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;">
                        1
                        </p>
                    </td>
                    <td align="center" width="80" style="font-family:'Roboto', Arial !important;padding:0 10px 0 0;">
                            <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;text-decoration:line-through;text-align: right;">
                            $4.99
                            </p>
                        <p style="font-size:18px; color:#bc0101; margin:0; font-family:'Roboto', Arial !important;text-align:center;font-weight:bold;text-align: right;">
                            $4.74
                        </p>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>

                        <tr>
                            <td align="center" cellspacing="0" style="padding:0; vertical-align:middle">
                                <table width="550" style="border-collapse:collapse; background-color:#FaFaFa; margin:0 auto; border-bottom:1px solid #E5E5E5">
                                    <tbody>
                                    <tr>
                                        <td align="left" style="padding:15px 0 15px 15px; font-family:'Roboto', Arial !important" width="117"><p style="font-size:16px; text-transform:uppercase; color:#333333; margin:0; font-weight:900; font-family:'Roboto', Arial !important; ">
                                            PACKAGE 2</p></td>
                                            <td align="left" width="240">
                                                <table style="border-collapse: collapse;">
                                                    <tbody>
                                                    <tr>
                                                        <td style="font-family:'Roboto', Arial !important;background-color:#128ced; text-align:center; border-radius:4px; vertical-align:middle;padding: 7px 12px;">
                                                            <a href="#" target="_blank" style="font-family:'Roboto', Arial !important;color:#fff;border-radius: 4px; font-weight: normal; text-decoration: none; font-size: 14px; ">TRACK
                                                                PACKAGE</a>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        <td width="60" align="right" style="font-family:'Roboto', Arial !important"><p style="margin:0; font-size:14px; color:#333333;padding:0;font-family:'Roboto', Arial !important;text-align:center;">
                                            QTY</p></td>
                                        <td width="80" align="right" style="font-family:'Roboto', Arial !important;padding-right:10px;"><p style="margin:0; font-size:14px; color:#333333;padding:0;font-family:'Roboto', Arial !important;text-align:right;">
                                            PRICE</p></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
    <tr>
        <td style=" font-family:'Roboto', Arial !important;padding:0;" align="center">
            <table width="550" style="border-collapse:collapse;margin: 0 auto;border-bottom: 1px solid #EBEBEB">
                <tbody>
                <tr>

                    <td width="117" align="right" style="padding:24px 0 24px 10px; text-align:left;">
                        <a href="https://www.chewy.com/dp/116520?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;">
                            <img src="https://img.chewy.com/is/catalog/88788_MAIN._AC_SS115_V1468442789_.jpg" border="0">
                        </a>
                    </td>
                    <td width="270" style="vertical-align:middle; padding:0 0 0 10px; font-family:'Roboto', Arial !important;">
                        <p style="font-size:16px; margin:0; color:#000; line-height:20px; font-family:'Roboto', Arial !important">
                            <a href="https://www.chewy.com/dp/116520?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="text-decoration:none; color:#000; outline:0;"> Frisco Fold &amp; Carry Double Door Dog Crate, 36-inch</a>
                        </p>
                    </td>
                    <td align="center" width="60" style="vertical-align:middle; font-family:'Roboto', Arial !important;padding:0;">
                        <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;text-align:center;">
                        1
                        </p>
                    </td>
                    <td align="center" width="80" style="font-family:'Roboto', Arial !important;padding:0 10px 0 0;">
                        <p style="font-size:18px; color:#bc0101; margin:0; font-family:'Roboto', Arial !important;text-align:center;font-weight:bold;text-align: right;">
                            $27.89
                        </p>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>

<tr>
    <td align="center" style="padding-top:24px; padding-bottom:20px">
        <table width="520" style="border-collapse:collapse">
            <tbody>
            <tr>
                <td align="right" width="425" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important">
                        Subtotal (5 Items):
                    </p>
                </td>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important">
                    $62.04
                    </p>
                </td>
            </tr>
            <tr>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important">
                        Flat-Rate Shipping:
                    </p>
                </td>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important;color:#bc0101;font-weight:bold;">
                        FREE</p>
                </td>
            </tr>
                    <tr>
                        <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                            <p style="font-size:18px; margin:0; font-family:'Roboto', Arial !important">
                                First Autoship Discount:
                            </p>
                        </td>
                        <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                            <p style="font-size:18px; margin:0; font-family:'Roboto', Arial !important">
                                -$12.34
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                            <p style="font-size:18px; margin:0; font-family:'Roboto', Arial !important">
                                Autoship Discount:
                            </p>
                        </td>
                        <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                            <p style="font-size:18px; margin:0; font-family:'Roboto', Arial !important">
                                -$0.35
                            </p>
                        </td>
                    </tr>
            <tr>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important">
                        Estimated Tax:
                    </p>
                </td>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; margin:0; font-family:'Roboto', Arial !important">
                    $0.00
                    </p>
                </td>
            </tr>

            <tr>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#000; font-weight:900; margin:0; font-family:'Roboto', Arial !important">
                        Order Total:
                    </p>
                </td>
                <td align="right" style="padding-bottom:15px; font-family:'Roboto', Arial !important">
                    <p style="font-size:18px; color:#bc0101; font-weight:bold; margin:0; font-family:'Roboto', Arial !important">
                    $49.35
                    </p>
                </td>
            </tr>
            </tbody>
        </table>
    </td>
</tr>                </tbody>
            </table>
        </td>
    </tr>
<tr>
    <td align="center" style="padding-top:20px">
        <table width="604" style="border-collapse:collapse;background-color:#FFF; font-family:'Roboto', Arial !important; border-radius:5px">
            <tbody>
            <tr>
                <td colspan="4" style="vertical-align:middle;background-color: #128ced;border-radius: 5px 5px 0 0;">
                    <table style="background-color:#128ced; width:100%; border-radius:5px 5px 0 0; border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td align="center" style="vertical-align:middle; padding:22px 0; font-family:'Roboto', Arial !important">
                                <p style="color:#FFF; font-size:18px; margin:0; font-family:'Roboto', Arial !important">
                                    Call us at <a href="tel:1-800-672-4399" target="_blank" style="text-decoration:none; color:#FFF; font-weight:bold;outline:0;">1-800-672-4399</a>
                                    or reply to this email
                                </p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td style="padding:0">
                    <table cellpadding="20" style="width:100%; border-collapse:collapse">
                        <tbody>
                        <tr>
                            <td align="center" style="border-right:1px solid #EBEBEB; font-family:'Roboto', Arial !important">
                                <a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="outline:0;color:#128ced; text-decoration:none">
                                <p style="margin:0 0 8px 0"><img src="https://www.chewy.com/static/cms/lp/email/csr_icon.png" border="0"></p>
                                <p style="color:#444; font-size:13px; text-transform:uppercase; margin:0; font-family:'Roboto', Arial !important">
                                    Customer <br>
                                    Service
                                </p>
                                    </a>
                            </td>
                            <td align="center" style="border-right:1px solid #EBEBEB; font-family:'Roboto', Arial !important; vertical-align:bottom">
                                <a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="outline:0;color:#128ced; text-decoration:none">
                                <p style="margin:0 0 14px 0; font-family:'Roboto', Arial !important"><img src="https://www.chewy.com/static/cms/lp/email/shipping_icon.png" border="0"></p>
                                <p style="color:#444; font-size:13px; text-transform:uppercase; margin:0; font-family:'Roboto', Arial !important">
                                    Free Shipping <br>
                                    orders $49+
                                </p>
                                    </a>
                            </td>
                            <td align="center" style="border-right:1px solid #EBEBEB; font-family:'Roboto', Arial !important">
                                <a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="outline:0;color:#128ced; text-decoration:none">
                                <p style="margin:0 0 8px 0"><img src="https://www.chewy.com/static/cms/lp/email/moneyback_icon.png" border="0">
                                </p>
                                <p style="color:#444; font-size:13px; text-transform:uppercase; margin:0; font-family:'Roboto', Arial !important">
                                    Satisfaction <br>
                                    Guaranteed
                                </p>
                                    </a>
                            </td>
                            <td align="center" style="font-family:'Roboto', Arial !important">
                                <a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="outline:0;color:#128ced; text-decoration:none">
                                <p style="margin:0 0 8px 0"><img src="https://www.chewy.com/static/cms/lp/email/return_icon.png" border="0"></p>
                                <p style="color:#444; font-size:13px; text-transform:uppercase; margin:0; font-family:'Roboto', Arial !important">
                                    Hassle-Free <br>
                                    Returns
                                </p>
                                    </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            </tbody>
        </table>
    </td>
</tr>
<tr>
    <td align="center" style="padding-top:29px; padding-bottom:50px">
        <table style="width:100%">
            <tbody>
            <tr>
                <td align="center" style="font-family:'Roboto', Arial !important">
                    <a href="https://www.chewy.com?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=ShippingConfirmation" target="_blank" style="color:#128ced; text-decoration:none;outline:0;"><img src="https://www.chewy.com/static/cms/lp/email/gray_logo.png" border="0"></a>
                </td>
            </tr>
            </tbody>
        </table>
    </td>
</tr>
    </tbody>
</table>
</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console