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;
            }
          }
  </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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0bm7oj01ymmo0prx65k5o0.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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="">
                        Hello again, Framer enthusiasts! We’re back with another batch of exciting resources for you. Check out the latest in the Navigation Patterns, see the new Framer Challenge, get ready for the “Framer Battles” launch, explore the Magnifying Glass Nav, dive deep with Danny’s CMS tutorial, and pick up tips on monetizing your Framer skills from Ryan Hayward.
                       </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;" 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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0bocfo015omk0o7w4i77kc.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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;">
                        Introducing: nav.supply Navigation Patterns
                       </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="">
                        Elevate your next Framer project with high-quality navigation patterns by Benjamin. Access 10 interactive demonstrations to learn more about them, and watch videos to understand how they work.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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:556px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0ebv9o000sji0o1qod8mya.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                         </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 18: Join the Framer Navigation Challenge
                       </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="">
                        Now, it’s your turn! For the next fortnight, we challenge you to craft an inventive navigation for your site. Whether you remix from
                       </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;">
                         nav.supply
                        </span>
                       </a>
                       <span class="sh-preserve-font-size sh-preserve-color sh-preserve-line-height dark-force" style="">
                        or start from scratch, we're eager to see your creations.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0bv1hx00vfml0o9q5lv6ni.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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;">
                        Tutorial: Mastering the CMS 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="">
                        An exploration of Framer’s CMS is presented by Danny, showcasing its versatility in managing course-style websites and efficient collaboration.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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">
                           View 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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0c5cii01cymk0otx3j76ua.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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;">
                        Unveiling “Framer Battles”
                       </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="">
                        A new competition, “Framer Battles”, has been unveiled by Carlos Gerónimo. In this contest, developers within Framer are set against each other, given creative challenges under constrained timelines, and led through rigorous elimination rounds. The onset of this event is keenly awaited.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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 Framer Battle
                          </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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0c96w201eemk0o3w47f7w6.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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;">
                        Magnifying Glass Navbar in Framer
                       </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="">
                        Zulal brings an upgraded take on the “Magnifying Glass Navbar”. This enhanced version now boasts both hover and click interactions, ensuring a seamless and interactive navbar.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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:579px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclm0bm7fo01ygmo0pekybqgov%252Fclm0cdvn101n4l50npqpu9q1b.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1qcNra:StRrS7DI8ciSPiP5LsrU7SJ_Eq0m_vReqolyBt-K_xc" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="579"/>
                         </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;">
                        6 Ways of Monetizing your Framer skills
                       </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="">
                        Ryan Hayward delves into the profitable landscape of Framer in a new YouTube video. He unveils six effective strategies to capitalize on Framer in 2023, offering viewers actionable insights into revenue generation.
                       </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="#000000" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:7px 
  12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; 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;">
                      <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%252F0100018a556fb9bd-ae45b4a0-66ac-44b6-a9dd-1ee0b350fe86-000000%252FVyToYKlE--vg6mx2LhmoLxA7mJCHZDE6wqk4-aI2E7k%253D316/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyJ9:1qcNra:KL-Gs4rP55V0hfaQl3BnZro5VrfudhNWaEdMohagv6c" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>