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>
   This Week’s Framer Hype
  </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-px-600 { width:600px !important; max-width: 600px; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-px-600 { width:600px !important; max-width: 600px; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:480px) {
      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;
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }
          
          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !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;
}

    }
  </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;">
   Make sure you’re not missing out on some of the best Framer resources from this week
  </div>
  <div style="background-color:transparent;">
   <span style="display: none; max-height: 0px; overflow: hidden; opacity:0">
    ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
   </span>
   <!--[if mso]><style type="text/css"> .outlook-list-fix { margin-left:4px !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 body-border-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-px-600 mj-outlook-group-fix wfix body-border" style="border-radius: 4px; background-color: transparent; overflow: hidden; font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:transparent;vertical-align:top;padding-top:12px;padding-right:10px;padding-bottom:0px;padding-left:10px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnoi42bn008bl10onqniw9mp.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        We’re back with this week’s must-see updates and tutorials. Highlights include a creative scroll animation challenge, Fluent Health’s standout website, and an Apple Unboxing animation remix. Also, learn to create the Apple Siri website and explore the Windows XP-inspired site built all in Framer!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Ready to jump in? Let’s get started!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Go to the Hype Feed
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnoh9qih01name0omi1y1gyx.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Challenge 20: Creative Scroll Animation with Scroll Transforms
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Over the next two weeks, Nandi from Framer University invites you to take on the thrilling challenge of designing the most captivating scroll animation using scroll transform effects in Framer. The winner’s submission will be featured in Framer University’s resources section and receive Framer merchandise from the Framer Team.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Join the Challenge
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnohpqeo001vlb0rdb67jai9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Easy Scroll Animation For Beginners
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Join Tim Gabe in this engaging 10-minute Framer tutorial, where you’ll discover simple yet effective techniques for crafting eye-catching scroll animations.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Watch Tutorial
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnohdtyk00iul40pjhn96j7x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Framer Remix: Apple Unboxing Animation by Kacper
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Take a look at Kacper’s creation of the Apple unboxing animation in Framer, which was featured in his
                       </span>
                       <a class="sh-preserve-font-size body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="color: #374151; text-decoration: underline !important;">
                         Daily Remixes
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        .
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Explore Now
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnohfz9001zhle0nwve6asvp.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Framer Tutorial: Learn to create the Apple Siri Website with Framer
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        In this amazing Framer tutorial, you’ll learn how to create the crazy bento card animation from the Apple Siri website with Framer. Nandi, from Framer University, will show you how to use sticky positioning in a unique way to achieve this effect.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Watch Tutorial
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnohimks021rle0nn38ttjet.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <br/>
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Windows XP-inspired site built with Framer by Zsolt Kálmán
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="start" 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:25px !important;text-align:start;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Discover the captivating Windows XP experience meticulously crafted by Zsolt Kálmán in Framer. Immerse yourself in the nostalgia as you explore Windows XP-styled modals and menus, all brilliantly executed with Framer.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Explore the Site
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;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:577px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclnoh1dly00n7kv0pid6ncq2t%252Fclnohbv4801a1mj0o5gg2smu1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qrcM0:f55UWu0KDiB_GQIbEyetW1XYaArVny1jxs_jqKvI1lk" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="577"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="bold sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="font-weight: 600;">
                        Website Spotlight: Fluent Health’s Website
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Take a virtual stroll through Fluent Health’s website, crafted using Framer. You’ll find a seamless blend of captivating looping effects that really make the product stand out. Plus, the interactive features do a stellar job of drawing you into Fluent Health’s workflow. All in all, it’s a visually and functionally impressive experience.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#0099FF;" valign="middle">
                          <a style="display: inline-block; background: #0099FF; font-family: sans-serif; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 7px 
  12px; mso-padding-alt: 0px; border-radius: 4px; color: #ffffff !important; font-size: 14px !important;" target="_blank">
                           Explore Website
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        That’s it for this week. Please let us know what you think on
                       </span>
                       <a class="sh-preserve-font-size body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="color: #374151; text-decoration: underline !important;">
                         Twitter
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        or join our
                       </span>
                       <a class="sh-preserve-font-size body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="color: #374151; text-decoration: underline !important;">
                         community
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        . We’re happy to help. Hope to see you there!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        ✌️ Jurre
                       </span>
                       <br/>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        Grand Poobah of Hype at Framer
                       </span>
                       <br/>
                       <a class="sh-preserve-font-size body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="color: #374151; text-decoration: underline !important;">
                         https://twitter.com/jurrehoutkam
                        </span>
                       </a>
                       <span class="underline sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="text-decoration: underline !important;">
                        p
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:25px !important;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" 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:20px;text-align:left;color:#9ca3af;">
                       <span style="color: #9ca3af; font-size: 12px !important; line-height: 20px !important;">
                        You're 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: 20px !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%252F0100018b2dd6a134-5f51259c-646b-4d6c-ada4-680b2d9d8c8c-000000%252Fmz6mgS_aq46ku8udFubexJ-yQ3vHGvWCy4wo7UrPCJ0%253D322/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyJ9:1qrcM0:7SJBccsvzjnMwbFdM7KuHrpVd9KLz-bP5V7eA_Ty96U" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>