cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

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

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

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.

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

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width">
  <title>Simplify your life</title>
  <style type="text/css">
    #outlook a {
      padding: 0;
    }
    .ReadMsgBody {
      width: 100%;
    }
    .ExternalClass {
      width: 100%;
    }
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }
    body,
    table,
    td,
    p,
    a,
    li,
    blockquote {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    table,
    td {
      mso-table-lspace: 0;
      mso-table-rspace: 0;
    }
    img {
      -ms-interpolation-mode: bicubic;
    }
    body {
      margin: 0;
      padding: 0;
      background: #eee;
      font-family: sans-serif;
    }
    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: 0;
      text-decoration: none;
      max-width: 100%;
    }
    #content-body img {
      max-width: 500px !important;
    }
    table {
      border-collapse: collapse !important;
    }
    body,
    #bodyTable {
      height: 100% !important;
      margin: 0;
      padding: 0;
      width: 100% !important;
    }
    #bodyTable {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      min-height: 100%;
      background: #eee;
      color: #444;
    }
    .button.clear:hover {
      background: rgba(255, 255, 255, 0.3) !important;
    }
    img {
      border: 0 !important;
    }
    a {
      text-decoration: none;
    }
    a.blog {
      text-decoration: underline !important;
    }
    h1 {
      font-family: Helvetica;
      font-size: 36px;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      margin: 0 auto 20px;
    }
    h2 {
      font-size: 24px;
      font-style: normal;
      font-weight: bold;
      margin: 0 auto;
      padding: 0 20px;
      color: #fff !important;
    }
    h3 {
      font-size: 22px;
      font-weight: bold;
      margin: 0;
      letter-spacing: normal;
      text-align: left;
    }
    a h3 {
      color: #444 !important;
      text-decoration: none !important;
    }
    #header p {
      width: 400px;
      font-size: 22px;
      line-height: 28px;
      margin: 5px auto 0;
    }
    .list p {
      padding: 15px 40px 15px 20px;
      margin: 0;
    }
    .list a {
      color: #0079bf;
      text-decoration: underline;
    }
    .titleLink {
      text-decoration: none !important;
    }
    .preheader {
      display: none;
    }
    .preheaderContent {
      color: #808080;
      font-size: 10px;
      line-height: 125%;
    }
    .preheaderContent a:link,
    .preheaderContent a:visited,
    .preheaderContent a .yshortcuts {
      color: #606060;
      font-weight: normal;
      text-decoration: underline;
    }
    #content-block {
      text-align: left;
      padding: 10px 40px;
    }
    p {
      font-size: 20px;
      line-height: 24px;
      margin: 20 auto 0;
    }
    #header img {
      width: 600px;
    }
    #socialIconWrap img {
      line-height: 35px !important;
      padding: 0 5px;
    }
    .footerContent div {
      color: #707070;
      font-family: Arial;
      font-size: 12px;
      line-height: 125%;
      text-align: center;
      max-width: 100% !important;
    }
    .footerContent div a:link,
    .footerContent div a:visited {
      color: #369;
      font-weight: normal;
      text-decoration: underline;
    }
    .footerContent img {
      display: inline;
    }
    #socialLinks img {
      margin: 10px 2px;
    }
    #utility {
      border-top: 1px solid #ddd;
    }
    #utility div {
      text-align: center;
    }
    #monkeyRewards img {
      max-width: 160px;
    }
    #emailFooter {
      max-width: 100% !important;
    }
    #footerTwitter a,
    #footerFacebook a {
      text-decoration: none !important;
      color: #fff !important;
      font-size: 14px;
    }
    #emailButton {
      border-radius: 6px;
      background: #70b500 !important;
      margin: 0 auto 60px;
      box-shadow: 0 4px 0 #578c00;
    }
    #socialLinks a {
      width: 40px;
    }
    #socialLinks #blogLink {
      width: 80px !important;
    }
    #logoWrap {
      background: url("https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/d7a697bc-1cb3-4334-a1c4-2da3f78473a6.jpg")
        center center / 600px 50px no-repeat !important;
    }
    .sectionWrap {
      text-align: center;
    }
  </style>
</head>

<body><span style="color:transparent;visibility:hidden;display:none;opacity:0;height:0;width:0;font-size:0;"></span><img src="https://c.trello.com/i?&amp;e=pv&amp;page=NEWSLETTER-CAMPAIGN-NAME-HERE&amp;uid=598c67b599e07dbedd9cafb9&amp;tv=no-js-0.1.0" />
  <table
    bgcolor="#EEEEEE" border="0" cellpadding="0" cellspacing="0" id="bodyTable" style="height:100%; width:100%">
    <tbody>
      <tr>
        <td align="center" valign="top">
          <table align="center" border="0" cellspacing="0" id="emailContainer" style="min-width:600px!important; width:600px!important">
            <tbody>
              <tr>
                <td align="center" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" id="templatePreheader" style="margin:15px 0 10px; width:100%">
                    <tbody>
                      <tr>
                        <td>
                          <table align="left" border="0" cellspacing="0" style="width:50%">
                            <tbody>
                              <tr>
                                <td align="left" class="preheaderContent" style="text-align:left!important;" valign="top">Put yourself in a position to succeed.</td>
                              </tr>
                            </tbody>
                          </table>
                          <table align="left" border="0" cellspacing="0" style="width:50%">
                            <tbody>
                              <tr>
                                <td align="right" class="preheaderContent" mc:edit="preheader_content01" style="text-align:right!important;" valign="top"><a href="#">View this email in your browser</a>.</td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td align="bottom" id="logoWrap" style="text-align:center!important;background-image:url('https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/d7a697bc-1cb3-4334-a1c4-2da3f78473a6.jpg');background-repeat:no-repeat;background-size:600px 50px; background-position: center center;">
                  <center>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0Cti8HxHlffu9dVYSlFBl-jweKVxmYn-ygezJPQPVeILNZx0pmRINrwIJ-zUGsvz-gVOZhk0vsZpn18tNwQ4uPTXpY3Kt0uwf9OCsype4KoZjD1s9FTQVNGJmqsefzjeXCOTLjr_SIBV5JuAOK4s-BAyrw4ne-l_rBGxLc8cIT-kpTIZe-KXBCa2AyhBTGx9m1C5o8nCwF521BY-UnkwmxEA9Qq8OUszhNyIc96HC67hRgVnlflrcFuuUVsbeUXTK-pCBfVYIb1ZcEPPCHDYhToyq0OJX8PBiC_KFi243mmzYn3xPkhPrvV73FES20T5fg_tVMiQ_0SGq5SkeqEChTi_Ao%3D"><img height="50" id="logo" src="https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/ca9278a0-af3c-4fd1-b3a4-4bf53136a180.jpg" style="margin:10px auto 20px;" width="172" /></a>
                  </center>
                </td>
              </tr>
              <tr>
                <td align="center" valign="top">
                  <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="sectionWrap" id="content" style="background:#FFFFFF; border-radius:4px; box-shadow:0px 3px 0px #DDDDDD; max-width:600px!important; min-width:600px!important; overflow:hidden; width:600px">
                    <colgroup>
                      <col width="190" />
                      <col width="410" />
                    </colgroup>
                    <tbody>
                      <tr>
                        <td bgcolor="#A86CC1" colspan="2" id="header" style="padding: 40px;max-width:100%!important; background: url('https://dm9d104elaxz5.cloudfront.net/Newsletter/Oct2017_1/EN/purple_bg.png');" valign="top">
                          <center>
                            <h1><font color="#ffffff">Plan With Purpose</font></h1>
                            <h2><font color="#FFFFFF">Adapt structures that will make room for more creativity.</font></h2></center>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; padding: 40px 0 40px 40px;">
                          <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNW3_MzISZdqMFaNNPJkaE9jQkmbmYX7_U134GcDmuogXJP8nhtcNXbo5EtyCX6quMb4ZFpdi1g4-TaptsldVuz5lWm5MoCvuMwUHhNkQNK2Fm_lUBs8AXydYwpNGJzR040Gs4SZPgDhybOBdn_7YsqYiJmX4qaRwq521Y6bah24RUF-10sYx9GGCG-7wH08eQ_1ZVs6J1rFCWmj3ut00NVMTUUiMnaZazclJfelKlEVNLT-CUaTnGpNetTnwtPf5CUPCQW0r-MzdtxN-eegjY_0fJELhcN7gPVqU9RQHe5cbWdzNRYArlQXwbtIkNQPRpTU-YrFNVAkhqaBqUHTE3I3519zJ45qqxApijxlTIcQYQ%3D%3D"
                            style="text-decoration:none;" target="_blank"><img align="left" height="150" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Oct2017_1/EN/7_tasks.png" style="display: inline-block;" width="150" /></a>
                        </td>
                        <td style="text-align: left; padding: 40px;">
                          <h3 style="text-align: left;"><a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNW3_MzISZdqMFaNNPJkaE9jQkmbmYX7_U134GcDmuogXJP8nhtcNXbo5EtyCX6quMb4ZFpdi1g4-TaptsldVuz5lWm5MoCvuMwUHhNkQNK2Fm_lUBs8AXydYwpNGJzR040Gs4SZPgDhybOBdn_7YsqYuv5fDpOnlNB_HfgWu0EjlUITZ3MeCHgGrxD8eFXmVAcIsJsCsS9G4tZTvY1zGfzBZ-eyFxs9S9tErNtr73l3s6nsh3sXYZMmDwBoLP6jfZBTD7vp54FQISgPD_dWKGL6Aa3VJy-nJTvmE5aI394n2hhqoH_sfIvOJppiE23KvUJDWZ1iwa4DHaStmreegb1FsMXJhiWcfFern4XEXmXuNg%3D%3D" style="text-decoration:none;" target="_blank"><font color="#4d4d4d">7 Tricks Of The Trello Trade</font></a></h3>
                          <p style="text-align: left;">
                            <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNW3_MzISZdqMFaNNPJkaE9jQkmbmYX7_U134GcDmuogXJP8nhtcNXbo5EtyCX6quMb4ZFpdi1g4-TaptsldVuz5lWm5MoCvuMwUHhNkQNK2Fm_lUBs8AXydYwpNGJzR040Gs4SZPgDhybOBdn_7YsqYk7hu2P9vKsZR5RJqZqrR_AkrsfmXMW3440YhojBfEGS6MovxaYcoZdtj3-3egEBJbpjbBzcjYbre8ucUQnfwPNdzwdbi3YDC3cABf3kgwpbiza6u7OKlMLCM1WM-qsBbj0gPtEXlIgXeNBjkB8rppLQkBvIkvtZ7QqboK1VJxVyKAHmvKMJkEMEvjFfEYVtQFSGlLdJqUT-thUodeNHeJA%3D%3D"
                              style="text-decoration:none;" target="_blank">
                              <font color="#4d4d4d">Feel like your tasks are all over the place? Try some of these tips to get yourself sorted.</font>
                            </a><br/> &nbsp;</p>
                          <table border="0" cellpadding="14" cellspacing="0" class="button main" style="background:#61BD4F; border-radius:6px; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:24px; font-weight:bold; text-align:center">
                            <tbody>
                              <tr>
                                <td align="center" class="emailButtonContent" valign="middle">
                                  <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNW3_MzISZdqMFaNNPJkaE9jQkmbmYX7_U134GcDmuogXJP8nhtcNXbo5EtyCX6quMb4ZFpdi1g4-TaptsldVuz5lWm5MoCvuMwUHhNkQNK2Fm_lUBs8AXydYwpNGJzR040Gs4SZPgDhybOBdn_7YsqYMHjaP8HjfbOMaUnVGqXoUDtv26MDcWL6nayT-dKw3AxkMk1PbLd3j3i8H2jG-S6aEngtmnRFBM5XUmHknErh7jKybD8fz4-fZ-KK4VT0tjPG6OLfh2Qzv2HfkVjUhxQix2hoCidLR1EcHQYUbl1KzKqystRtCggUzHsYg1BP7113JilkwzN30o7EhclC41fkN7A1SuNjNM9CA9sNdLYy4A%3D%3D"
                                    style="text-decoration:none;padding:10px;" target="_blank">
                                    <font color="white">Clear The Chaos</font>
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; padding: 40px 0 40px 40px;background: #E4F7FA;">
                          <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNWqeLDGC0jPu_EqGlJwTQ5Quz5TFipqMGYWe2Als38rfyv_9xVSubptMzCGsYaJ63URSlW3o5hMU71ey8VwanUbIH5TWu0DVfQCwyVxv8GiwVT89dGRov6pQj2oH9p4LVunsjKQO7nT0Cvg8Y_FWyBFnRBfzv1pxa0J-sC4eMl_9M4Pf26i5pefGGA97D9xxs1JcosJ8k8sDhpMkFuYmBBE86oAb9sNnoLdu--paLtYtoTzGWMOGn41JnpeNWz5nXXRICNOcP2aK-oqvF2jRdm5SPeyHegsI9zrJEjEchAbbUROEtBj_qVDGFbC1HptElRPiBgZf-Vi-cIT7tpdp9Xk4oPsoOmbxR3g7JanSlfgqA%3D%3D"
                            style="text-decoration:none;" target="_blank"><img align="left" height="150" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Oct2017_1/EN/weekly_routine.png" style="display: inline-block;" width="150" /></a>
                        </td>
                        <td style="text-align: left; padding: 40px;background: #E4F7FA;">
                          <h3 style="text-align: left; "><a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNWqeLDGC0jPu_EqGlJwTQ5Quz5TFipqMGYWe2Als38rfyv_9xVSubptMzCGsYaJ63URSlW3o5hMU71ey8VwanUbIH5TWu0DVfQCwyVxv8GiwVT89dGRov6pQj2oH9p4LVunsjKQO7nT0Cvg8Y_FWyBF-KW0o-n41I6Ee4Bk3mYeaDVBxrDcOu_taSUUHNqtVAkIbr1nJ0fJvl4siFLX_tsxkbMpMtADnh51Yo7UfMU-V622OnMdsjTeKpsUmh7_AMOV5etrxNc7HJZDAUdejwtJcla4Wsf64ica2eK75lp0lQZSnIuPGKIzlbwKhfAg-z7RyVyVn76xSQf_WzygPzOSb0Xmo25KXGPrsHD65l5Gpg%3D%3D" style="text-decoration:none;" target="_blank"><font color="#4d4d4d">Give Your Goals A Workout</font></a></h3>
                          <p style="text-align: left; ">
                            <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNWqeLDGC0jPu_EqGlJwTQ5Quz5TFipqMGYWe2Als38rfyv_9xVSubptMzCGsYaJ63URSlW3o5hMU71ey8VwanUbIH5TWu0DVfQCwyVxv8GiwVT89dGRov6pQj2oH9p4LVunsjKQO7nT0Cvg8Y_FWyBFvqrdp-VEhGUc2xnW4EzI7h-ULG5gc7GP0Fyut835cAQeQGL2fD0dzaIU3gdleiOVoME4fdqltzTnu8tLW88x0wIuxuoDtll-lJHKdzKLgF4YtNj5LqLTHHT8nJITfAyvC8c8tFU-zBymNz6U-bcSD8q8dJUvrosvwsGOn7e3cEbVTlfed0tOVQxrpsaleh-yzzd8P3YSh_uM0rMaunRRGw%3D%3D"
                              style="text-decoration:none;" target="_blank">
                              <font color="#4d4d4d">A very thorough process for setting, and sticking with, a weekly Trello routine.</font>
                            </a><br/> &nbsp;</p>
                          <table border="0" cellpadding="14" cellspacing="0" class="button main" style="background:#61BD4F; border-radius:6px; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:24px; font-weight:bold; text-align:center">
                            <tbody>
                              <tr>
                                <td align="center" class="emailButtonContent" valign="middle">
                                  <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNWqeLDGC0jPu_EqGlJwTQ5Quz5TFipqMGYWe2Als38rfyv_9xVSubptMzCGsYaJ63URSlW3o5hMU71ey8VwanUbIH5TWu0DVfQCwyVxv8GiwVT89dGRov6pQj2oH9p4LVunsjKQO7nT0Cvg8Y_FWyBFIYN0AjgTti3ZD5ghwu0q80Lr3oy5tk4whA-c8W5MF5MhNUe-NiyyHFk0sta_38ytz_mlJ-56UwFhJ84EJdLu1BRT5biuwnEzbu0eFexsABkumGspVHrPqAZjkpVFyjL_YCp1HzS0u8UTlhE1FVlETqtRUtnJNIHtwwAuJrFz9inm2R8TaTB7lmA6E7vO6opFlVK2HtNeiHRdG_3IzJyJGA%3D%3D"
                                    style="text-decoration:none;padding:10px;" target="_blank">
                                    <font color="white">Nail Your Routine</font>
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; padding: 40px 0 40px 40px;">
                          <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVwNFjbxGl-Xyu24LeAPDvpe1TeXfzGULjYQIqKa0nPwkfVLCsM5UiJrFutJrTSO5RXoZbhzIpTjyFY5Mzt87Q_c3Yy73aWAtUchYN6K8XxbibKMZvuITqfo_gB6puscJTD70iJp5O6qouHBJiH2P_en9X4K7TvDKmY8kn2rX9YZj0eJpKIBZIN94bl8I4t319wlflEjyD5MwPpN3bjal5scGr7okcsHvMTaXnq7Xp7JGvrgsXLRSEVESinpv1XBFmZwj7XnE3w_FA5xdzSv7Uyq8i2ZOQEM7Sf7M7LCqV8JOo_cEFNGbjbp7CTaVqyUOUIiKqGWe61mq_Rh7_jiLS0u0jDRYuLGzY30xhDJp2T9coTiG0by-6TmZOhm7b_mIk%3D"
                            style="text-decoration:none;" target="_blank"><img align="left" height="150" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Oct2017_1/EN/prod_apps.png" style="display: inline-block;" width="150" /></a>
                        </td>
                        <td style="text-align: left; padding: 40px;">
                          <h3 style="text-align: left;"><a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVwNFjbxGl-Xyu24LeAPDvpe1TeXfzGULjYQIqKa0nPwkfVLCsM5UiJrFutJrTSO5RXoZbhzIpTjyFY5Mzt87Q_c3Yy73aWAtUchYN6K8XxbibKMZvuITqfo_gB6puscJTD70iJp5O6qouHBJiH2P_en9X4K7TvDKmY8kn2rX9YZob4_o-xTI80tG9PC4tNcTek3br9XJsGXByAnr8bZeeXn5P7ZNOd64b3-XJuMsk9ZW8GhmD6QSu9mAo0Qg4cwBhaA9v3EEsZ-XU4OAdHIGpZrHXWkz3by4b_W-dGbCZIhQw7ittrrIamim8y4kaam0f1GCOzCdbn89QLr2tDdpkin8TiUcVMHdmCFRlLS3DOCseUVRYLh7LJAUFF_P7r06Y%3D" style="text-decoration:none;" target="_blank"><font color="#4d4d4d">Find Your Forever App</font></a></h3>
                          <p style="text-align: left;">
                            <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVwNFjbxGl-Xyu24LeAPDvpe1TeXfzGULjYQIqKa0nPwkfVLCsM5UiJrFutJrTSO5RXoZbhzIpTjyFY5Mzt87Q_c3Yy73aWAtUchYN6K8XxbibKMZvuITqfo_gB6puscJTD70iJp5O6qouHBJiH2P_en9X4K7TvDKmY8kn2rX9YZtRzpFNg8d80RP8IN_u8HQf3-4TiZkFVgOfo41snok9hnx2G5sGrphIKcxi8yznYuGYH5Q8vF509zQrf_iO4ubdwAnsHrNEk9-jSS3mITVPjlrQDCFYSWPYakwaxSdK_7ETOHq2Wgc6ps4XOONFSygwJFZ43OYz71DT4OhLU6sGsQgYYNp43NyLhuX8YMDEk8UN7gfXcUbJd365xfuitm24%3D"
                              style="text-decoration:none;" target="_blank">
                              <font color="#4d4d4d">A beginner's guide to the why's and how's of finding the right productivity app for you.</font>
                            </a><br/> &nbsp;</p>
                          <table border="0" cellpadding="14" cellspacing="0" class="button main" style="background:#61BD4F; border-radius:6px; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:24px; font-weight:bold; text-align:center">
                            <tbody>
                              <tr>
                                <td align="center" class="emailButtonContent" valign="middle">
                                  <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVwNFjbxGl-Xyu24LeAPDvpe1TeXfzGULjYQIqKa0nPwkfVLCsM5UiJrFutJrTSO5RXoZbhzIpTjyFY5Mzt87Q_c3Yy73aWAtUchYN6K8XxbibKMZvuITqfo_gB6puscJTD70iJp5O6qouHBJiH2P_en9X4K7TvDKmY8kn2rX9YZvikC7X_pNT6h8z8Fk-FzVYh3Ar0eLitMsJIIVeMt9m9JXVvWADdFT1uZ8opP5zhzZpHiNMBG6Jlpf8pxShB_VBNdubRfhrd4pCn787ANVDaZfA8EQvs8v_aqn4atep_mhtUU9gstvbhBm6vVP1dD7p80cJGjitVxNdJ0V83fKm3v1i5mriW0pdOkZ5Mm0mhwl4Wzqk8APAsbFdr86Hp5nE%3D"
                                    style="text-decoration:none;padding:10px;" target="_blank">
                                    <font color="white">Pick A Winner</font>
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; padding: 40px 0 40px 40px;background: #E4F7FA;">
                          <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVX6_cKrEMAB3F2BrRIXNyTz-FVQDAWIN5MODRFo_4g0cuZnb2VAELFswG_TrNg0jndzxAcn331dSntwaqxeu_jtE5Au79neNTy3AFQCeF9_zk2M1v7aB2nheZdbAixbsVT5bA4AVZKxw9bk4bSsqd9G-mRZOudVwTuyaKQ9QEtdVihpk7UlzLMT_VsnMmYnEfHJN1zMX7T-i5ELJtquXcJfNqRHQL8fgyHJE0BIwmwOdSJAMX2Y5slf39nyhv4yK9AAuCwGkEl5rTkOMXJKvTq4O1kY0s0Vterjo-IZtHVn8va1SgrfFk8BCQmMGaapBV9ra2mlcw2m7aO5QPoJZdYBhljFTI2pNmy59ETsb1Cb3wNwzW-ejzl1ImJazGacJtOyxvElUosl6JXuL90lMGE"
                            style="text-decoration:none;" target="_blank"><img align="left" height="150" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Oct2017_1/EN/mind_map.png" style="display: inline-block;" width="150" /></a>
                        </td>
                        <td style="text-align: left; padding: 40px;background: #E4F7FA;">
                          <h3 style="text-align: left; "><a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVX6_cKrEMAB3F2BrRIXNyTz-FVQDAWIN5MODRFo_4g0cuZnb2VAELFswG_TrNg0jndzxAcn331dSntwaqxeu_jtE5Au79neNTy3AFQCeF9_zk2M1v7aB2nheZdbAixbsVT5bA4AVZKxw9bk4bSsqd9G-mRZOudVwTuyaKQ9QEtddzemR3H9zndSlV2ZkHSTeN1tWVMqcKB95JpO1If2ErB0bMupDZd7wSAJeMoFszsIG7clhN22sWUZiB4hHQOPVQ59Ny-6ms637b0IwVyrYnr4MODRrduElatvSC6QThV0YWxtUEmyXhTnpj2Qsbe6_UOZcPJeWBZOiEdOrD3Wqa5bBrOmfOBVYeTHwBrK9vpP0JZB5uXNiQQ9Wem9WjYeRfy-MYr9aLok6xOMG5k0KFb" style="text-decoration:none;" target="_blank"><font color="#4d4d4d">Get Out Of Your Own Head</font></a></h3>
                          <p style="text-align: left; ">
                            <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVX6_cKrEMAB3F2BrRIXNyTz-FVQDAWIN5MODRFo_4g0cuZnb2VAELFswG_TrNg0jndzxAcn331dSntwaqxeu_jtE5Au79neNTy3AFQCeF9_zk2M1v7aB2nheZdbAixbsVT5bA4AVZKxw9bk4bSsqd9G-mRZOudVwTuyaKQ9QEtdbs8E9tfdvgojCA6M5C6uC7iX3A5trP8Nx88dLv8IMZYlCjor7kENFBdrwEUabkFZaYXzkqDoP3Z2xkkVdQtcX-VtxEl7-udDcuGLnl1v-LgUy2Km9Zkfp92RG_aZRr2Lpd6L6P3X6OUxxbq7LfGRrxrwC0sQdxbFAW9LexRGgfuMDt8cL07aLd7zgSPGug_nd1wb0pIc5WIvZ75JzS7sMoT2koPiMgwRcFwUR2TWTav"
                              style="text-decoration:none;" target="_blank">
                              <font color="#4d4d4d">Learn how the Mind Map technique can help you stick to your goals– especially if you use a Trello board.</font>
                            </a><br/> &nbsp;</p>
                          <table border="0" cellpadding="14" cellspacing="0" class="button main" style="background:#61BD4F; border-radius:6px; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:24px; font-weight:bold; text-align:center">
                            <tbody>
                              <tr>
                                <td align="center" class="emailButtonContent" valign="middle">
                                  <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNVX6_cKrEMAB3F2BrRIXNyTz-FVQDAWIN5MODRFo_4g0cuZnb2VAELFswG_TrNg0jndzxAcn331dSntwaqxeu_jtE5Au79neNTy3AFQCeF9_zk2M1v7aB2nheZdbAixbsVT5bA4AVZKxw9bk4bSsqd9G-mRZOudVwTuyaKQ9QEtdYjnadmMhlr2lGXXNoYKE6crtwaq8fvcInrTvU3ebi8iphCSuHbGcaBwXLpInVjwFcxJERxNxiwHTqucwDy-JBlu8OlKMv0m29miFDPpiHQp6ft2RiMQBVYeIB7Zw8iFwhBdy9qfbs5Tx-cf9A0-3bcHxK7cwFCNojRAwxfpuwCBwS7rBXZDYvT6lTs2F8p6thMve9KhDhcixYlCJ0AkI1xmzxNw4ktNz5X9I3uXFpfF"
                                    style="text-decoration:none;padding:10px;" target="_blank">
                                    <font color="white">See Success</font>
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td bgcolor="#33427a" colspan="2" style="padding: 40px;">
                          <p style=" font-size:24px;line-height:28px;">
                            <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNULus6iKA9dzuq-2weabDqSLeFDIDHanyLR4iwIARLPQvS0pMfUBTqawIwSw_lz9hxF00v-LuRLV1dcWG73WI5daqNzM1NaTpcE-Afrayl5BJupzjDfMtOVn1rIcmyVyvro7iAIaR7E-5u-4ikzCVcVDo_otc0WHLLHlINtunEQD6qUyYwO_0FdKZgCzg9vk4-nFjoFxii9OLyItOOYXoCCAQluz9ePuq5zWLf5rsa3k0YjJDvY8L2XgyF4zSATLE4yFdNTSBh3n978jiT85nh0FQXU0AUeesv-0APyQusJ_xSNrHov1-GJGImkkhRbdpg0iSuCAcKEpJdrVWAyHQLJT36lXz5yOo9lc7Alo7RfGHzJmr-m6TTpnYheI5mGwhU%3D"
                              style="text-decoration:none;" target="_blank">
                              <font color="#FFFFFF"><strong>Can Your Business Be Authentic?</strong><br/> Strategies and tactics for establishing real trust with your audience.</font>
                            </a><br/> &nbsp;</p>
                          <table align="center" border="0" cellpadding="10" cellspacing="0" class="button clear" style="background:rgba(255,255,255,0.2); border-color:#FFFFFF; border-radius:6px; border-style:solid; border-width:2px; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:20px; font-weight:bold; margin:0 auto; text-align:center">
                            <tbody>
                              <tr>
                                <td align="center" class="emailButtonContent" valign="middle">
                                  <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0CtixzpPO-Jg1JuGrocvwrCmNULus6iKA9dzuq-2weabDqSLeFDIDHanyLR4iwIARLPQvS0pMfUBTqawIwSw_lz9hxF00v-LuRLV1dcWG73WI5daqNzM1NaTpcE-Afrayl5BJupzjDfMtOVn1rIcmyVyvro7iAIaR7E-5u-4ikzCVcVDo_otc0WHLLHlINtunEQD9TRf-ofMF9FadkoEl9uPJ8wNW_dQPmPQRbuePfimphSDauaVmuc20kIAwpbvUgxSrGZ3MEBgs6hBSiFT66f-2k39ZMaveeujWm7NbaVQV03ZwTr_LjGFgA77K-K6ET6zS82waZJggrL5DXkIB6Fio63S8FO9cEKMFKGx7hRdg8x6jMXwNaWUMBTtehEPhWMUU2fJfA5A9-0Z14SjVzPItU%3D"
                                    style="text-decoration:none;padding:10px;" target="_blank">
                                    <font color="white">Bridge The Gap →</font>
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <p><img align="center" height="35" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Feb2017_2/EN/rocket_twitter.png" style="display: inline-block; padding: 2px 5px 0;" width="35" /><img align="center" height="35" src="https://dm9d104elaxz5.cloudfront.net/logo_small_2.png"
                              style="display: inline-block; padding: 2px 5px 0;" width="35" /><img align="center" height="35" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/Feb2017_2/EN/pow.png" style="display: inline-block; padding: 2px 5px 0;" width="35"
                            /></p>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <p style="margin:20px auto 0;text-align:center;color:#aaaaaa;font-weight: bold;">Connect with us:</p>
                </td>
              </tr>
              <tr>
                <td id="socialLinks" style="text-align:center!important;">
                  <center>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0Cti9sMig-wTtX1oS1IokcQo64YsiFVwsAMH4uCfsP4XtYWDuQUhZfua-pXP2Vme14sFcdniMOdHsip0mF11jk6fjXo4l0BN8MYjFhtNsg0kdoK35TWptRXpgLrCf3fG-U6PHFkZRFZRCLCdSpsakXug9BIxkPjUwRT8jutQGvwaQGb3ffVsBEVf1WjqQYx6HZshM7vd6ccb4Lm3daeD-bgvNIVN00NyjTcyvcT-gPYvG6fT9-6bCWA0olZYmVTJ_MqAw%3D%3D"><img height="40" src="https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/e1edb4e7-5b33-4c3d-a010-e15b628929af.png" width="40" /></a>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0Cti4tRLG5Blt8dZN21mf8msPK9uL9qPC_9q4vjowfr-qZMcKJZl7d1RPiXttymiAXkPj4-Dv2671lEbAd4KJc6LNza0qDDWdpwvWbfaml_jcOhPiYbTKvPx2_HfrApu7ogBhhaSTe8WVR16Cs_bSZ4SeqQH7_BqN-O4LFej5yuKWaaOaVW9IRNVxdc7sRxb59LymQvuKSer4D4V0Sv0KknOLFtHNsbrrOjWagX34ZiVT16bMRxh2AbRmtZQ6ZervFqLg%3D%3D"><img height="40" src="https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/24847ca6-6a1d-4069-88b5-80e353cebbac.png" width="40" /></a>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0Cti37wC-gh4xx1IRKRMS3wl1KKY4byMsuH4LY2ev73UZnr5patpq7ZuSKrxoPiT1PmNAX1ySEC3xcaFJJoMz-iDbZMc6G1aeDI1p2WHm60-1vrdK1iLwvVCdgC8l8rbFsUrB91cNxCFPc8HdldHJiuwl9CU-WzvYTglDsvsYbeYVGsMHUoAYmJqoUsyekvezcFsz9W0u5s-iVTynSn2ikakNZuCdgkZ38Afh15yGW5d5I74I3lwMYGtTWdhmRM6L3rOA%3D%3D"><img height="40" src="https://dm9d104elaxz5.cloudfront.net/Newsletter/instagram.png" width="40" /></a>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=ZZBieLAA9xd2PfhnW0Cti4ikImZp7UerPV61gDEyVJq-puln2Z_GD9IyZnggVOeqbx5GX6o4g-E2Lk9bXZ7VtrTUjsXCd4pPv752RSlE5bUiFPd_GlorfqWGBNAe8bi-H6wIeDnLKITw2RV5nzim3meUmc_-SbQLiTEv3qDc409K0SJCI2F0q7vdU0c48rB17X-PBp7VHJnBe-QTa6ZLCa6udaIfb9qoJ5_vEDN2BaxAoterzGwLGA-ErsgcjQpcsgmzxgjH08ae9o7zD7hxTU2Hq5fG5vHsCisCVXZdL3Y%3D"><img height="40" src="https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/ab734e10-e4d9-4829-99c7-421e4daa175f.png" width="40" /></a>
                    <a href="https://i.trellomail.com/u/click?_t=cce9a87967214196ae72b08c7283fda9&_m=bf712931fdd84d358dcc3caef961bd53&_e=5uquulq7pv3wvFqjKZ3lF9ogz-TrfBz4VvqAX5hifYmYH141RNzUKHn_1bNuSNgrHa97r7-kPV0tPAF-s7Q1Dz7ZfAqWq5ZBa7jaQCfAgNlVc241THAybofuIuDnJnNJXrco32R9H33U5fmrXCoWGV_LE3k0KMo_kUN_Niux9PucCHJgOvHyXva7wTE2XVUwrikM71GTi8PxtVIpwZFE3vbKibU0TJZsSBPg_-BnAbhRRHd3A3qaNn1Zo6oOpq6DbLUZF_IxDSP0Sd_xZy6S1ZyXh4lUU1C8Ned1OZjjtY7rnwEDQNpI0qpa2UAutqcVIshqw-V2B5HpFCWuIGC0Jxx-iadwYoxbxSzH9JqH9Uw%3D"
                      id="blogLink"><img height="40" src="https://gallery.mailchimp.com/5cb712992a906406c5eae28a7/images/f470fd65-3f90-477b-802e-8d84567280b7.png" width="80" /></a>
                  </center>
                </td>
              </tr>
              <tr>
                <td align="center" valign="top">
                  <table align="center" border="0" cellpadding="10" cellspacing="0" id="emailFooter" style="width:600px">
                    <tbody>
                      <tr>
                        <td class="footerContent" valign="top">
                          <table border="0" cellpadding="10" cellspacing="0" style="width:100%">
                            <tbody>
                              <tr>
                                <td valign="top">&nbsp;
                                  <div mc:edit="std_footer"><em>Copyright © 2017 Trello Inc., All rights reserved.</em></div>
                                </td>
                              </tr>
                              <tr>
                                <td colspan="2" id="utility" valign="middle">
                                  <div mc:edit="std_utility">&nbsp;<a class="untracked" href="#">Unsubscribe</a>                                    | <a href="#">view in browser</a>&nbsp;</div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
    </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.
Loading ..................

Console