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 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;padding: 20.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;">
            <p class="thumbnail" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px;margin: 20.0px 0.0;">
             <img src="https://inboxflows.com/_/image/https%253A%252F%252Fimgr.whimsical.co%252FFXnZGzVgBGn5DTBWtXPZ3o%252Fpng%253Fwidth%253D440%2526height%253D200%2526bg%253D%2523F7F9FA/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWdyLndoaW1zaSJ9:1kXOmN:ngh0mPNXaLW1nXyTB43771tl00mQe4IFi4bOzrfwQGI" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;"/>
            </p>
            <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: 40.0px; padding-right: 15.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: 40.0px; font-size: 16.0px; font-weight: bold;border-radius: 20.0px; width: 40.0px; height: 40.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;">
                <p class="heading" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0; margin-bottom: 25.0px;margin-bottom: 5.0px; font-size: 14.0px; line-height: 16.0px; font-weight: bold;">
                 <span class="name">
                  Sarah Jonas
                 </span>
                 <span class="time" style="color: #9EADBA;">
                  Feb 10
                 </span>
                </p>
                <p class="text" 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: 22.0px; margin-bottom: 4.0px;">
                 Assigned the card to you.
                </p>
                <table border="0" cellpadding="0" cellspacing="0" class="btn btn-violet" 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" class="view-card" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px;padding-top: 20.0px; padding-bottom: 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%;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;padding: 11.0px 20.0px;" target="_blank">
                         View Card
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
           </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-2B0WGrNPAhIVZ9uH7LC2SuRxkgZRnxrqKGGAREucOA8PYslahjIM8zWH8sYzfav1Glmgr9yzJzU7hX3uF6-2FGONsHTxQmPn7-2BMXnchQtnGIGToRyIuAmyNWMsIhY4kPMjsHV4JYqqY4gls1Yhu4VTEnqFcbd5lp5BaFVwX1eZTfVTYBsT5iorDCqPVIKFzlqx4DAE3oUfvfcEXfcEBNKPXQ-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>