css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>

  <media_query_styles></media_query_styles>
  <!--[if mso]>
    <style>
      
      .templateContainer {
        border: 0px none #aaaaaa;
        background-color: #ffffff;
        
          border-radius: 0px;
        
      }
      #brandingContainer {
        background-color: transparent !important;
        border: 0;
      }
      
      
      .templateContainerInner {
        padding: 0px;
      }
      
    </style>
  <![endif]-->
</head>

<body style="margin:0;padding:0;background-color:#FFF">
  <center>
    <table align="center" border="0" cellpadding="0" cellspacing="0" id="bodyTable" width="100%" data-upload-file-url="/ajax/email-editor/file/upload" data-upload-files-url="/ajax/email-editor/files/upload" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:auto;padding:0;background-color:#FFF;height:100%;margin:0;width:100%">
      <tbody>
        <tr>
          <td align="center" id="bodyCell" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:auto;padding-top:10px;padding-left:20px;padding-bottom:20px;padding-right:20px;border-top:0;height:100%;margin:0;width:100%">
            <!--[if !mso]><!-->
            <div class="templateContainer" style="border:0 none #aaa;background-color:#fff;border-radius:0;display: table; width:600px">
              <div class="templateContainerInner" style="padding:0">
                <!--<![endif]-->
                <!--[if mso]>
              <table border="0" cellpadding="0" cellspacing="0" class="templateContainer"  width="600" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;">
              <tbody>
                <tr>
                  <td class="templateContainerInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;">
            <![endif]-->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                  <tr>
                    <td align="center" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                      <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                        <tbody>
                          <tr>
                            <td class="rowContainer kmFloatLeft" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="it's giving tuesday!" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/494749ff-f8db-4fb0-8c28-06c411fab02a.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/47175da6-580a-4551-b658-3ad87c49faeb.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/87767b2e-6871-498e-bd3b-9e6ac35907af.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="Shop Now" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/77ccc6bf-2784-4687-be34-a9bcf4aba3ac.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/products/donot-look-back-shortsleeve-t-shirt?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/0aebb8cd-d968-414c-a5ac-4d8505b29389.gif" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/products/donot-look-back-shortsleeve-t-shirt?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/ed2f03b2-f46b-44e5-9ba6-afbc1ee22557.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/products/donot-look-back-shortsleeve-t-shirt?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="Shop the tee " class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/463241bb-a647-419a-8ab2-a5684e321594.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-top:0px;padding-bottom:0px;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/pages/back-on-my-feet?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/561623ee-c673-4099-9c95-a400316cc928.jpeg" width="600" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/pages/bfcm-2018-terms?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/2e527e22-492f-49d7-a7f7-9d2aa1c024a1.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/pages/bfcm-2018-terms?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/ce122c73-25a5-444c-8eb5-df01e07d8d5d.jpeg" width="582" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:1000px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                      <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                        <tbody>
                          <tr>
                            <td class="rowContainer kmFloatLeft firstColumn" valign="top" width="33%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.instagram.com/outdoorvoices/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/31932c61-2bfa-43e2-9ea1-25233e24284a.jpeg" width="180" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:330px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            <td class="rowContainer kmFloatLeft" valign="top" width="33%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.outdoorvoices.com/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17" target="_self"
                                                style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/a8aa61b1-9772-4043-beff-1db354c1be4a.jpeg" width="180" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:330px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            <td class="rowContainer kmFloatLeft lastColumn" valign="top" width="33%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                              <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                <tbody class="kmImageBlockOuter">
                                  <tr>
                                    <td class="kmImageBlockInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0px;padding-right:9;padding-left:9;" valign="top">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;min-width:100%">
                                        <tbody>
                                          <tr>
                                            <td class="kmImageContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding:0;font-size:0;padding:0;">
                                              <a href="https://www.instagram.com/explore/tags/doingthings/?utm_campaign=Giving+Tuesday++%28HM2GmE%29&utm_medium=email&_ke=eyJrbF9lbWFpbCI6ICJtYXR0aGVsYmlnQG1lLmNvbSIsICJrbF9jb21wYW55X2lkIjogImZIWThWZSJ9&utm_source=Active+Email+or+Purchase+Segment+08_11_17"
                                                target="_self" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline">
<img align="left" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/21b9601c-4f75-47aa-9e6b-89f1a0a1f16b.jpeg" width="180" style="border:0;height:auto;line-height:100%;outline:none;text-decoration:none;max-width:100%;padding-bottom:0;display:inline;vertical-align:top;font-size:12px;width:100%;margin-right:0;max-width:340px;padding:0;border-width:0;">
</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                      <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                        <tbody>
                          <tr>
                            <td class="rowContainer kmFloatLeft" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                              <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                                <tbody class="kmTextBlockOuter">
                                  <tr>
                                    <td class="kmTextBlockInner" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed">
                                        <tbody>
                                          <tr>
                                            <td class="kmTextContent" valign="top" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:Courier;font-size:14px;line-height:130%;letter-spacing:normal;text-align:left;max-width:100%;word-wrap:break-word;padding-top:9px;padding-bottom:36px;padding-right:18px;padding-left:18px;font-family:Courier;">

                                              <p style="margin:0;padding-bottom:1em;text-align: center;"><span style="font-size:10px;"><span style='text-align: center; font-family: "courier new", courier, monospace; color: rgb(128, 128, 128);'><span style="line-height: 13.75px;"> </span></span><span style="text-align: center; color: rgb(128, 128, 128);"><span style='font-family: "courier new", courier, monospace;'><span style="font-family: helvetica, arial, sans-serif;"><span style="line-height: 13.75px;">This email was sent to hello@SmilesDavis.yeah by Outdoor Voices<br>
1637 E 2nd St., Austin, TX 78702</span></span>
                                                </span>
                                                </span>
                                                </span><br>
                                                <span style="font-size: 10px; color: rgb(128, 128, 128);"><span style='font-family: "courier new", courier, monospace;'><span style="font-family: helvetica, arial, sans-serif;"><span style="line-height: 13.75px;"> </span></span>
                                                </span>
                                                </span><span style="font-size: 10px; font-family: helvetica, arial, sans-serif;"><span style="line-height: 13.75px;"><span style="word-wrap: break-word;"><a href="mailto:hello@outdoorvoices.com?subject=A%20Question%20for%20You%2C%20OV." style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline"><span style="color: rgb(128, 128, 128);">E-Mail Us</span></a>
                                                <span
                                                  style="color: rgb(128, 128, 128);"> or </span><a href="#" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline"><span style="color: rgb(128, 128, 128);">Unsubscribe</span></a>
                                                  <span
                                                    profile="" style="color: rgb(128, 128, 128);.&lt;br /&gt;
"><span class="preferences" style="color: rgb(128, 128, 128);"> </span></span><br>
                                                    <span profile=""><span class="preferences"><a href="#" style="word-wrap:break-word;max-width:100%;color:#15C;font-weight:normal;text-decoration:underline"><span style="color:#808080;">Update Profile</span></a>
                                                    </span>
                                                    </span><span style="color:#808080;"><span profile=""><span class="preferences"></span></span>
                                                    </span>
                                                    </span>
                                                    </span>
                                                    </span>
                                              </p>
                                              <span profile="" style="color: rgb(128, 128, 128);.&lt;br /&gt;
"><span style="color: rgb(128, 128, 128);"> </span></span>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </table>
                <!--[if !mso]><!-->
              </div>
            </div>
            <!--<![endif]-->
            <!--[if mso]>
                    </td>
                  </tr>
                </tbody>
              </table>
            <![endif]-->
          </td>
        </tr>
      </tbody>
    </table>
  </center>

</body>

</html>
            
          
!
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.
Loading ..................

Console