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

              
                <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta name="x-apple-disable-message-reformatting">
    <title>Pick your favorites: National Geographic, BBC Breaking News, and BBC News (World)</title>
    <!--[if mso]>
    <style type="text/css">
      html, body, h1, p, div, span, a, table, tr, td {
        font-family: Arial, sans-serif !important;
      }
      h1 {
        font-size: 15px;
        font-weight: bold;
      }
      p {
        font-size: 15px;
      }
      a {
        color: #1492ef;
        text-decoration: none;
      }
    </style>
    <![endif]-->
    
    <style type="text/css">
      div[style*="margin: 16px 0"] {
        margin:0 !important;
      }
      table,
      td {
        mso-table-lspace: 0pt !important;
        mso-table-rspace: 0pt !important;
      }
      table {
        border-spacing: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        margin: 0 auto !important;
      }
      table table table {
        table-layout: auto;
      }
      img {
          -ms-interpolation-mode:bicubic;
      }
      *[x-apple-data-detectors],  /* iOS */
      .x-gmail-data-detectors,    /* Gmail */
      .x-gmail-data-detectors *,
      .aBn {
        border-bottom: 0 !important;
        cursor: default !important;
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
      }
      .a6S {
        display: none !important;
        opacity: 0.01 !important;
      }
      img.g-img + div {
        display:none !important;
      }
      .button-link {
        text-decoration: none !important;
      }
    </style>
    <style type="text/css">
      @media screen and (max-width: 520px) {
        .big-number {
          font-size: 40px !important;
        }
        .hide-on-narrow {
          display: none;
        }
        .white-on-narrow {
          background-color: white !important;
        }
        .center-on-narrow {
          text-align: center !important;
          display: block !important;
          margin-left: auto !important;
          margin-right: auto !important;
          float: none !important;
        }
        table.center-on-narrow {
          display: inline-block !important;
        }
        .link {
          margin: 0 !important;
          padding-right: 0 !important;
          padding-left: 0 !important;
          border-color: #e6e6e6 !important;
          border-top-width: 0 !important;
          border-right-width: 0 !important;
          border-left-width: 0 !important;
          -webkit-border-radius: 0 !important;
          -moz-border-radius: 0 !important;
          border-radius: 0 !important;
        }
        p.title {
          font-size: 17px !important;
          font-weight: bold !important;
        }
        p.description {
          font-size: 14px !important;
        }
      }
      /* 3 equal-width columns Layout Pattern CSS */
      @media only screen and (max-width: 599px) {
        td[class="pattern"] table { width: 100%; }
        td[class="pattern"] .col{
          width: 33%;
        }
      }
      @media only screen and (max-width: 500px) {
        td[class="pattern"] .col{
          width: 100%;
          display: block;
        }
        td[class="pattern"] .col-left,
        td[class="pattern"] .col-mid {
          margin-bottom: 0;
        }
      }
    </style>
  </head>
  <body bgcolor="#ffffff" style="margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: auto; text-align: left; color: black; background-color: #ffffff; mso-line-height-rule: exactly;" width="100%">
    <!--[if mso]>
    <h1>
      Pick your favorites
    </h1>
    <ul>
      <li>
        <a href="https://refind.com/NatGeo">National Geographic</a>
      </li><li>
        <a href="https://refind.com/BBCBreaking">BBC Breaking News</a>
      </li><li>
        <a href="https://refind.com/BBCWorld">BBC News (World)</a>
      </li><li>
        <a href="https://refind.com/TheEconomist">The Economist</a>
      </li><li>
        <a href="https://refind.com/nytimes">The New York Times</a>
      </li><li>
        <a href="https://refind.com/WSJ">The Wall Street Journal</a>
      </li><li>
        <a href="https://refind.com/espn">ESPN</a>
      </li><li>
        <a href="https://refind.com/CNN">CNN</a>
      </li><li>
        <a href="https://refind.com/MTV">MTV</a>
      </li>
      <li>
        <a href="https://refind.com/i/following/publishers">View more</a>
      </li>
    </ul>
    <p style="font-size: 12px; line-height: 1.5; color: #b3b3b3;">
      <a href="https://refind.com/" style="color: #b3b3b3; text-decoration: underline;">Refind</a><br />Worth your attention<br /><a href="https://refind.com/i/email/unsubscribe/2100/sxEf8mEJhffpWTxWiftovQ" style="color: #b3b3b3; text-decoration: underline;">Unsubscribe</a>&nbsp;&middot;&nbsp;<a href="https://refind.com/help" style="color: #b3b3b3; text-decoration: underline;">Help</a>&nbsp;&middot;&nbsp;<a href="https://twitter.com/refindcom" style="color: #b3b3b3; text-decoration: underline;">Twitter</a>
    </p>
    <![endif]-->
    <!--[if !mso]><!-- -->
    <center class="white-on-narrow" style="width: 100%; text-align: left; background-color: #ffffff;">
      <div class="email-container" style="max-width: 450px; margin: auto;">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 450px;" summary="" width="100%">
          <tbody><tr>
            <td align="center" style="text-align: center;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tbody><tr>
                  <td align="center" style="padding: 30px 20px 100px 20px; text-align: center;" valign="top">
                    <a href="https://refind.com/" target="_blank"><img alt="Refind" height="71" src="https://d2qsqwbsghr38c.cloudfront.net/img/logo/logotype_email.png?c6fab8419ff43df15351ea309adad3cd6fad52a4f14d21bc97cf822c13669066" style="width: 55px; height: 71px; border: 0;" width="55"></a>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
          <tr>
            <td align="center" style="text-align: center;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tbody><tr>
                  <td align="center" style="padding: 0px 20px 10px 20px; text-align: center;" valign="top">
                    <p style="margin: 0; padding: 0; font-size: 22px; font-weight: bold; color: #333333; text-align: center;">
                      Pick your favorites
                    </p>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr><tr>
            <td align="center" style="text-align: center;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tbody><tr>
                  <td align="center" style="padding: 40px 0px 30px 0px; text-align: center;" valign="top">
                    <table>
                      <tbody><tr>
                        <td align="center" class="pattern" width="450">
                          <table cellpadding="0" cellspacing="0">
                            <tbody><tr>
                              <td align="left" class="col col-left" valign="top" width="150">
                                <table cellpadding="0" cellspacing="0">
                                  <tbody><tr>
                                    <td align="center">
                                      <table cellpadding="0" cellspacing="0">
                                        <tbody><tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/NatGeo" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">National Geographic</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@NatGeo</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/BBCBreaking" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">BBC Breaking News</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@BBCBreaking</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/BBCWorld" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">BBC News (World)</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@BBCWorld</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody></table>
                                    </td>
                                  </tr>
                                </tbody></table>
                              </td>
                              <td align="left" class="col col-mid" valign="top" width="150">
                                <table cellpadding="0" cellspacing="0">
                                  <tbody><tr>
                                    <td align="center">
                                      <table cellpadding="0" cellspacing="0">
                                        <tbody><tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/TheEconomist" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">The Economist</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@TheEconomist</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/nytimes/follow" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/nytimes" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/nytimes/follow" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">The New York Times</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/nytimes/follow" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@nytimes</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/WSJ/follow" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/WSJ" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/WSJ/follow" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">The Wall Street Journal</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/WSJ/follow" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@WSJ</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody></table>
                                    </td>
                                  </tr>
                                </tbody></table>
                              </td>
                              <td align="left" class="col " valign="top" width="150">
                                <table cellpadding="0" cellspacing="0">
                                  <tbody><tr>
                                    <td align="center">
                                      <table cellpadding="0" cellspacing="0">
                                        <tbody><tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/espn/follow" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/espn" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/espn/follow" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">ESPN</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/espn/follow" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@espn</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/CNN" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">CNN</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@CNN</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center">
                                            <div style="padding: 5px 0;">
                                              <div style="width: 150px; padding: 8; line-height: 1;">
                                                <div style="width: 140px; margin: 0 auto; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;">
                                                  <div style="width: 140px; height: 140px; text-decoration: none;">
                                                    <a href="https://refind.com/signin" target="_blank"><img alt="" height="140" src="https://res.cloudinary.com/refind-inc/image/twitter_name/w_200,h_200,c_fill,q_auto,d_avatar.png/MTV" style="width: 100%; height: 100%; border: 0;" width="140"></a>
                                                  </div>
                                                  <div style="width: 140px; padding: 10px 0; text-align: center; background-color: #fafafa; border-top: 1px solid #e6e6e6;">
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 13px; font-weight: bold; color: #333333; text-decoration: none;" target="_blank">MTV</a>
                                                    </div>
                                                    <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px;">
                                                      <a href="https://refind.com/signin" style="font-size: 11px; font-weight: normal; color: #999999; text-decoration: none;" target="_blank">@MTV</a>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody></table>
                                    </td>
                                  </tr>
                                </tbody></table>
                              </td>
                            </tr>
                          </tbody></table>
                        </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr><tr>
            <td align="center" style="text-align: center;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tbody><tr>
                  <td align="center" style="padding: 20px 20px 0px 20px; text-align: center;" valign="top">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" role="presentation">
                      <tbody><tr>
                        <td class="button-td" style="border-radius: 50px; background: #ffffff; text-align: center;">
                          <a class="button-a" href="https://refind.com/i/following/publishers" style="background: #1492ef; border: 15px solid #1492ef; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; display: block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;" target="_blank"><span class="button-link" style="color: white;">&nbsp;&nbsp;&nbsp;View more&nbsp;&nbsp;&nbsp;</span></a>
                        </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
          <tr>
            <td align="center" style="text-align: center;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                <tbody><tr>
                  <td align="center" style="padding: 100px 20px 30px 20px; text-align: center;" valign="top">
                    <p style="max-width: 250px; margin: 0 auto; font-size: 12px; line-height: 1.5; color: #b3b3b3;">
                      <a href="https://refind.com/" style="color: #b3b3b3; text-decoration: underline;" target="_blank">Refind</a><br>Worth your attention<br><a href="#" style="color: #b3b3b3; text-decoration: underline;" target="_blank">Unsubscribe</a>&nbsp;·&nbsp;<a href="https://refind.com/help" style="color: #b3b3b3; text-decoration: underline;" target="_blank">Help</a>&nbsp;·&nbsp;<a href="https://twitter.com/refindcom" style="color: #b3b3b3; text-decoration: underline;" target="_blank">Twitter</a>
                    </p>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
        </tbody></table>
      </div>
    </center>
    <!--<![endif]-->
  

</body>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console