Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--[if !mso]><!-->
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <!--[if (gte mso 9)|(IE)]>
    <xml>
    <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->
  <!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      body {width: 600px;margin: 0 auto;}
      table {border-collapse: collapse;}
      table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
      img {-ms-interpolation-mode: bicubic;}
    </style>
    <![endif]-->
  <style>
   /* -------------------------------------
      RESPONSIVE AND MOBILE FRIENDLY STYLES
      ------------------------------------- */
      @media only screen and (max-width: 620px) {
          table.body .container {
              padding: 10px !important;
              width: auto !important;
          }
          table.body .content {
              padding: 0 !important;
          }
          table.body .wrapper {
              padding: 0 20px !important;
          }
          table.body .hide-mobile {
              display: none;
          }
          table.body .logo  td {
              padding-bottom: 20px !important;
          }
          table.body .btn table {
              width: 100% !important;
          }
          table.body .btn a {
              display: block !important;
          }
      }

      /* -------------------------------------
          PRESERVE THESE STYLES IN THE HEAD
      ------------------------------------- */
      @media all {
          .ExternalClass {
              width: 100%;
          }

          .ExternalClass,
          .ExternalClass p,
          .ExternalClass span,
          .ExternalClass font,
          .ExternalClass td,
          .ExternalClass div {
              line-height: 100%;
          }

          .apple-link a {
              color: inherit !important;
              font-family: inherit !important;
              font-size: inherit !important;
              font-weight: inherit !important;
              line-height: inherit !important;
              text-decoration: none !important;
          }

          .btn table td:hover {
              background-color: #1AAE9F !important;
          }

          .btn a:hover {
              background-color: #1AAE9F !important;
              border-color: #1AAE9F !important;
          }

          .btn-violet table td:hover {
              background-color: #7B13D1 !important;
          }

          .btn-violet a:hover {
              background-color: #7B13D1 !important;
              border-color: #7B13D1 !important;
          }
  }
  </style>
 </head>
 <body class="" style="color: #293845; background-color: #EDF1F5; font-family: sans-serif; -ms-text-size-adjust: 100.0%; -webkit-text-size-adjust: 100.0%; -webkit-font-smoothing: antialiased; font-size: 14.0px; line-height: 1.4; margin: 0.0; padding: 0.0;">
  <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;background-color: #EDF1F5; width: 100.0%;">
   <tr>
    <td class="hide-mobile" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
    </td>
    <td class="container" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;display: block; margin: 0.0 auto; max-width: 640.0px; padding: 40.0px; width: 640.0px;">
     <div class="content" style="display: block; margin: 0.0 auto; max-width: 560.0px; padding: 0.0;">
      <table border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;background: #ffffff; border-radius: 3.0px; width: 100.0%;">
       <tr>
        <td class="wrapper" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding: 25.0px 60.0px;">
         <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
          <tr>
           <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
            <table border="0" cellpadding="0" cellspacing="0" class="logo" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
             <tbody>
              <tr>
               <td align="left" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-top: 25.0px; padding-bottom: 50.0px;padding-top: 25.0px; padding-bottom: 25.0px;">
                <a style="color: #3498db; text-decoration: underline;">
                 <img alt="Whimsical" height="28" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Femail-logo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1kXOR6:8z6Q00E_XqcR2WAltHY7I_TGcTzWooNUBIqlkx8sETQ" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 166.0px; height: 28.0px;" width="166"/>
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             Hey Sarah,
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             We are excited to share with you our fourth product: Mind Maps.
            </p>
            <p class="image" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             <a style="color: #3498db; text-decoration: underline;">
              <img src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252F2019-06-17-whimsical-mind-maps%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1kXOR6:8z6Q00E_XqcR2WAltHY7I_TGcTzWooNUBIqlkx8sETQ" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;"/>
             </a>
            </p>
            <p class="keep-together" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;margin-bottom: 5.0px;">
             We set out to create a mind mapping experience that is:
            </p>
            <ul style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             <li style="list-style-position: inside; margin: 0.0 0.0 5.0px 5.0px;">
              crazy fast
             </li>
             <li style="list-style-position: inside; margin: 0.0 0.0 5.0px 5.0px;">
              visually beautiful
             </li>
             <li style="list-style-position: inside; margin: 0.0 0.0 5.0px 5.0px;">
              deeply collaborative
             </li>
            </ul>
            <table border="0" cellpadding="0" cellspacing="0" class="btn btn-violet" style="margin-bottom: 20px;border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;width: 100.0%;">
             <tbody>
              <tr>
               <td align="left" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px;">
                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;width: auto;">
                 <tbody>
                  <tr>
                   <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;background-color: #31B6A8; border-radius: 3.0px; text-align: center;background-color: #8313DD;">
                    <a style="color: #3498db; text-decoration: underline;border: 1.0px solid #31B6A8; background-color: #31B6A8; border-radius: 3.0px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14.0px; line-height: 18.0px; font-weight: bold; margin: 0.0; padding: 11.0px 20.0px; text-decoration: none;background-color: #8313DD; border: 1.0px solid #8313DD; color: #ffffff;" target="_blank">
                     Check it out
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             We’ve been using it ourselves lately to brainstorm ideas, take notes, create site maps, and organize information. It’s seriously way more fun than a text document. We can’t wait for you to try it out!
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
             –Steve
            </p>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
      <!-- START FOOTER -->
      <div class="footer" style="clear: both; margin-top: 10.0px; text-align: center; width: 100.0%;">
       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
        <tr>
         <td class="content-block" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px; padding-top: 10.0px;color: #999999; font-size: 12.0px; text-align: center;">
          <span class="apple-link" style="color: #999999; font-size: 12.0px; text-align: center;">
           Whimsical, Inc.
           <br/>
           2420 17th St, Suite 300
           <br/>
           Denver, CO 80202
          </span>
         </td>
        </tr>
       </table>
      </div>
      <!-- END FOOTER -->
      <div class="unsubscribe" style="">
       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
        <tr>
         <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
          <div data-role="module-unsubscribe" data-type="unsubscribe" style="color:#9eadba;font-size:12px;line-height:20px;padding:0px 0px 18px 0px;text-align:center">
           <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px; padding-left: 10.0px;">
            <a class="unsubscribe-link" style="color: #3498db; text-decoration: underline;color: #9187f6; font-size: 12.0px;">
             Unsubscribe
            </a>
           </p>
          </div>
         </td>
        </tr>
       </table>
      </div>
     </div>
    </td>
    <td class="hide-mobile" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
    </td>
   </tr>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu5854685.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253D3oYmm2zh2-2FfC4dev0yJ4zeNnp-2FOhCBtGKKvvMn-2BFjrOK9FQ0fUyUjgBzW30rljTrBwszy8nQs3CNUWtuG-2FxHPPqAcOLCyrgiYDZGgqItWIMB15QJ-2F-2FwBsjzsR8F2wTe-2B3x0T44xifB1I1wSx-2FWDLVgCew9Hqx-2BfUCkwINcGIRQLGMOiyKN9MiSSS93Su-2FSegbqWHQMyj5n-2BK-2BKOXYYGej6FQpo9Z8O1V3Kp24e3XnIbpJlL-2BzPXuAyfWwvZtYKNQM6ut1yMT1415eWdL5EjitIXKKJ8M5nJcWMX88wuOLy5yK4aHWiFqcPSJoyqOVfVzLEiw7sel-2FR9u-2BiQNNRGB2-2B2-2BzDORydDPvj3-2FWYTPM95otMAl5Ed3gIY73QIqspnhc-2Fao2T9DQLlvli8HdagrFAr-2BBnvKkL5hDS1LhRw6Si5LzrBWohNsxNwKRMaRbE378BhBm3Yen1YCyMx4jMJGEA-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1NTg1NDY4NS5jdCJ9:1kXOR6:YcdI2wXuqNuOtNx7oJrAd75XaC0iBIre777nfxQ0azo" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>