Inboxes

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

+New inbox

<!DOCTYPE html>
<html style="background-color: #FFFFFF;" 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]-->
  <!--[if !mso]><!-->
  <link href="https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253Dsans-serif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1pxn8L:feRZ2MeR6a2DpcYYAtrXmrbxlIa7RFwy1Y0zGciA6-4" rel="stylesheet" type="text/css"/>
  <style type="text/css">
   @import url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253Dsans-serif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1pxn8L:feRZ2MeR6a2DpcYYAtrXmrbxlIa7RFwy1Y0zGciA6-4);
  </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>
   /* Gmail selectors */
          .wrapper {
            padding: 0 12px;
          }
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
  </style>
 </head>
 <body class="body style=" word-spacing:normal="">
  <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:#FFFFFF;">
   <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="center" 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;">
    <table align="center" 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="center" 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="center" 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="center" 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:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclhkgbnit000djp0fu3f0geh5%252Fclhkitf1k0032jp0fhfdiqqt8.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pxn8L:bD6FmX0HcufQXSjIqSamCE9ZXCeqp6WWUOIrWQsmmDM" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <br/>
                       <span class="" style="color: ;">
                        Get ready to take your Framer skills to the next level with the latest resources from the Framer team and community! This week, we have a video tutorial on creating animating gradients in Framer with no code, a guide on incorporating dynamic scribbles into your website design, and the 5th Community Challenge on creating smooth drag interactions. Don’t miss out on the chance to learn new tricks and win exclusive Framer merch – check out our roundup now!
                       </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:14.4px;line-height:23.04px;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="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" 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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <br/>
                      </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:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclhkgbnit000djp0fu3f0geh5%252Fclhki5ubk0004mg0f7hvzvjtw.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pxn8L:bD6FmX0HcufQXSjIqSamCE9ZXCeqp6WWUOIrWQsmmDM" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <br/>
                       <span class="bold" style="font-weight: 600;">
                        Creating Animating Gradients in Framer with No Code.
                       </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="">
                        In this video, you’ll learn how to create animating gradients in Framer with no code. The tutorial covers how to use the Particles component from
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         https://framer.supply/
                        </span>
                       </a>
                       <span class="" style="">
                        to create various effects, including a moving gradient and a gradient blur 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:14.4px;line-height:23.04px;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="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" target="_blank">
                           Check out the full 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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;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:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclhkgbnit000djp0fu3f0geh5%252Fclhkjzcp70006ml0fvnfjdzdc.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pxn8L:bD6FmX0HcufQXSjIqSamCE9ZXCeqp6WWUOIrWQsmmDM" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="bold" style="font-weight: 600;">
                        Incorporating Dynamic Scribbles into Your 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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="">
                        Discover how to incorporate creative and playful scribbles into your website design without coding. Follow this tutorial to learn how to animate and customize the Scribbles to fit your unique 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:14.4px;line-height:23.04px;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="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" target="_blank">
                           Check out the Scribbles
                          </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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;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:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclhkgbnit000djp0fu3f0geh5%252Fclhkimzsq008ml50f3ar47n8s.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pxn8L:bD6FmX0HcufQXSjIqSamCE9ZXCeqp6WWUOIrWQsmmDM" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <br/>
                       <span class="bold" style="font-weight: 600;">
                        Community Challenge 5: Smooth Drag Interactions
                       </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="">
                        In the 5th Community Challenge, we invite you to unleash your imagination and create the most creative drag interaction for a website using Framer. We look forward to seeing what you come up with! The winning entry will receive an exclusive Community Badge and Framer merch pack, including a t-shirt, stickers, notebook, and pen.
                       </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:14.4px;line-height:23.04px;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="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" 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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;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:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclhkgbnit000djp0fu3f0geh5%252Fclhkj6c6g003sjp0f0fvywhtv.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pxn8L:bD6FmX0HcufQXSjIqSamCE9ZXCeqp6WWUOIrWQsmmDM" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="bold" style="font-weight: 600;">
                        Sticky Scrolling Hero With Fixed Video Background
                       </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="">
                        This tutorial by Official Framer Mentor, Matt Jumper will teach you how to create a responsive website with a navigation that follows you and inverts itself for legibility, a video background that stays in place while scrolling, sticky type for a unique scroll effect, stack animations for added depth, and proper use of H tags for creative titles.
                       </span>
                       <br/>
                      </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="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" target="_blank">
                           Watch the full 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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        That’s it for this week. Please let us know what you think on
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         Twitter
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        or join
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         our community
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        . 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:14.4px;line-height:23.04px;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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        ✌️ Jurre
                       </span>
                       <br/>
                       <span class="" style="">
                        Grand Poobah of Hype at Framer
                       </span>
                       <br/>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         https://twitter.com/jurrehoutkamp
                        </span>
                       </a>
                      </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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:14.4px;text-align:left;color:#9ca3af;">
                       You're receiving this email because you opted-in to receive updates from Framer
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:23.04px;text-align:left;color:#9ca3af;">
                       Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                       <br/>
                       <a class="bold link-nostyle" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af; text-decoration: none;" target="_blank">
                        Unsubscribe
                       </a>
                      </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%252F0100018814cd7e4c-11e1ba9f-e32e-406b-8b68-dd716fc9f136-000000%252FjTeBQZ_6j0PcCOCXZK3nomkU8HZZTxUC13EjE8lavD8%253D300/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyJ9:1pxn8L:K8PDIqzxTM6xGYj5DUE9lMuvrRS4hkPPGebivuP7BO8" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>