123

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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="gray-bg" style="min-height: 100%; background-color: #eeedec !important;">

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

  <style>
    body {
      width: 100% !important;
      min-width: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass {
      line-height: 100%;
    }

    #backgroundTable {
      margin: 0;
      padding: 0;
      width: 100% !important;
      line-height: 100% !important;
    }

    img {
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
      width: auto;
      max-width: 100%;
      clear: both;
      display: block;
    }

    body {
      color: #0a0a0a;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: normal;
      padding: 0;
      margin: 0;
      text-align: left;
      line-height: 1.3;
    }

    body {
      font-size: 16px;
      line-height: 1.3;
    }

    a:hover {
      color: #120e07;
    }

    a:active {
      color: #120e07;
    }

    a:visited {
      color: #382c14;
    }

    h1 a:visited {
      color: #382c14;
    }

    h2 a:visited {
      color: #382c14;
    }

    h3 a:visited {
      color: #382c14;
    }

    h4 a:visited {
      color: #382c14;
    }

    h5 a:visited {
      color: #382c14;
    }

    h6 a:visited {
      color: #382c14;
    }

    table.button:hover table tr td a {
      color: #fefefe;
    }

    table.button:active table tr td a {
      color: #fefefe;
    }

    table.button table tr td a:visited {
      color: #fefefe;
    }

    table.button.tiny:hover table tr td a {
      color: #fefefe;
    }

    table.button.tiny:active table tr td a {
      color: #fefefe;
    }

    table.button.tiny table tr td a:visited {
      color: #fefefe;
    }

    table.button.small:hover table tr td a {
      color: #fefefe;
    }

    table.button.small:active table tr td a {
      color: #fefefe;
    }

    table.button.small table tr td a:visited {
      color: #fefefe;
    }

    table.button.large:hover table tr td a {
      color: #fefefe;
    }

    table.button.large:active table tr td a {
      color: #fefefe;
    }

    table.button.large table tr td a:visited {
      color: #fefefe;
    }

    table.button:hover table td {
      background: #120e07;
      color: #fefefe;
    }

    table.button:visited table td {
      background: #120e07;
      color: #fefefe;
    }

    table.button:active table td {
      background: #120e07;
      color: #fefefe;
    }

    table.button:hover table a {
      border: 0 solid #120e07;
    }

    table.button:visited table a {
      border: 0 solid #120e07;
    }

    table.button:active table a {
      border: 0 solid #120e07;
    }

    table.button.secondary:hover table td {
      background: #919090;
      color: #fefefe;
    }

    table.button.secondary:hover table a {
      border: 0 solid #919090;
    }

    table.button.secondary:hover table td a {
      color: #fefefe;
    }

    table.button.secondary:active table td a {
      color: #fefefe;
    }

    table.button.secondary table td a:visited {
      color: #fefefe;
    }

    table.button.success:hover table td {
      background: #9b6738;
    }

    table.button.success:hover table a {
      border: 0 solid #9b6738;
    }

    table.button.alert:hover table td {
      background: #e23317;
    }

    table.button.alert:hover table a {
      border: 0 solid #e23317;
    }

    table.button.warning:hover table td {
      background: #cc8b00;
    }

    table.button.warning:hover table a {
      border: 0px solid #cc8b00;
    }

    .thumbnail:hover {
      box-shadow: 0 0 6px 1px rgba(56, 44, 20, 0.5);
    }

    .thumbnail:focus {
      box-shadow: 0 0 6px 1px rgba(56, 44, 20, 0.5);
    }

    body.outlook p {
      display: inline !important;
    }

    @media only screen and (max-width: 665px) {
      .small-float-center {
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
      }
      .small-text-center {
        text-align: center !important;
      }
      .small-text-left {
        text-align: left !important;
      }
      .small-text-right {
        text-align: right !important;
      }
      .hide-for-large {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        max-height: none !important;
        font-size: inherit !important;
        line-height: inherit !important;
      }
      table.body table.container .hide-for-large {
        display: table !important;
        width: 100% !important;
      }
      table.body table.container .row.hide-for-large {
        display: table !important;
        width: 100% !important;
      }
      table.body table.container .callout-inner.hide-for-large {
        display: table-cell !important;
        width: 100% !important;
      }
      table.body table.container .show-for-large {
        display: none !important;
        width: 0;
        mso-hide: all;
        overflow: hidden;
      }
      table.body img {
        width: auto;
        height: auto;
      }
      table.body center {
        min-width: 0 !important;
      }
      table.body .container {
        width: 95% !important;
      }
      table.body .columns {
        height: auto !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
      table.body .column {
        height: auto !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
      table.body .columns .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .columns .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .column .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .column .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .collapse .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .collapse .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      td.small-1 {
        display: inline-block !important;
        width: 4.166666% !important;
      }
      th.small-1 {
        display: inline-block !important;
        width: 4.166666% !important;
      }
      td.small-2 {
        display: inline-block !important;
        width: 8.333333% !important;
      }
      th.small-2 {
        display: inline-block !important;
        width: 8.333333% !important;
      }
      td.small-3 {
        display: inline-block !important;
        width: 12.5% !important;
      }
      th.small-3 {
        display: inline-block !important;
        width: 12.5% !important;
      }
      td.small-4 {
        display: inline-block !important;
        width: 16.666666% !important;
      }
      th.small-4 {
        display: inline-block !important;
        width: 16.666666% !important;
      }
      td.small-5 {
        display: inline-block !important;
        width: 20.833333% !important;
      }
      th.small-5 {
        display: inline-block !important;
        width: 20.833333% !important;
      }
      td.small-6 {
        display: inline-block !important;
        width: 25% !important;
      }
      th.small-6 {
        display: inline-block !important;
        width: 25% !important;
      }
      td.small-7 {
        display: inline-block !important;
        width: 29.166666% !important;
      }
      th.small-7 {
        display: inline-block !important;
        width: 29.166666% !important;
      }
      td.small-8 {
        display: inline-block !important;
        width: 33.333333% !important;
      }
      th.small-8 {
        display: inline-block !important;
        width: 33.333333% !important;
      }
      td.small-9 {
        display: inline-block !important;
        width: 37.5% !important;
      }
      th.small-9 {
        display: inline-block !important;
        width: 37.5% !important;
      }
      td.small-10 {
        display: inline-block !important;
        width: 41.666666% !important;
      }
      th.small-10 {
        display: inline-block !important;
        width: 41.666666% !important;
      }
      td.small-11 {
        display: inline-block !important;
        width: 45.833333% !important;
      }
      th.small-11 {
        display: inline-block !important;
        width: 45.833333% !important;
      }
      td.small-12 {
        display: inline-block !important;
        width: 50% !important;
      }
      th.small-12 {
        display: inline-block !important;
        width: 50% !important;
      }
      td.small-13 {
        display: inline-block !important;
        width: 54.166666% !important;
      }
      th.small-13 {
        display: inline-block !important;
        width: 54.166666% !important;
      }
      td.small-14 {
        display: inline-block !important;
        width: 58.333333% !important;
      }
      th.small-14 {
        display: inline-block !important;
        width: 58.333333% !important;
      }
      td.small-15 {
        display: inline-block !important;
        width: 62.5% !important;
      }
      th.small-15 {
        display: inline-block !important;
        width: 62.5% !important;
      }
      td.small-16 {
        display: inline-block !important;
        width: 66.666666% !important;
      }
      th.small-16 {
        display: inline-block !important;
        width: 66.666666% !important;
      }
      td.small-17 {
        display: inline-block !important;
        width: 70.833333% !important;
      }
      th.small-17 {
        display: inline-block !important;
        width: 70.833333% !important;
      }
      td.small-18 {
        display: inline-block !important;
        width: 75% !important;
      }
      th.small-18 {
        display: inline-block !important;
        width: 75% !important;
      }
      td.small-19 {
        display: inline-block !important;
        width: 79.166666% !important;
      }
      th.small-19 {
        display: inline-block !important;
        width: 79.166666% !important;
      }
      td.small-20 {
        display: inline-block !important;
        width: 83.333333% !important;
      }
      th.small-20 {
        display: inline-block !important;
        width: 83.333333% !important;
      }
      td.small-21 {
        display: inline-block !important;
        width: 87.5% !important;
      }
      th.small-21 {
        display: inline-block !important;
        width: 87.5% !important;
      }
      td.small-22 {
        display: inline-block !important;
        width: 91.666666% !important;
      }
      th.small-22 {
        display: inline-block !important;
        width: 91.666666% !important;
      }
      td.small-23 {
        display: inline-block !important;
        width: 95.833333% !important;
      }
      th.small-23 {
        display: inline-block !important;
        width: 95.833333% !important;
      }
      td.small-24 {
        display: inline-block !important;
        width: 100% !important;
      }
      th.small-24 {
        display: inline-block !important;
        width: 100% !important;
      }
      .columns td.small-24 {
        display: block !important;
        width: 100% !important;
      }
      .column td.small-24 {
        display: block !important;
        width: 100% !important;
      }
      .columns th.small-24 {
        display: block !important;
        width: 100% !important;
      }
      .column th.small-24 {
        display: block !important;
        width: 100% !important;
      }
      table.body td.small-offset-1 {
        margin-left: 4.166666% !important;
      }
      table.body th.small-offset-1 {
        margin-left: 4.166666% !important;
      }
      table.body td.small-offset-2 {
        margin-left: 8.333333% !important;
      }
      table.body th.small-offset-2 {
        margin-left: 8.333333% !important;
      }
      table.body td.small-offset-3 {
        margin-left: 12.5% !important;
      }
      table.body th.small-offset-3 {
        margin-left: 12.5% !important;
      }
      table.body td.small-offset-4 {
        margin-left: 16.666666% !important;
      }
      table.body th.small-offset-4 {
        margin-left: 16.666666% !important;
      }
      table.body td.small-offset-5 {
        margin-left: 20.833333% !important;
      }
      table.body th.small-offset-5 {
        margin-left: 20.833333% !important;
      }
      table.body td.small-offset-6 {
        margin-left: 25% !important;
      }
      table.body th.small-offset-6 {
        margin-left: 25% !important;
      }
      table.body td.small-offset-7 {
        margin-left: 29.166666% !important;
      }
      table.body th.small-offset-7 {
        margin-left: 29.166666% !important;
      }
      table.body td.small-offset-8 {
        margin-left: 33.333333% !important;
      }
      table.body th.small-offset-8 {
        margin-left: 33.333333% !important;
      }
      table.body td.small-offset-9 {
        margin-left: 37.5% !important;
      }
      table.body th.small-offset-9 {
        margin-left: 37.5% !important;
      }
      table.body td.small-offset-10 {
        margin-left: 41.666666% !important;
      }
      table.body th.small-offset-10 {
        margin-left: 41.666666% !important;
      }
      table.body td.small-offset-11 {
        margin-left: 45.833333% !important;
      }
      table.body th.small-offset-11 {
        margin-left: 45.833333% !important;
      }
      table.body td.small-offset-12 {
        margin-left: 50% !important;
      }
      table.body th.small-offset-12 {
        margin-left: 50% !important;
      }
      table.body td.small-offset-13 {
        margin-left: 54.166666% !important;
      }
      table.body th.small-offset-13 {
        margin-left: 54.166666% !important;
      }
      table.body td.small-offset-14 {
        margin-left: 58.333333% !important;
      }
      table.body th.small-offset-14 {
        margin-left: 58.333333% !important;
      }
      table.body td.small-offset-15 {
        margin-left: 62.5% !important;
      }
      table.body th.small-offset-15 {
        margin-left: 62.5% !important;
      }
      table.body td.small-offset-16 {
        margin-left: 66.666666% !important;
      }
      table.body th.small-offset-16 {
        margin-left: 66.666666% !important;
      }
      table.body td.small-offset-17 {
        margin-left: 70.833333% !important;
      }
      table.body th.small-offset-17 {
        margin-left: 70.833333% !important;
      }
      table.body td.small-offset-18 {
        margin-left: 75% !important;
      }
      table.body th.small-offset-18 {
        margin-left: 75% !important;
      }
      table.body td.small-offset-19 {
        margin-left: 79.166666% !important;
      }
      table.body th.small-offset-19 {
        margin-left: 79.166666% !important;
      }
      table.body td.small-offset-20 {
        margin-left: 83.333333% !important;
      }
      table.body th.small-offset-20 {
        margin-left: 83.333333% !important;
      }
      table.body td.small-offset-21 {
        margin-left: 87.5% !important;
      }
      table.body th.small-offset-21 {
        margin-left: 87.5% !important;
      }
      table.body td.small-offset-22 {
        margin-left: 91.666666% !important;
      }
      table.body th.small-offset-22 {
        margin-left: 91.666666% !important;
      }
      table.body td.small-offset-23 {
        margin-left: 95.833333% !important;
      }
      table.body th.small-offset-23 {
        margin-left: 95.833333% !important;
      }
      table.body table.columns td.expander {
        display: none !important;
      }
      table.body table.columns th.expander {
        display: none !important;
      }
      table.body .right-text-pad {
        padding-left: 10px !important;
      }
      table.body .text-pad-right {
        padding-left: 10px !important;
      }
      table.body .left-text-pad {
        padding-right: 10px !important;
      }
      table.body .text-pad-left {
        padding-right: 10px !important;
      }
      table.menu {
        width: 100% !important;
      }
      table.menu td {
        width: auto !important;
        display: inline-block !important;
      }
      table.menu th {
        width: auto !important;
        display: inline-block !important;
      }
      table.menu.vertical td {
        display: block !important;
      }
      table.menu.vertical th {
        display: block !important;
      }
      table.menu.small-vertical td {
        display: block !important;
      }
      table.menu.small-vertical th {
        display: block !important;
      }
      table.menu[align="center"] {
        width: auto !important;
      }
      table.button.small-expand {
        width: 100% !important;
      }
      table.button.small-expanded {
        width: 100% !important;
      }
      table.button.small-expand table {
        width: 100%;
      }
      table.button.small-expanded table {
        width: 100%;
      }
      table.button.small-expand table a {
        text-align: center !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.button.small-expanded table a {
        text-align: center !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.button.small-expand center {
        min-width: 0;
      }
      table.button.small-expanded center {
        min-width: 0;
      }
    }

    @media screen and (max-width: 665px) {
      .mq-center-small {
        text-align: center;
      }
      .mq-center-small-block {
        text-align: center;
      }
      .mq-hidden-sm {
        display: none;
      }
      .footer {
        max-width: 100%;
        width: 100% !important;
      }
      .float-right {
        float: none !important;
      }
      .float-left {
        float: none !important;
      }
      .raster-text {
        width: auto !important;
        height: 35px !important;
      }
    }

    @media screen and (min-width: 665px) {
      .mq-hidden-lg {
        display: none;
      }
    }
  </style>
</head>

<body style="width: 100% !important;margin: 0;padding: 0;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;color: #0a0a0a;font-family: Helvetica, Arial, sans-serif;font-weight: normal;text-align: left;line-height: 1.3;font-size: 16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;">
  <table class="body atlas-transactional-email gray-bg" data-made-with-foundation="" style="border-spacing: 0; margin: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;"
    bgcolor="#eeedec">
    <tr style="vertical-align: top; padding: 0;" align="left">
      <td class="center" align="center" valign="top" style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;">
        <center style="width: 100%; min-width: 650px;">
          <table class="gray-bg container" align="center" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; padding: 0; margin: 0 auto; width: 650px;" bgcolor="#eeedec">
            <tbody>
              <tr style="vertical-align: top; padding: 0;" align="left">
                <td style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;"
                  align="left" valign="top">
                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="42px" style="font-size: 42px; margin: 0; padding: 0; line-height: 42px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class=" row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class=" small-24 large-24 columns first last" style="width: 635px; margin: 0 auto; padding: 0 15px 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <a href="https://www.atlasobscura.com" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none;">
                                  <center style="width: 100%; min-width: 605px;">
                                    <img class="atlas-logo float-center" width="203" height="20" src="https://images-staging.atlasobscura.com/misc/app-images/atlas-obscura-600x60.png" alt="Atlas Logo" align="center" style="outline: none; margin: 0 auto; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 203px; max-width: 203px; clear: both; display: block; text-align: center; height: auto;">
                                  </center>
                                </a>
                              </th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>
                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="42px" style="font-size: 42px; margin: 0; padding: 0; line-height: 42px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>

          <table class=" container" align="center" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; padding: 0; margin: 0 auto; width: 650px;" bgcolor="#fefefe">
            <tbody>
              <tr style="vertical-align: top; padding: 0;" align="left">
                <td style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;"
                  align="left" valign="top">
                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="47px" style="font-size: 47px; margin: 0; padding: 0; line-height: 47px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class=" small-24 large-24 columns first last" style="width: 635px; margin: 0 auto; padding: 0 15px 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <center style="width: 100%; min-width: 605px;">
                                  <h3 align="center" class=" float-center" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: 600; line-height: 1.3; word-wrap: normal; font-size: 28px;">Safe travels.</h3>
                                </center>
                              </th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="10px" style="font-size: 10px; margin: 0; padding: 0; line-height: 10px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class="large-offset-2 small-24 large-20 columns first" style="width: 526.666666667px; margin: 0 auto; padding: 0 7.5px 0px 69.1666666667px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;"
                          align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <center style="width: 100%; min-width: 496.666666667px;">
                                  <p class="body-text large float-center" align="center" style="color: #666666; margin: 0 0 8px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: 100; line-height: 24px; font-size: 21px; letter-spacing: 0.65px;">We hope you’ll explore the world with us again soon.</p>
                                </center>
                              </th>
                            </tr>
                          </table>
                        </th>
                        <th class=" small-12 large-2 columns last" style="width: 39.1666666667px; margin: 0 auto; padding: 0 15px 0px 7.5px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="26px" style="font-size: 26px; margin: 0; padding: 0; line-height: 26px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class="large-offset-2 small-24 large-20 columns first" style="width: 526.666666667px; margin: 0 auto; padding: 0 7.5px 0px 69.1666666667px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;"
                          align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <center style="width: 100%; min-width: 496.666666667px;">
                                  <p class="body-text float-center" align="center" style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-weight: 100; line-height: 24px; padding: 0; margin: 0 0 8px; font-size: 17px;">Still want a touch of wonder? Just not every day? Click below to sign up for our weekly newsletter.</p>
                                </center>
                                <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                                  <tbody>
                                    <tr style="vertical-align: top; padding: 0;" align="left">
                                      <td height="26px" style="font-size: 26px; margin: 0; padding: 0; line-height: 26px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                                        align="left" valign="top"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <center style="width: 100%; min-width: 496.666666667px;">
                                  <table class="small success button float-center" align="center" style="border-spacing: 0; margin: 0 0 16px; padding: 0; border-collapse: collapse; vertical-align: top; text-align: center; float: none; width: auto;">
                                    <tr style="vertical-align: top; padding: 0;" align="left">
                                      <td style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;"
                                        align="left" valign="top">
                                        <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                                          <tr style="vertical-align: top; padding: 0;" align="left">
                                            <td style="word-wrap: break-word; margin: 0; padding: 8px 10px; border: 0px solid #bd8049; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #fefefe; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 12px; word-break: keep-all; -ms-hyphens: none;"
                                              align="left" bgcolor="#bd8049" valign="top"><a href="#" style="color: #fefefe; margin: 0; padding: 8px 10px; border: 0 solid #bd8049; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; line-height: 1.3; text-decoration: none; font-size: 12px; display: inline-block; border-radius: 3px; letter-spacing: 0.08em;">SUBSCRIBE TO WEEKLY</a></td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </center>
                              </th>
                            </tr>
                          </table>
                        </th>
                        <th class=" small-12 large-2 columns last" style="width: 39.1666666667px; margin: 0 auto; padding: 0 15px 0px 7.5px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="26px" style="font-size: 26px; margin: 0; padding: 0; line-height: 26px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class="large-offset-2 small-24 large-20 columns first" style="width: 526.666666667px; margin: 0 auto; padding: 0 7.5px 0px 69.1666666667px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;"
                          align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <p class="text-center body-text" style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-weight: 100; line-height: 24px; padding: 0; margin: 0 0 8px; font-size: 17px;" align="center">Didn't mean to unsubscribe? Click below to resubscribe to our daily dispatches.</p>
                                <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                                  <tbody>
                                    <tr style="vertical-align: top; padding: 0;" align="left">
                                      <td height="26px" style="font-size: 26px; margin: 0; padding: 0; line-height: 26px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                                        align="left" valign="top"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <center style="width: 100%; min-width: 496.666666667px;">
                                  <table class="small secondary button float-center" align="center" style="border-spacing: 0; margin: 0 0 16px; padding: 0; border-collapse: collapse; vertical-align: top; text-align: center; float: none; width: auto;">
                                    <tr style="vertical-align: top; padding: 0;" align="left">
                                      <td style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;"
                                        align="left" valign="top">
                                        <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                                          <tr style="vertical-align: top; padding: 0;" align="left">
                                            <td style="word-wrap: break-word; margin: 0; padding: 8px 10px; border: 0px solid #777777; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #fefefe; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 12px; word-break: keep-all; -ms-hyphens: none;"
                                              align="left" bgcolor="#777777" valign="top"><a href="#" style="color: #fefefe; margin: 0; padding: 8px 10px; border: 0 solid #777777; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; line-height: 1.3; text-decoration: none; font-size: 12px; display: inline-block; border-radius: 3px; letter-spacing: 0.08em;">RESUBSCRIBE</a></td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </center>
                              </th>
                            </tr>
                          </table>
                        </th>
                        <th class=" small-12 large-2 columns last" style="width: 39.1666666667px; margin: 0 auto; padding: 0 15px 0px 7.5px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="48px" style="font-size: 48px; margin: 0; padding: 0; line-height: 48px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>

          <table class="gray-bg footer container" align="center" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; padding: 0; margin: 0 auto; width: 650px;" bgcolor="#eeedec">
            <tbody>
              <tr style="vertical-align: top; padding: 0;" align="left">
                <td style="word-wrap: break-word; margin: 0; padding: 0; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; word-break: keep-all; -ms-hyphens: none;"
                  align="left" valign="top">

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="48px" style="font-size: 48px; margin: 0; padding: 0; line-height: 48px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class="collapse row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class=" small-6 large-6 columns first" style="width: 170px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left"></th>
                            </tr>
                          </table>
                        </th>

                        <th class=" small-3 large-3 columns" style="width: 81.25px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <a href="https://www.facebook.com/atlasobscura/" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none;">
                                  <center style="width: 100%; min-width: 36.25px;">
                                    <img width="20" height="20" style="max-width: 20px; margin: 0 auto; border: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; text-align: center;" src="https://s3.amazonaws.com/atlas-dev/misc/app-images/icons/fb_logo.png"
                                      alt="" align="center" class=" float-center">
                                  </center>
                                </a>
                              </th>
                            </tr>
                          </table>
                        </th>

                        <th class=" small-3 large-3 columns" style="width: 81.25px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <a href="https://twitter.com/atlasobscura" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none;">
                                  <center style="width: 100%; min-width: 36.25px;">
                                    <img width="24.4" height="20" style="max-width: 25px; margin: 0 auto; border: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; text-align: center;" src="https://s3.amazonaws.com/atlas-dev/misc/app-images/icons/twitter_logo.png"
                                      alt="" align="center" class=" float-center">
                                  </center>
                                </a>
                              </th>
                            </tr>
                          </table>
                        </th>

                        <th class=" small-3 large-3 columns" style="width: 81.25px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <a href="https://www.instagram.com/atlasobscura/" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none;">
                                  <center style="width: 100%; min-width: 36.25px;">
                                    <img width="20" height="20" style="max-width: 20px; margin: 0 auto; border: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; text-align: center;" src="https://s3.amazonaws.com/atlas-dev/misc/app-images/icons/insta_logo.png"
                                      alt="" align="center" class=" float-center">
                                  </center>
                                </a>
                              </th>
                            </tr>
                          </table>
                        </th>

                        <th class=" small-3 large-3 columns" style="width: 81.25px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <a href="https://www.youtube.com/user/atlasobscura" style="color: #382c14; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none;">
                                  <center style="width: 100%; min-width: 36.25px;">
                                    <img width="28.3" height="20" style="max-width: 29px; margin: 0 auto; border: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; text-align: center;" class="last  float-center" src="https://s3.amazonaws.com/atlas-dev/misc/app-images/icons/youtube_logo.png"
                                      alt="" align="center">
                                  </center>
                                </a>
                              </th>
                            </tr>
                          </table>
                        </th>
                        <th class=" small-6 large-6 columns last" style="width: 170px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="24px" style="font-size: 24px; margin: 0; padding: 0; line-height: 24px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>

                  <table class="collapse row" style="border-spacing: 0; padding: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: table;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <th class=" small-24 large-24 columns first last" style="width: 657.5px; margin: 0 auto; padding: 0 0 0px; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px;" align="left">
                          <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                            <tr style="vertical-align: top; padding: 0;" align="left">
                              <th style="color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; padding: 0; margin: 0; font-size: 16px;" align="left">
                                <p class="text-center fine-print" style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-weight: 100; line-height: 19px; padding: 0; margin: 0 0 8px; font-size: 13px;" align="center">61 Greenpoint Ave #622, Brooklyn, NY 11222</p>
                              </th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>

                  <table class=" spacer " style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; padding: 0;">
                    <tbody>
                      <tr style="vertical-align: top; padding: 0;" align="left">
                        <td height="24px" style="font-size: 24px; margin: 0; padding: 0; line-height: 24px; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; mso-line-height-rule: exactly; color: #0a0a0a; font-family: Helvetica, Arial, sans-serif; font-weight: normal; word-break: keep-all; -ms-hyphens: none;"
                          align="left" valign="top"> </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>

        </center>
      </td>
    </tr>
  </table>
</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.

Console