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[class=body] .container {
              padding: 10px !important;
              width: auto !important;
          }
          table[class=body] .content {
              padding: 0 !important;
          }
          table[class=body] .wrapper {
              padding: 0 20px !important;
          }
          table[class=body] .hide-mobile {
              display: none;
          }
          table[class=body] .logo  td {
              padding-bottom: 20px !important;
          }
          table[class=body] .btn table {
              width: 100% !important;
          }
          table[class=body] .btn a {
              display: block !important;
  /*            width: 100% !important;
              box-sizing: border-box;
  */
          }
      }

   /*   @media only screen and (max-width: 620px) {
          table[class=body] h1 {
              font-size: 28px !important;
              margin-bottom: 10px !important; }
          table[class=body] p,
          table[class=body] ul,
          table[class=body] ol,
          table[class=body] td,
          table[class=body] span,
          table[class=body] a {
              font-size: 16px !important; }
          table[class=body] .wrapper,
          table[class=body] .article {
              padding: 10px !important; }
          table[class=body] .content {
              padding: 0 !important; }
          table[class=body] .container {
              padding: 0 !important;
              width: 100% !important; }
          table[class=body] .main {
              border-left-width: 0 !important;
              border-radius: 0 !important;
              border-right-width: 0 !important; }
          table[class=body] .btn table {
              width: 100% !important; }
          table[class=body] .btn a {
              width: 100% !important; }
          table[class=body] .img-responsive {
              height: auto !important;
              max-width: 100% !important;
              width: auto !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 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;">
                <a style="color: #3498db; text-decoration: underline;" target="_blank">
                 <img alt="Whimsical" height="28" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.co%252Femail%252Femail-logo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1kXOmN:awqRkprJxc4g21n84jUGGGnYPsixRfGBaTTdLkHPR-A" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 166.0px; height: 28.0px;" width="166"/>
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
             <tbody>
              <tr>
               <td align="left" class="avatar hide-mobile" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;width: 60.0px; padding-right: 20.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%;">
                 <tbody>
                  <tr>
                   <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
                    <div style="background-color: #8313DD; color: #FFFFFF; text-align: center; line-height: 60.0px; font-size: 18.0px; font-weight: bold;border-radius: 30.0px; width: 60.0px; height: 60.0px;">
                     SJ
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
               <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
                <h1 style="color: #000000; font-family: arial; font-weight: bold; line-height: 1.4; margin: 0.0; margin-bottom: 14.0px;font-size: 21.0px; line-height: 28.0px;">
                 Sarah Jonas has invited you to join Marketing team on Whimsical
                </h1>
                <p class="join" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px;font-size: 16.0px; line-height: 24.0px;">
                 Join Sarah Jonas (6db23ad1@uifeed.com) to start collaborating visually.
                </p>
                <table border="0" cellpadding="0" cellspacing="0" class="btn" style="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;">
                        <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;" target="_blank">
                         Join Now
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <hr style="border: 0.0; border-bottom: 2.0px solid #DFE7ED; margin: 30.0px 0.0;"/>
            <h2 style="color: #000000; font-family: arial; font-weight: bold; line-height: 1.4; margin: 0.0; margin-bottom: 14.0px;font-size: 16.0px; line-height: 28.0px;">
             What's Whimsical?
            </h2>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px;">
             <a style="color: #3498db; text-decoration: underline;">
              Whimsical
             </a>
             lets you collaborate visually. Craft flows with Flowcharts, design UIs with Wireframes and run projects with Sticky Notes. It's fast and delightful.
            </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>
    </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%253D9f2dELTO3TtJYA8oWoAeP5-2B0WGrNPAhIVZ9uH7LC2StXYcSHvQpUICRG3siUjQiD208YZQjrgx-2BE3ut3v-2FJdiRIcDf-2BX82vaQKPET15cG2MJ0mvRdcgevVwxxdd8Ky1SEIIyolYb2g1rUBcCdRb4fdTuTXM8I26VHEiJvoZlVj5wgkNULln0c6lVgzdBIM39fnhhwmBp8a-2BmYOpGKE8uA6CbpbKVldOk-2BJG-2FxaOZHeQ-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1NTg1NDY4NS5jdCJ9:1kXOmN:WPbbCL609yKpQhh7eVrvLcTsm2CVOSmsRITFn6WMnpg" 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>