Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html style="background-color: #FFFFFF;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   This Week’s Framer Hype
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <!--[if !mso]><!-->
  <link href="https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253Dsans-serif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1pvEro:dZMV8qfkep4jzO8qb1NIrCjz_SnfO7cItNzEcnHHlpo" rel="stylesheet" type="text/css"/>
  <style type="text/css">
   @import url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253Dsans-serif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1pvEro:dZMV8qfkep4jzO8qb1NIrCjz_SnfO7cItNzEcnHHlpo);
  </style>
  <!--<![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-px-600 { width:600px !important; max-width: 600px; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-px-600 { width:600px !important; max-width: 600px; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:480px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 2400px !important;
        }
  </style>
  <style>
   /* Gmail selectors */
          .wrapper {
            padding: 0 12px;
          }
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
  </style>
 </head>
 <body class="body style=" word-spacing:normal="">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Make sure you’re not missing out on some of the best Framer resources from this week
  </div>
  <div style="background-color:#FFFFFF;">
   <span style="display: none; max-height: 0px; overflow: hidden; opacity:0">
    ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
   </span>
   <!--[if mso]><style type="text/css"> .outlook-list-fix { margin-left:4px !important; }
</style><table align="center" border="0" cellpadding="0" cellspacing="0" class="ml-outlook wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="ml wfix gmail-no-padding wrapper" style="margin: 0px auto; max-width: 600px; margin-left: 0px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" class="wfix-outlook body-border-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-px-600 mj-outlook-group-fix wfix body-border" style="border-radius: 4px; background-color: transparent; overflow: hidden; font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:transparent;vertical-align:top;padding-top:12px;padding-right:10px;padding-bottom:0px;padding-left:10px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:556px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclh64ho0t00a5l30f8rdi18ef%252Fclhak6chl0132mi0f3em850jj.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pvEro:FRgSTEL5TfJyIAjqevjjvZtchIjCUtvSML7XHT4VBmI" style="border:0;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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        Get ready to level up your Framer game with the latest and greatest tutorials, tips, and remix projects from the Framer team and community! From mind-blowing animations to responsive design tricks, there’s no shortage of amazing resources to explore. Don’t miss out on the hype – check out our roundup of the best Framer resources from this week.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;" vertical-align="middle">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                       <tbody>
                        <tr>
                         <td align="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:6px 12px;background:#000000;" valign="middle">
                          <a style="display: inline-block; background: #000000; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; text-transform: none; padding: 6px 12px; mso-padding-alt: 0px; border-radius: 8px;" target="_blank">
                           Go to the Hype Feed
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclh64ho0t00a5l30f8rdi18ef%252Fclh67svnf00ccl90gmpyrlbcs.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pvEro:FRgSTEL5TfJyIAjqevjjvZtchIjCUtvSML7XHT4VBmI" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="bold" style="font-weight: 600;">
                        Create a Floating Navigation that Appears on Scroll 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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         In this tutorial,
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        you’ll learn how to create a floating navigation that appears as soon as the user starts scrolling down the page and remains on the page all the way to the bottom. Using scroll sections and scroll animations, this simple and effective technique can improve user experience and make navigation more accessible. Follow along step-by-step and or use the remix link.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclh64ho0t00a5l30f8rdi18ef%252Fclhali3fg004klb0fj1hj4rvv.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pvEro:FRgSTEL5TfJyIAjqevjjvZtchIjCUtvSML7XHT4VBmI" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="bold" style="font-weight: 600;">
                        Engaging Portfolio Index Pages to Showcase Your 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:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         In this article
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        , Monika will show you how she used Framer components to create interactive portfolio items to make your work stand out. Follow along or remix the project to copy them to your own site.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclh64ho0t00a5l30f8rdi18ef%252Fclhalidy8004mlb0froxg0pjr.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pvEro:FRgSTEL5TfJyIAjqevjjvZtchIjCUtvSML7XHT4VBmI" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <br/>
                       <span class="bold" style="font-weight: 600;">
                        Ready-to-Remix Menus for Your Next Project.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        Irfan Aziz has collected some of
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         the best ready-made Framer menus
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        created by top designers. In this post, we’ll take a closer look at these menus and explore their features.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:556px;">
                          <a style="text-decoration: none;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclh64ho0t00a5l30f8rdi18ef%252Fclhalipho004ulb0fm019zpx1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSJ9:1pvEro:FRgSTEL5TfJyIAjqevjjvZtchIjCUtvSML7XHT4VBmI" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="556"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="bold" style="font-weight: 600;">
                        Advanced Scroll Animations.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         In this Framer tutorial
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        , Nandi from Framer University will teach you how to create an advanced scroll animation in Framer. Check out the tutorial and subscribe to his YouTube channel for more amazing tutorials like these.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        That’s it for this week. Please let us know what you think on
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         Twitter
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        or join
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none;" target="_blank">
                        <span class="underline" style="text-decoration: underline; color: #374151;">
                         our community
                        </span>
                       </a>
                       <span class="" style="color: ;">
                        . We’re happy to help. Hope to see you there!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span class="" style="color: ;">
                        ✌️ The Hype Team
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14.4px;line-height:23.04px;text-align:left;color:#000000;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:14.4px;text-align:left;color:#9ca3af;">
                       You're receiving this email because you opted-in to receive updates from Framer
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:23.04px;text-align:left;color:#9ca3af;">
                       Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                       <br/>
                       <a class="bold link-nostyle" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af; text-decoration: none;" target="_blank">
                        Unsubscribe
                       </a>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
  <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F01000187f08a6488-523da4a3-2055-4604-8d86-f0335ed0658b-000000%252FOooW84btpiX2bsjE3vdHLyvJNzVwBqUYXSdbm0qh48c%253D299/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyJ9:1pvEro:nRcHq32XxWZQx4MfFsMdoezy5M7mQXqM-13WkjrPOLI" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>