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%252Fcloihyhln01xyld0oslznm8f9%252Fcloihyhs801y0ld0oaqoldszm.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" 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="">
                        This week brims with fresh updates and resources for our community. We’re spotlighting the ‘Cancelled Website’ by Ariella Delin &amp; Max Visar. Don’t miss the creativity on display at Framer Community Show &amp; Tell, and enhance your Framer site with Stripe-inspired navigation and crafting an interactive feature section with a progress bar. Plus, a beginner’s tutorial for mastering Nested Components in Framer. Also, don’t miss out on our October Updates.
                       </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="">
                        Let’s dive in!
                       </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;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloii4gix01rsjs0ms19ja365.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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 Community Show &amp; Tell #5
                       </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 us in our next Community Show and Tell, where Kate from Framer will be chatting with Sergio Lavanga (of
                       </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;">
                         Frame One Studio
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        ) and Stefan Jandl (of
                       </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;">
                         Favorit Studio)
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        about their work on the
                       </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;">
                         Form Studio
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        site, which recently won the
                       </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;">
                         Awwwards Site of the Day
                        </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">
                           Register 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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloii4y1u02t0jm0onlr15osz.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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: Cancelled Website by Ariella Delin &amp; Max Visar
                       </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="">
                        Cancelled website, designed by Ariella Delin and Max Visar, which has won Framer’s Site of the Month for October. The website is a stunning example of design and interactivity. Each page offers unique and mind-blowing interactions that elevate storytelling.
                       </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">
                           Visit 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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloiica4y004tl70q49orx77l.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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;">
                        October Updates
                       </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 our October Updates, we bring video drag-and-drop, effects copy-and-pasting, new RGB and HSL color controls, background-image positioning, and 30+ more updates.
                       </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">
                           Learn More
                          </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloii9mnz02bhld0o5rh17441.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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: Stripe-inspired Product Navigation by Firdavs Abdunazarov
                       </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 peek at Firdavs Abdunazarov’s Stripe Product Navigation in Framer. He has also provided a free remix link, allowing you to examine how it was made and modify it for one of your projects.
                       </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">
                           Remix 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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloiiatpg0161jt0oqb5o17ge.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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: Creating an Interactive Feature Section with a Progress Bar 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="">
                        Learn how to create an interactive component with a dynamic slide image and progress bar in this advanced tutorial. Carlos, an illustrator and web developer, walks you through the process of building this feature using Smart Components, Code Components &amp; Overrides, and optimizing it for mobile devices.
                       </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 Video
                          </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:580px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcloihyhln01xyld0oslznm8f9%252Fcloiife6o004cl60opmdf3qch.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qzInB:GY9lbSVxzvp5mLlHDMOnpBFBnCOzZ_qRmgxLjSVOxLI" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                         </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;">
                        Nested Components in Framer 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="">
                        In this Framer tutorial, Tim Gabe will show you how can use nested components in your Framer site and achieve next-level stuff. Join him in this engaging 20-minute Framer tutorial, where you’ll discover simple yet effective techniques of nested components.
                       </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">
                           See 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;">
                      <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%252F0100018b9b0003ae-c3886507-bb41-45a2-b9bb-4e844fd785d6-000000%252F0BwOogiKcUhubLNezxb2FVGRN_rZog555RSlpNj3qhI%253D325/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyJ9:1qzInB:vauy6Al7ptHebRQCrtSniEUBQWkVIZ_cbymPUCRNlQ4" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>