Pen Settings

HTML

CSS

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

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!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" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width">
    <title>City Page</title>
    <style type="text/css">
      @media only screen {
        html {
          min-height:100%;
          background:#fbf7f1;
        }
      }

      @media only screen and (max-width:605px) {
        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:25px !important;
          padding-right:25px !important;
        }

        table.body .columns .columns {
          padding-left:0 !important;
          padding-right:0 !important;
        }

        th.small-12 {
          display:inline-block !important;
          width:100% !important;
        }

        .columns th.small-12 {
          display:block !important;
          width:100% !important;
        }

        table.menu {
          width:100% !important;
        }

        table.menu td,table.menu th {
          width:auto !important;
          display:inline-block !important;
        }
      }
    </style>
  </head>
  <body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#0a0a0a;font-family:Georgia,sans-serif;font-size:18px;font-weight:400;line-height:26px;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">
    <span class="preheader" style="color:#fbf7f1;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span>
    <table class="body" style="margin:0;background:#fbf7f1;border-collapse:collapse;border-spacing:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;height:100%;line-height:26px;padding:0;text-align:left;vertical-align:top;width:100%;">
      <tr style="padding:0;text-align:left;vertical-align:top;">
        <td class="center" align="center" valign="top" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
          <center style="min-width:580px;width:100%;">
            <table class="spacer float-center" style="margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;padding:0;text-align:center;vertical-align:top;width:100%;">
              <tbody>
                <tr style="padding:0;text-align:left;vertical-align:top;">
                  <td height="40" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:40px;font-weight:400;line-height:40px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                </tr>
              </tbody>
            </table>
            <table align="center" class="container" style="margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;padding:0;text-align:inherit;vertical-align:top;width:580px;">
              <tbody>
                <tr style="padding:0;text-align:left;vertical-align:top;">
                  <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                    <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%;">
                      <tbody>
                        <tr style="padding:0;text-align:left;vertical-align:top;">
                          <th class="small-12 large-12 columns first last" style="margin:0 auto;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;padding-bottom:16px;padding-left:25px;padding-right:25px;text-align:left;width:555px;">
                            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                              <tr style="padding:0;text-align:left;vertical-align:top;">
                                <th style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">
                                  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                    <tbody>
                                      <tr style="padding:0;text-align:left;vertical-align:top;">
                                        <td height="52" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:52px;font-weight:400;line-height:52px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                      </tr>
                                    </tbody>
                                  </table><img src="https://dorsia-email-images.s3.amazonaws.com/logo.png" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:144px" alt="logo.png">
                                  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                    <tbody>
                                      <tr style="padding:0;text-align:left;vertical-align:top;">
                                        <td height="26" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:26px;font-weight:400;line-height:26px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </th>
                                <th class="expander" style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0 !important;text-align:left;visibility:hidden;width:0;"></th>
                              </tr>
                            </table>
                          </th>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <div style="background-color:#fff;max-width:580px;"><img src="https://dorsia-email-images.s3.amazonaws.com/city-page-1.jpg" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto" alt="city-page-1.jpg">
            </div>
            <table style="margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;max-width:580px;padding:0;text-align:inherit;vertical-align:top;width:580px;" align="center" class="container">
              <tbody>
                <tr style="padding:0;text-align:left;vertical-align:top;">
                  <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                    <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%;">
                      <tbody>
                        <tr style="padding:0;text-align:left;vertical-align:top;">
                          <th class="small-12 large-12 columns first last" style="margin:0 auto;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;padding-bottom:16px;padding-left:25px;padding-right:25px;text-align:left;width:555px;">
                            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                              <tr style="padding:0;text-align:left;vertical-align:top;">
                                <th style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">
                                  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                    <tbody>
                                      <tr style="padding:0;text-align:left;vertical-align:top;">
                                        <td height="50" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:50px;font-weight:400;line-height:50px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <p style="margin:0;margin-bottom:10px;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:700;line-height:26px;padding:0;text-align:left;">City pages are finally here to help you get the most out of your next trip.</p>
                                  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                    <tbody>
                                      <tr style="padding:0;text-align:left;vertical-align:top;">
                                        <td height="25" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:25px;font-weight:400;line-height:25px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <p style="margin:0;margin-bottom:10px;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">We've packed the information you need to know about each city so you can feel less like a tourist and more like a local. <a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=8be67df8f5&e=471682a9b6" style="margin:0;color:#f98560;font-family:Georgia, sans-serif;font-weight:400;line-height:1.3;padding:0;text-align:left;text-decoration:none;">Ride New York City's subways</a> like a pro and learn just enough Catalan to navigate Barcelona with confidence.</p>
                                  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                    <tbody>
                                      <tr style="padding:0;text-align:left;vertical-align:top;">
                                        <td height="25" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:25px;font-weight:400;line-height:25px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table class="button default" style="margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;font-family:Georgia, sans-serif;font-weight:400;padding:0;text-align:left;vertical-align:top;width:auto;">
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                                        <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                          <tr style="padding:0;text-align:left;vertical-align:top;">
                                            <td style="-webkit-hyphens:auto;margin:0;background:#0a0a0a;border:0 solid #0a0a0a;border-collapse:collapse !important;color:#fefefe;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"><a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=f2f9facff3&e=471682a9b6" style="margin:0;border:0 solid #0a0a0a;border-radius:3px;color:#fefefe;display:inline-block;font-family:Georgia, sans-serif;font-size:16px;font-weight:400;line-height:1.3;padding:17px 30px 17px 30px;text-align:left;text-decoration:none;">Discover City Pages</a>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                                <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                  <tbody>
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td height="50" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:50px;font-weight:400;line-height:50px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <p style="margin:0;margin-bottom:10px;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">From currency to weather, and when to go and what to pack, Dorsia's got your back. Look out for the new City Page icon on the app as we continue to add more cities. To celebrate, we're launching Mexico City!</p>
                                <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                  <tbody>
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td height="26" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:26px;font-weight:400;line-height:26px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </th>
                              <th class="expander" style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0 !important;text-align:left;visibility:hidden;width:0;"></th>
                            </tr>
                          </table>
                        </th>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
          <div style="background-color:#fff;max-width:580px;"><img src="https://dorsia-email-images.s3.amazonaws.com/city-page-2b.jpg" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto" alt="city-page-2b.jpg">
          </div>
          <table style="margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;max-width:580px;padding:0;text-align:inherit;vertical-align:top;width:580px;" align="center" class="container">
            <tbody>
              <tr style="padding:0;text-align:left;vertical-align:top;">
                <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                  <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%;">
                    <tbody>
                      <tr style="padding:0;text-align:left;vertical-align:top;">
                        <th class="small-12 large-12 columns first last" style="margin:0 auto;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;padding-bottom:16px;padding-left:25px;padding-right:25px;text-align:left;width:555px;">
                          <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                            <tr style="padding:0;text-align:left;vertical-align:top;">
                              <th style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">
                                <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                  <tbody>
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td height="50" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:50px;font-weight:400;line-height:50px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <p style="margin:0;margin-bottom:10px;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">While human sacrifices have long gone out of fashion, the Aztecs did leave behind a city of wonders. A first-rate food scene, more museums than Paris, and mercados that put Whole Foods to shame. This is Mexico City.</p>
                                <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                  <tbody>
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td height="25" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:25px;font-weight:400;line-height:25px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <table class="button default" style="margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;font-family:Georgia, sans-serif;font-weight:400;padding:0;text-align:left;vertical-align:top;width:auto;">
                                  <tr style="padding:0;text-align:left;vertical-align:top;">
                                    <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                                      <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                        <tr style="padding:0;text-align:left;vertical-align:top;">
                                          <td style="-webkit-hyphens:auto;margin:0;background:#0a0a0a;border:0 solid #0a0a0a;border-collapse:collapse !important;color:#fefefe;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"><a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=65dd5f03d3&e=471682a9b6" style="margin:0;border:0 solid #0a0a0a;border-radius:3px;color:#fefefe;display:inline-block;font-family:Georgia, sans-serif;font-size:16px;font-weight:400;line-height:1.3;padding:17px 30px 17px 30px;text-align:left;text-decoration:none;">Explore CDMX</a>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>
                              <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                <tbody>
                                  <tr style="padding:0;text-align:left;vertical-align:top;">
                                    <td height="50" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:50px;font-weight:400;line-height:50px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                  </tr>
                                </tbody>
                              </table>
                            </th>
                            <th class="expander" style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0 !important;text-align:left;visibility:hidden;width:0;"></th>
                          </tr>
                        </table>
                      </th>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
        <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
          <tbody>
            <tr style="padding:0;text-align:left;vertical-align:top;">
              <td height="62" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:62px;font-weight:400;line-height:62px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
            </tr>
          </tbody>
        </table>
        <table align="center" class="container transparent" style="margin:0 auto;background:0 0;border-collapse:collapse;border-spacing:0;padding:0;text-align:inherit;vertical-align:top;width:580px;">
          <tbody>
            <tr style="padding:0;text-align:left;vertical-align:top;">
              <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%;">
                  <tbody>
                    <tr style="padding:0;text-align:left;vertical-align:top;">
                      <th class="small-12 large-12 columns first last" style="margin:0 auto;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;padding-bottom:16px;padding-left:25px;padding-right:25px;text-align:left;width:555px;">
                        <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                          <tr style="padding:0;text-align:left;vertical-align:top;">
                            <th style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;">
                              <center style="min-width:505px;width:100%;">
                                <img src="https://s3.amazonaws.com/dorsia-email-images/divider.png" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:91px" class="float-center" alt="divider.png">
                                <table class="spacer float-center" style="margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;padding:0;text-align:center;vertical-align:top;width:100%;">
                                  <tbody>
                                    <tr style="padding:0;text-align:left;vertical-align:top;">
                                      <td height="25" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:25px;font-weight:400;line-height:25px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <table style="border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:left;vertical-align:top;width:180px !important;" class="menu">
                                  <tr style="padding:0;text-align:left;vertical-align:top;">
                                    <td style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;">
                                      <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                                        <tr style="padding:0;text-align:left;vertical-align:top;">
                                          <th class="menu-item float-center" style="margin:0 auto;color:#0a0a0a;float:none;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:10px;padding-right:10px;text-align:center;"><a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=c084f0143c&e=471682a9b6" style="margin:0;color:#2199e8;font-family:Georgia, sans-serif;font-weight:400;line-height:1.3;padding:0;text-align:left;text-decoration:none;"><img src="https://s3.amazonaws.com/dorsia-email-images/instagram-button.png" style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:40px" alt="instagram-button.png"></a>
                                        </th>
                                        <th class="menu-item float-center" style="margin:0 auto;color:#0a0a0a;float:none;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:10px;padding-right:10px;text-align:center;"><a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=9ab0af69a2&e=471682a9b6" style="margin:0;color:#2199e8;font-family:Georgia, sans-serif;font-weight:400;line-height:1.3;padding:0;text-align:left;text-decoration:none;"><img src="https://s3.amazonaws.com/dorsia-email-images/twitter-button.png" style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:40px" alt="twitter-button.png"></a>
                                      </th>
                                      <th class="menu-item float-center" style="margin:0 auto;color:#0a0a0a;float:none;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:10px;padding-right:10px;text-align:center;"><a href="https://dorsia.us16.list-manage.com/track/click?u=fda6c6521573bd6d6d76a2000&id=c4e4c07d41&e=471682a9b6" style="margin:0;color:#2199e8;font-family:Georgia, sans-serif;font-weight:400;line-height:1.3;padding:0;text-align:left;text-decoration:none;"><img src="https://s3.amazonaws.com/dorsia-email-images/facebook-button.png" style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:40px" alt="facebook-button.png"></a>
                                    </th>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                          <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                            <tbody>
                              <tr style="padding:0;text-align:left;vertical-align:top;">
                                <td height="12" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:12px;font-weight:400;line-height:12px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                              </tr>
                            </tbody>
                          </table>
                          <small class="small" style="color:#9c9b9a;font-family:Georgia, sans-serif;font-size:12px;line-height:14px;">If you prefer not to receive emails like this, you may <a href="#" style="margin:0;color:#f98560;font-family:Georgia, sans-serif;font-weight:400;line-height:1.3;padding:0;text-align:left;text-decoration:none;">unsubscribe</a>.</small>
                          <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
                            <tbody>
                              <tr style="padding:0;text-align:left;vertical-align:top;">
                                <td height="8" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:8px;font-weight:400;line-height:8px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
                              </tr>
                            </tbody>
                          </table>
                          <small style="color:#9c9b9a;font-family:Georgia, sans-serif;font-size:12px;line-height:14px;">© 2019 Dorsia. All rights reserved.</small>
                        </center>
                      </th>
                      <th class="expander" style="margin:0;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:18px;font-weight:400;line-height:26px;padding:0 !important;text-align:left;visibility:hidden;width:0;"></th>
                    </tr>
                  </table>
                </th>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%;">
    <tbody>
      <tr style="padding:0;text-align:left;vertical-align:top;">
        <td height="60" style="-webkit-hyphens:auto;margin:0;border-collapse:collapse !important;color:#0a0a0a;font-family:Georgia, sans-serif;font-size:60px;font-weight:400;line-height:60px;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word;"> </td>
      </tr>
    </tbody>
  </table>
</center>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display:none;white-space:nowrap;font:15px courier;line-height:0;">                                                           </div>
            <center>
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
                    <tr>
                        <td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
                            <table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
                                <tr>
                                    <td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
                                        This email was sent to <a href="mailto:" target="_blank" style="color:#404040 !important;"><span class="__cf_email__" data-cfemail="e28a878e8e8da2b18f8b8e8791a683948b91cc9b87838a">[email&#160;protected]</span></a>
                                        <br />
                                        <a href="https://dorsia.us16.list-manage.com/about?u=fda6c6521573bd6d6d76a2000&id=d0a5791261&e=471682a9b6&c=e6bd939f3c" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="color:#404040 !important;">update subscription preferences</a>
                                        <br />
                                        Dorsia.io &middot; 41 E 11th Street &middot; Dorsia.io, 9th Floor &middot; New York, NY 10003 &middot; USA
                                        <br />
                                        <br />

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <style type="text/css">
                    @media only screen and (max-width: 480px){
                        table#canspamBar td{font-size:14px !important;}
                        table#canspamBar td a{display:block !important; margin-top:10px !important;}
                    }
                </style>
            </center>
  
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console