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; border-collapse:collapse">
            <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=OrderConfirmation" 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">
                                        Thanks for your order
                                    </h2>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" style="padding:15px 0 20px 0; font-family:'Roboto', Arial !important">
                          <p style="margin:0; font-size:18px; color:#000; line-height:24px; font-family:'Roboto', Arial !important">
                            You'll receive an email when your items are shipped. If you have any questions, call us any time at 1-800-672-4399 or simply reply to this email.
                          </p>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" style="padding-bottom:30px">
                          <table style="width:255px; margin:0 auto;">
                            <tbody>
                              <tr>
                                <td width="255" style="background-color:#008AF1; text-align:center; border-radius:5px; vertical-align:middle; padding:13px 0">
                                  <a href="https://www.chewy.com/app/login?targetUrl=%2Fapp%2Faccount%2Forder-details%2Fview%3Fview%3D%26orderID%26utm_campaign%3DOrderConfirmation%26utm_medium%3Demail%26utm_source%3Dtransactional" target="_blank" style="outline:0;color:#FFF; text-transform:uppercase; display:block; text-align:center; text-decoration:none; font-weight:bold; font-size:19px;">View
                                                    Order Status</a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </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 width="380" align="left" style="padding:15px 0 15px 25px; font-family:'Roboto', Arial !important">
                          <p style="text-transform:uppercase;font-size:16px; color:#333333; margin:0; font-weight:400; font-family:'Roboto', Arial !important; ">
                            <span style="font-weight: 900;">  Items Ordered</span>
                          </p>
                        </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=OrderConfirmation" 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=OrderConfirmation" 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=OrderConfirmation" 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/117248?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=OrderConfirmation" 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=OrderConfirmation" 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=OrderConfirmation" 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 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=OrderConfirmation" 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=OrderConfirmation" 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/116520?utm_medium=email&amp;utm_source=transactional&amp;utm_campaign=OrderConfirmation" 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=OrderConfirmation" 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 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=OrderConfirmation" 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=OrderConfirmation" 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 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 (8 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=OrderConfirmation" 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=OrderConfirmation" 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=OrderConfirmation" 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=OrderConfirmation" 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=OrderConfirmation" 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