Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html style="background-color: transparent;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Join us live on April 10th
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:479px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 2400px !important;
        }
        @media(max-width: 599px) {
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }

         
  @media(max-resolution: 1dppx) {
    .styleUnquotedContent .unquoted-content .social-icons *:not(.sh-preserve-font-size), .styleUnquotedContent .sh-unquoted-content .social-icons *:not(.sh-preserve-font-size), .styleQuotedContent .sh-quoted-content .social-icons *:not(.sh-preserve-font-size), .sh-signature .social-icons *:not(.sh-preserve-font-size), .Signature-settings .social-icons *:not(.sh-preserve-font-size) {
      font-size: unset !important;
    }
  }


          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a:not(.link-nostyle) {
      text-decoration: underline;
      color: #000000 !important;
    }
    @media (prefers-color-scheme: dark) {
      a:not(.link-nostyle) {
        
    color: #ffffff !important;
  
      }
    }
  
          
    .Theme-carbon .divider.dark-force p {
      border-color: #ffffff !important;
    }

    .Theme-carbon .powered-by-image-dark {
      display: block !important;
    }

    .Theme-carbon .powered-by-image {
      display: none !important;
    }

    .Theme-carbon .social-icon.social-icon-hide-dark-mode {
      display: none !important;
    }

    .Theme-carbon .social-icon-dark-mode {
      display: block !important;
    }

    @media (prefers-color-scheme: dark) {
      
  .body {
  background-color: #000000;
  color: #FFFFFF !important;
}
td.dark-force div {
  color:#FFFFFF !important;
}
span.dark-force {
  color:#FFFFFF !important;
}
body > div {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
li.dark-force {
  color:#FFFFFF !important;
}
.divider.dark-force p {
  border-color: #FFFFFF !important;
}
a.dark-force, a.dark-force span {
  color: #FFFFFF;
}
h1.dark-force, h1.dark-force span,
h2.dark-force, h2.dark-force span,
h3.dark-force, h3.dark-force span {
  color: #FFFFFF;
}
.dark-force h1 {
  color: #FFFFFF;
}
.powered-by-image {
  display: none !important;
}
.powered-by-image-dark {
  display: block !important;
}
.social-icon.social-icon-hide-dark-mode {
  display: none !important;
}
.social-icon-dark-mode {
  display: block !important;
}

    }
  </style>
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:transparent;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Our latest features, product announcements, and community highlights.
  </div>
  <div style="background-color:transparent;">
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
   </div>
   <!--[if mso]><style type="text/css"> .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="middle" border="0" cellpadding="0" cellspacing="0" class="ml-outlook wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="ml wfix gmail-no-padding wrapper" style="margin: 0px auto; max-width: 600px; margin-left: 0px !important;">
    <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="middle" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="middle" class="wfix-outlook rounded-corners-outlook styled-primary-column-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; max-width: 600px !important;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:transparent;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="middle" style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:40px;">
                          <a style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltpuuhm400kr6gvn8pvdpc9b%252Fcltzies9c00wo12zhj96wv79e.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA5NDkyMzkuOTYzOTQ3M30:1rmy3T:HQlxdoz6v5A-WjoNGIJVT0D7h9BYUKaMcH7q0sxWxEA" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="40"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:44px;line-height:46px !important;text-align:center;color:#000000;">
                       <h1 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 44px; color: #000000 !important; line-height: 46px !important; font-size: 44px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 44px; line-height: 46px !important; font-size: 44px !important;">
                         Join us live for a special spring event.
                        </span>
                       </h1>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:30px;padding-right:0px;padding-bottom:30px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcltpuuhm400kr6gvn8pvdpc9b%252Fcltpy5o5u00zwrx2cvxhwea21.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTA5NDkyMzkuOTY0ODkwN30:1rmy3T:lI7uSarWa5KrnyZ2uI3yblgDskD5REuysAxq0sDRUmE" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:center;color:#444444;">
                       <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important;">
                        We’re thrilled to introduce our new quarterly live events, kicking off with the Spring Edition on April 10th at 7pm CET. Join us live for an overview of our latest features, thrilling product announcements, and community highlights.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="middle" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;" vertical-align="middle">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                       <tbody>
                        <tr>
                         <td align="middle" bgcolor="#0099ff" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:12px 
  16px;background:#0099ff;" valign="middle">
                          <a style="display: inline-block; background: #0099ff; font-family: sans-serif; font-weight: normal; line-height: 14px; margin: 0; text-decoration: none; text-transform: none; padding: 12px 
  16px; mso-padding-alt: 0px; border-radius: 8px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Add to your Calendar
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:19px;text-align:left;color:#9ca3af;">
                       <span style="color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;">
                        You are receiving this email because you opted-in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                        <br/>
                        <a class="bold link-nostyle" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 19px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
  <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F0100018e5c8586cc-49643d77-cfb3-40f8-8789-5f9fbe0f8e76-000000%252F3Qjm1vFrf_qw1MRuPn6NWh9DsQXOiYB0SfRZ0kW6t-g%253D345/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3MTA5NDkyMzkuOTY1MTU1OH0:1rmy3T:9LBqamnMs1AM105dM8eItybaIslvmRhyYqc3tpmyNzc" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>