Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>
   Support Khan Academy today
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--text for header to pass through correctly in iOS devices.-->
  <!--not a lot of clients support web fonts right now, but some do and it doesn't hurt the others-->
  <style type="text/css">
   body {
margin: 0;
padding: 0;
}
table,
td,
tr {
vertical-align: top;
border-collapse: collapse;
}
* {
line-height: inherit;
}
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important;
}
.ie-browser table {
table-layout: fixed;
}
[owa] .img-container div,
[owa] .img-container button {
display: block !important;
}
[owa] .fullwidth button {
width: 100% !important;
}
[owa] .block-grid .col {
display: table-cell;
float: none !important;
vertical-align: top;
}
.ie-browser .block-grid,
.ie-browser .num12,
[owa] .num12,
[owa] .block-grid {
width: 600px !important;
}
.ie-browser .mixed-two-up .num4,
[owa] .mixed-two-up .num4 {
width: 200px !important;
}
.ie-browser .mixed-two-up .num8,
[owa] .mixed-two-up .num8 {
width: 400px !important;
}
.ie-browser .block-grid.two-up .col,
[owa] .block-grid.two-up .col {
width: 300px !important;
}
.ie-browser .block-grid.three-up .col,
[owa] .block-grid.three-up .col {
width: 300px !important;
}
.ie-browser .block-grid.four-up .col [owa] .block-grid.four-up .col {
width: 150px !important;
}
.ie-browser .block-grid.five-up .col [owa] .block-grid.five-up .col {
width: 120px !important;
}
.ie-browser .block-grid.six-up .col,
[owa] .block-grid.six-up .col {
width: 100px !important;
}
.ie-browser .block-grid.seven-up .col,
[owa] .block-grid.seven-up .col {
width: 85px !important;
}
.ie-browser .block-grid.eight-up .col,
[owa] .block-grid.eight-up .col {
width: 75px !important;
}
.ie-browser .block-grid.nine-up .col,
[owa] .block-grid.nine-up .col {
width: 66px !important;
}
.ie-browser .block-grid.ten-up .col,
[owa] .block-grid.ten-up .col {
width: 60px !important;
}
.ie-browser .block-grid.eleven-up .col,
[owa] .block-grid.eleven-up .col {
width: 54px !important;
}
.ie-browser .block-grid.twelve-up .col,
[owa] .block-grid.twelve-up .col {
width: 50px !important;
}
  </style>
  <style id="media-query" type="text/css">
   @media only screen and (min-width: 620px) {
.block-grid {
width: 600px !important;
}
.block-grid .col {
vertical-align: top;
}
.block-grid .col.num12 {
width: 600px !important;
}
.block-grid.mixed-two-up .col.num3 {
width: 150px !important;
}
.block-grid.mixed-two-up .col.num4 {
width: 200px !important;
}
.block-grid.mixed-two-up .col.num8 {
width: 400px !important;
}
.block-grid.mixed-two-up .col.num9 {
width: 450px !important;
}
.block-grid.two-up .col {
width: 300px !important;
}
.block-grid.three-up .col {
width: 200px !important;
}
.block-grid.four-up .col {
width: 150px !important;
}
.block-grid.five-up .col {
width: 120px !important;
}
.block-grid.six-up .col {
width: 100px !important;
}
.block-grid.seven-up .col {
width: 85px !important;
}
.block-grid.eight-up .col {
width: 75px !important;
}
.block-grid.nine-up .col {
width: 66px !important;
}
.block-grid.ten-up .col {
width: 60px !important;
}
.block-grid.eleven-up .col {
width: 54px !important;
}
.block-grid.twelve-up .col {
width: 50px !important;
}
}
@media (max-width: 620px) {
.block-grid,
.col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
}
.block-grid {
width: 100% !important;
}
.col {
width: 100% !important;
}
.col>div {
margin: 0 auto;
}
img.fullwidth,
img.fullwidthOnMobile {
max-width: 100% !important;
}
.no-stack .col {
min-width: 0 !important;
display: table-cell !important;
}
.no-stack.two-up .col {
width: 50% !important;
}
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num8 {
width: 66% !important;
}
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num3 {
width: 25% !important;
}
.no-stack .col.num6 {
width: 50% !important;
}
.no-stack .col.num9 {
width: 75% !important;
}
.video-block {
max-width: none !important;
}
.mobile_hide {
min-height: 0px;
max-height: 0px;
max-width: 0px;
display: none;
overflow: hidden;
font-size: 0px;
}
.desktop_hide {
display: block !important;
max-height: none !important;
}
}
  </style>
  <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,900" rel="stylesheet"/>
  <!-- 
Outlook doesn't work with web fonts and will fall back to Times New Roman, regardless of what's declared.
We need to override web font usage for Outlook only.
-->
  <!--[if mso]>
<style type=”text/css”>
.wb-title,
.wb-heading-large,
.wb-heading-medium,
.wb-heading-small,
.wb-heading-x-small,
.wb-body,
.wb-label-large,
.wb-label-medium,
.wb-label-small,
.wb-label-x-small,
.wb-tagline,
.wb-caption,
.wb-footnote {
font-family: sans-serif !important;
}
</style>
<![endif]-->
  <style type="text/css">
   @media screen and (max-width: 600px) {
u + .body {
/* iOS Gmail viewport fix */
/* Make sure that your body element has .body class */
width: 100vw !important;
}
}
a[x-apple-data-detectors=true] {
/* Set default text color inheritance for auto-detected iOS links like date, time, address, etc */
color: inherit !important;
text-decoration: inherit !important;
border-bottom: none !important;
}
body {
/* Set native platform font styling */
font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
color: black;
}
.webkit {
/* Webkit and Microsoft font-size fix */
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
/* Scaled images fix */
-ms-interpolation-mode: bicubic;
}
@media screen and (max-width: 636px) {
table.maintable { width: 100%; max-width: 600px; } 
table.secondtable { width: 100%; max-width: 600px; }        
table.thirdtable { width: 100%; max-width: 286px; }        
table.socialtable { width: 100%; max-width: 88px; }
table.wrapper { padding-left: 18px; padding-right: 18px; }
.wb-title { font-size: 28px !important; line-height: 32px !important; }
.wb-heading-large { font-size: 24px !important; line-height: 28px !important; }
.wb-heading-medium { font-size: 22px !important; line-height: 26px !important; }
.wb-heading-small { font-size: 20px !important; line-height: 24px !important; }
.wb-heading-x-small { font-size: 12px !important; line-height: 16px !important; }
.wb-body-serif-block { font-size: 22px !important; line-height: 28px !important; }
.wb-body-serif { font-size: 18px !important; line-height: 22px !important; }
.wb-body-monospace { font-size: 17px !important; line-height: 22px !important; }
.wb-body { font-size: 16px !important; line-height: 22px !important; }
.wb-label-large { font-size: 16px !important; line-height: 20px !important; }
.wb-label-medium { font-size: 16px !important; line-height: 20px !important; }
.wb-label-small { font-size: 14px !important; line-height: 18px !important; }
.wb-label-x-small { font-size: 12px !important; line-height: 16px !important; }
.wb-tagline { font-size: 20px !important; line-height: 24px !important; }
.wb-caption { font-size: 14px !important; line-height: 20px !important; }
.wb-footnote { font-size: 12px !important; line-height: 18px !important; }
}
@media screen and (max-width: 414px) {
.hide-on-mobile { display: none !important;}       
.show-on-mobile { display : block !important; width : auto !important; max-height: inherit !important; overflow : visible !important; float : none !important; }
}
@media screen and (max-width: 320px) {
table.wrapper { padding-left: 0; padding-right: 0; }
td.border-radius { border-radius: 0 !important; }
}
  </style>
 </head>
 <body class="wb-body" style="-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;">
  <!-- Start of inbox preview copy -->
  <div style="display: none; font-size: 1px; color: white">
   Since you
   <b>
    joined Khan Academy in March 2018
   </b>
   , you’ve had a chance to watch all sorts of educational videos.
   <b>
    (You’ve watched 0 videos in fact.)
   </b>
   But no matter how many videos you’ve watched, you’ve NEVER had a chance to check out middle school biology.
  </div>
  <!-- End of inbox preview copy -->
  <!-- Yahoo CSS -->
  <style type="text/css">
   body {
margin: 0;
padding: 0;
}
table,
td,
tr {
vertical-align: top;
border-collapse: collapse;
}
* {
line-height: inherit;
}
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important;
}
.ie-browser table {
table-layout: fixed;
}
[owa] .img-container div,
[owa] .img-container button {
display: block !important;
}
[owa] .fullwidth button {
width: 100% !important;
}
[owa] .block-grid .col {
display: table-cell;
float: none !important;
vertical-align: top;
}
.ie-browser .block-grid,
.ie-browser .num12,
[owa] .num12,
[owa] .block-grid {
width: 600px !important;
}
.ie-browser .mixed-two-up .num4,
[owa] .mixed-two-up .num4 {
width: 200px !important;
}
.ie-browser .mixed-two-up .num8,
[owa] .mixed-two-up .num8 {
width: 400px !important;
}
.ie-browser .block-grid.two-up .col,
[owa] .block-grid.two-up .col {
width: 300px !important;
}
.ie-browser .block-grid.three-up .col,
[owa] .block-grid.three-up .col {
width: 300px !important;
}
.ie-browser .block-grid.four-up .col [owa] .block-grid.four-up .col {
width: 150px !important;
}
.ie-browser .block-grid.five-up .col [owa] .block-grid.five-up .col {
width: 120px !important;
}
.ie-browser .block-grid.six-up .col,
[owa] .block-grid.six-up .col {
width: 100px !important;
}
.ie-browser .block-grid.seven-up .col,
[owa] .block-grid.seven-up .col {
width: 85px !important;
}
.ie-browser .block-grid.eight-up .col,
[owa] .block-grid.eight-up .col {
width: 75px !important;
}
.ie-browser .block-grid.nine-up .col,
[owa] .block-grid.nine-up .col {
width: 66px !important;
}
.ie-browser .block-grid.ten-up .col,
[owa] .block-grid.ten-up .col {
width: 60px !important;
}
.ie-browser .block-grid.eleven-up .col,
[owa] .block-grid.eleven-up .col {
width: 54px !important;
}
.ie-browser .block-grid.twelve-up .col,
[owa] .block-grid.twelve-up .col {
width: 50px !important;
}
  </style>
  <style id="media-query" type="text/css">
   @media only screen and (min-width: 620px) {
.block-grid {
width: 600px !important;
}
.block-grid .col {
vertical-align: top;
}
.block-grid .col.num12 {
width: 600px !important;
}
.block-grid.mixed-two-up .col.num3 {
width: 150px !important;
}
.block-grid.mixed-two-up .col.num4 {
width: 200px !important;
}
.block-grid.mixed-two-up .col.num8 {
width: 400px !important;
}
.block-grid.mixed-two-up .col.num9 {
width: 450px !important;
}
.block-grid.two-up .col {
width: 300px !important;
}
.block-grid.three-up .col {
width: 200px !important;
}
.block-grid.four-up .col {
width: 150px !important;
}
.block-grid.five-up .col {
width: 120px !important;
}
.block-grid.six-up .col {
width: 100px !important;
}
.block-grid.seven-up .col {
width: 85px !important;
}
.block-grid.eight-up .col {
width: 75px !important;
}
.block-grid.nine-up .col {
width: 66px !important;
}
.block-grid.ten-up .col {
width: 60px !important;
}
.block-grid.eleven-up .col {
width: 54px !important;
}
.block-grid.twelve-up .col {
width: 50px !important;
}
}
@media (max-width: 620px) {
.block-grid,
.col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
}
.block-grid {
width: 100% !important;
}
.col {
width: 100% !important;
}
.col>div {
margin: 0 auto;
}
img.fullwidth,
img.fullwidthOnMobile {
max-width: 100% !important;
}
.no-stack .col {
min-width: 0 !important;
display: table-cell !important;
}
.no-stack.two-up .col {
width: 50% !important;
}
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num8 {
width: 66% !important;
}
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num3 {
width: 25% !important;
}
.no-stack .col.num6 {
width: 50% !important;
}
.no-stack .col.num9 {
width: 75% !important;
}
.video-block {
max-width: none !important;
}
.mobile_hide {
min-height: 0px;
max-height: 0px;
max-width: 0px;
display: none;
overflow: hidden;
font-size: 0px;
}
.desktop_hide {
display: block !important;
max-height: none !important;
}
}
  </style>
  <style type="text/css">
   @media screen and (max-width: 600px) {
u + .body {
/* iOS Gmail viewport fix */
/* Make sure that your body element has .body class */
width: 100vw !important;
}
}
a[x-apple-data-detectors=true] {
/* Set default text color inheritance for auto-detected iOS links like date, time, address, etc */
color: inherit !important;
text-decoration: inherit !important;
border-bottom: none !important;
}
body {
/* Set native platform font styling */
font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
color: black;
}
.webkit {
/* Webkit and Microsoft font-size fix */
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
/* Scaled images fix */
-ms-interpolation-mode: bicubic;
}
@media screen and (max-width: 636px) {
table.maintable { width: 100%; max-width: 600px; } 
table.secondtable { width: 100%; max-width: 600px; }        
table.thirdtable { width: 100%; max-width: 286px; }        
table.socialtable { width: 100%; max-width: 88px; }
table.wrapper { padding-left: 18px; padding-right: 18px; }
.wb-title { font-size: 28px !important; line-height: 32px !important; }
.wb-heading-large { font-size: 24px !important; line-height: 28px !important; }
.wb-heading-medium { font-size: 22px !important; line-height: 26px !important; }
.wb-heading-small { font-size: 20px !important; line-height: 24px !important; }
.wb-heading-x-small { font-size: 12px !important; line-height: 16px !important; }
.wb-body-serif-block { font-size: 22px !important; line-height: 28px !important; }
.wb-body-serif { font-size: 18px !important; line-height: 22px !important; }
.wb-body-monospace { font-size: 17px !important; line-height: 22px !important; }
.wb-body { font-size: 16px !important; line-height: 22px !important; }
.wb-label-large { font-size: 16px !important; line-height: 20px !important; }
.wb-label-medium { font-size: 16px !important; line-height: 20px !important; }
.wb-label-small { font-size: 14px !important; line-height: 18px !important; }
.wb-label-x-small { font-size: 12px !important; line-height: 16px !important; }
.wb-tagline { font-size: 20px !important; line-height: 24px !important; }
.wb-caption { font-size: 14px !important; line-height: 20px !important; }
.wb-footnote { font-size: 12px !important; line-height: 18px !important; }
}
@media screen and (max-width: 414px) {
.hide-on-mobile { display: none !important;}       
.show-on-mobile { display : block !important; width : auto !important; max-height: inherit !important; overflow : visible !important; float : none !important; }
}
@media screen and (max-width: 320px) {
table.wrapper { padding-left: 0; padding-right: 0; }
td.border-radius { border-radius: 0 !important; }
}
  </style>
  <!-- Start of preheader -->
  <table bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="wrapper" style="background: #f0f1f2" width="100%">
   <tbody>
    <tr>
     <td bgcolor="#f0f1f2" height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly; background: #f0f1f2;" width="100%">
     </td>
    </tr>
   </tbody>
  </table>
  <!-- End of preheader -->
  <!-- Start of header -->
  <table align="center" bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="100%">
   <tbody>
    <tr>
     <td align="center">
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
       <tbody>
        <tr>
         <td bgcolor="#ffffff" class="maintable border-radius" style="border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da; border-top: 1px solid #d6d8da; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #ffffff;" width="600">
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
           <tbody>
            <!-- Spacing -->
            <tr>
             <td class="maintable" height="23" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;" width="600">
             </td>
            </tr>
           </tbody>
          </table>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <table align="center" bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="100%">
   <tbody>
    <tr>
     <td align="center">
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="maintable" style="background: #ffffff" width="600">
       <tbody>
        <tr>
         <td align="center" class="maintable" style="border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da;" width="600">
          <!-- start of LOGO -->
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
           <tbody>
            <tr>
             <td align="center" class="maintable" width="600">
              <table border="0" cellpadding="0" cellspacing="0" width="152">
               <tbody>
                <tr>
                 <td align="center" width="152">
                  <a target="_blank">
                   <img alt="Khan Academy" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F7%252F2%252F5b3a82c1daa43.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="display:block; border:none; outline:none; text-decoration:none; width: 100%; max-width: 180px; height: auto;" width="152"/>
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- Spacing -->
            <tr>
             <td bgcolor="#ffffff" height="22" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly; background: #ffffff;">
             </td>
            </tr>
           </tbody>
          </table>
          <!-- end of LOGO -->
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- End of Header -->
  <!-- Start of main body lead-in -->
  <table align="center" bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="100%">
   <tbody>
    <!-- Start of image header -->
    <tr>
     <td align="center">
      <!-- START Banner Image
This is the space for the full-width banner image at the top of the email. To update this, you should
only need to change the "src" attribute of the "<img" tag and update the "href" of the "<a" tag.
-->
      <table bgcolor="#e5f5fa" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 300px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #e5f5fa; width: 100%;" valign="top" width="100%">
       <tbody>
        <tr style="vertical-align: top;" valign="top">
         <td style="word-break: break-word; vertical-align: top; border-collapse: collapse;" valign="top">
          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#e5f5fa"><![endif]-->
          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
         </td>
        </tr>
       </tbody>
      </table>
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="maintable" style="background: #ffffff;" width="602">
       <tbody>
        <tr>
         <td style="border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da;" width="100%">
          <a>
           <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k1%252F3%252Fn%252F58d3cc73644e0.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="display: block; border: none; outline: none; text-decoration: none; width: 100%; max-width: 600px; height: auto;" width="600"/>
          </a>
         </td>
        </tr>
       </tbody>
      </table>
      <!-- END Banner Image -->
      <!-- End of main body lead-in -->
      <!-- Start of main message content structure -->
      <table align="center" bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
       <tr>
        <td align="center" bgcolor="#ffffff" class="secondtable-wrapper" style="border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da; background: #ffffff; padding-left: 24px; padding-right: 24px;">
         <table align="center" border="0" cellpadding="0" cellspacing="0" class="secondtable" width="520">
          <tbody>
           <!-- Spacing -->
           <tr>
            <td bgcolor="#ffffff" height="32" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly; background: #ffffff">
            </td>
           </tr>
           <tr>
            <td>
             <!-- Start of main message text -->
             <div class="wb-body" style="text-align: left; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #21242c;">
              Hi User Flow,
             </div>
             <!--copy-paste this to make a new Body -->
             <div class="wb-body" style="text-align: left; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;">
              Since you
              <b>
               joined Khan Academy in March 2018
              </b>
              , you’ve had a chance to watch all sorts of educational videos. 
But no matter how many videos you’ve watched, you’ve NEVER had a chance to check out middle school biology.
              <br/>
              <br/>
              Until now.
              <br/>
              <br/>
              FUN FACT: We just launched our first-ever
              <b>
               middle school science content. It’s part of our largest content expansion in Khan Academy history!
              </b>
              In less than a year, we have put
              <b>
               2,312 pieces of science content
              </b>
              (videos, articles, and practice questions) on the site.
              <br/>
              <br/>
              Why have we been working so furiously to publish more science content?
              <br/>
              <br/>
              NOT FUN FACT:
              <b>
               Too many students aren’t being exposed to rigorous and engaging science education in school — especially kids from under-resourced communities*.
              </b>
              <br/>
              <br/>
              This is bad news for those children and for our society. Science and math help drive innovation, creativity, and economic opportunity.
              <br/>
              <br/>
              <b>
               This month we are asking for 10,000 new donations to help level the playing field.
              </b>
             </div>
             <div class="wb-label-large" style="text-align: center; margin: 0 0 24px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; line-height: 20px;">
              <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.khanacademy.org/donate?a=MTIsMjAsMzAsNDAsNTA=&ao=MjUsNTUsNzUsMTAwLDE1MA==&amount=12&recurring=1" style="height: 48px; v-text-anchor: middle; width: 200px;" arcsize="10%" stroke="f" fillcolor="#54820A">
<w:anchorlock/>
<center>
<![endif]-->
              <a style="background-color: #1865f2; border-radius: 4px; color:#ffffff; display: inline-block; line-height: 48px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust:none;">
               Give $12 monthly
              </a>
              <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
             </div>
             <div class="wb-label-large" style="text-align: center; margin: 0 0 24px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; line-height: 20px;">
              <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.khanacademy.org/donate?a=MTIsMjAsMzAsNDAsNTA=&ao=MjUsNTUsNzUsMTAwLDE1MA==&amount=55&recurring=0" style="height: 48px; v-text-anchor: middle; width: 200px;" arcsize="10%" stroke="f" fillcolor="#54820A">
<w:anchorlock/>
<center>
<![endif]-->
              <a style="background-color: #1865f2; border-radius: 4px; color:#ffffff; display: inline-block; line-height: 48px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust:none;">
               Give $55 today
              </a>
              <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
             </div>
             <div class="wb-body" style="text-align: left; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;">
              Your gift funds not just creation of the great content that you use, but also our efforts to make sure teachers can bring desperately needed science education resources to the children who need them the most.
              <br/>
              <br/>
              Thank you for considering a
              <a>
               gift today
              </a>
              .
             </div>
             <!--this part is the signoff-->
             <div class="wb-body" style="text-align: left; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #21242c;">
              With gratitude,
              <br/>
              Lizzie and the Khan Academy Team
              <br/>
              <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k4%252F8%252F9%252F5f306e244443b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="display: inline-block; border: none; outline: none; text-decoration: none; max-width: 100px; height: auto;" width="100"/>
             </div>
             <div class="wb-footnote" style="text-align: left; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px;">
              *For a good summary on the lack of access to science education, especially for students of color, and the related research, please refer to the section “How Far Are We from This Vision for All Students?” (pages 27-31). National Academies of Sciences, Engineering, and Medicine. 2021. Call to Action for Science Education: Building Opportunity for the Future. Washington, DC: The National Academies Press.
              <a>
               https://doi.org/10.17226/26152
              </a>
             </div>
             <div style="border-bottom: 1px solid #d6d8da; width: 100%; line-height: 0; margin-bottom: 16px; font-size: 0;">
             </div>
             <div class="wb-footnote" style="text-align: left; margin: 0 0 0 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #626569;">
              Khan Academy is a 501(c)(3) nonprofit organization with the mission of providing a free, world-class education for anyone, anywhere.
              <a style="color: #626569 !important; text-decoration: none; border-bottom: 1px solid #626569;">
               <span style="color: #626569 !important; text-decoration: none;">
                Donate
               </span>
              </a>
              today!
             </div>
             <!-- End of main message text -->
            </td>
           </tr>
           <tr>
            <td height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
            </td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
       <!-- End of main message content structure -->
       <tr>
        <td bgcolor="#f0f1f2" class="secondtable-wrapper border-radius" style="background-color: #fafafa; border-top: 1px solid #d6d8da; border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da; border-bottom: 1px solid #d6d8da; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-left: 24px; padding-right: 24px;">
         <table align="center" border="0" cellpadding="0" cellspacing="0" class="secondtable" width="520">
          <tbody>
           <tr>
            <td height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
            </td>
           </tr>
           <tr>
            <td align="center">
             <div class="wb-footnote" style="text-align: center; margin: 0 0 8px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #21242c;">
              Check out our
              <strong>
               iOS &amp; Android
              </strong>
              apps!
             </div>
             <table align="center" border="0" cellpadding="0" cellspacing="0" class="thirdtable" width="302">
              <tbody>
               <tr>
                <td align="center" style="width: 135px; padding: 0;" width="135">
                 <a target="_blank">
                  <img alt="Apple Appstore Badge" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F6%252F6%252F5b181b763c5ef.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="width: 100%; max-width: 135px; height: auto; border: 0; display: block;" width="135"/>
                 </a>
                </td>
                <td align="center" style="width: 16px; padding: 0; font-size: 0; line-height: 0;" width="16">
                </td>
                <td align="center" style="width: 151px; padding: 0;" width="151">
                 <a target="_blank">
                  <img alt="Google Play Badge" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F6%252F6%252F5b1858c09d74a.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="width: 100%; max-width:151px; height: auto; border: 0; display: block;" width="151"/>
                 </a>
                </td>
               </tr>
               <tr>
                <td height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
                </td>
               </tr>
              </tbody>
             </table>
             <div style="border-top: 1px solid #d6d8da; line-height: 0; width: 100%; margin-bottom: 0; margin-top: 0; font-size: 0; line-height: 0;">
             </div>
             <table align="center" border="0" cellspacing="0" class="socialtable" width="88">
              <tbody>
               <tr>
                <td colspan="5" height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
                </td>
               </tr>
               <tr>
                <td align="center" style="width: 24px; padding: 0;">
                 <a target="_blank">
                  <img alt="Facebook" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F4%252F2%252F5ac29e8b235d2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="width: 100%; max-width: 24px; height: auto; border: 0; display: block;" width="24"/>
                 </a>
                </td>
                <td align="center" style="width: 8px; padding: 0;">
                </td>
                <td align="center" style="width: 24px; padding: 0;">
                 <a target="_blank">
                  <img alt="Twitter" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F4%252F2%252F5ac29dc254e5d.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="width: 100%; max-width: 24px; height: auto; border: 0; display: block;" width="24"/>
                 </a>
                </td>
                <td align="center" style="width: 8px; padding: 0;">
                </td>
                <td align="center" style="width: 24px; padding: 0;">
                 <a target="_blank">
                  <img alt="Instagram" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k2%252F4%252F2%252F5ac29d9f146e5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1nom2v:zekVUJYIxto56jck22hgXgU5Ks53AP_o4gyFPnXu6zE" style="width: 100%; max-width: 24px; height: auto; border: 0; display: block;" width="24"/>
                 </a>
                </td>
               </tr>
               <tr>
                <td colspan="5" height="16" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
                </td>
               </tr>
              </tbody>
             </table>
             <div class="wb-footnote" style="text-align: center; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #21242c;">
              Khan Academy
              <br/>
              P.O. Box 1630, Mountain View, CA 94042
              <br/>
             </div>
             <div class="wb-footnote" style="text-align: center; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #21242c;">
              <a style="color: #027d97 !important; text-decoration: none;" target="_blank">
               Privacy Policy
              </a>
              ·
              <a style="color: #027d97 !important; text-decoration: none;" target="_blank">
               Terms of Service
              </a>
             </div>
             <div class="wb-footnote" style="text-align: center; margin: 0 0 16px 0; padding: 0; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #21242c;">
              <a style="color: #027d97 !important; text-decoration: none;">
               Unsubscribe
              </a>
             </div>
             <div style="margin: 0; padding: 0;">
              <a>
               <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Femails.khanacademy.org%252Fimg%252F5ab3c2a991d15c25084ca53agfz1s.cth%252Fac0e782f.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbHMua2hhbiJ9:1nom2v:3kfXjv7PIKkHd2KbY3N6QdUGvvl5wsOex2ylh69cFSs"/>
              </a>
             </div>
            </td>
           </tr>
           <tr>
            <td height="24" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
            </td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- End of main message content -->
  <!-- End of main body lead-in -->
  <!-- Start of main body tail -->
  <!-- End of main body tail -->
  <!-- Start of tail spacing -->
  <table bgcolor="#f0f1f2" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="100%">
   <tbody>
    <tr>
     <td>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
       <tbody>
        <tr>
         <td width="100%">
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
           <tbody>
            <!-- Spacing -->
            <tr>
             <td height="12" width="100%">
             </td>
            </tr>
            <!-- Spacing -->
            <tr>
             <td>
              <table align="left" border="0" cellpadding="0" cellspacing="0" class="maintable" width="600">
               <tbody>
                <tr>
                 <td align="right" class="mobile-hide" st-content="viewonline" style="font-size: 14px;color: #cbcbcb" valign="middle">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- Spacing -->
            <tr>
             <td height="12" width="100%">
             </td>
            </tr>
            <!-- Spacing -->
           </tbody>
          </table>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- End of tail spacing -->
 </body>
</html>