Inboxes

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

+New inbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>
   Help Khan Academy
  </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">
   When
   <b>
    you joined Khan Academy in March 2018
   </b>
   , you joined a community of 137 million users who are part of our mission to bring a free, world-class education to anyone, anywhere.
  </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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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;">
              When
              <b>
               you joined Khan Academy in March 2018
              </b>
              , you joined a community of 137 million users who are part of our mission to bring a free, world-class education to anyone, anywhere.
              <br/>
              <br/>
              Potential is everywhere. Equal access to an outstanding education is not.
              <br/>
              <br/>
              That’s why we are specifically focused on partnering with schools in under-resourced communities. These children typically face historical barriers to equal educational resources and opportunities.
              <b>
               We are working with educators at 350 schools and districts to provide tools, training, and services to help nearly 800,000 students. We want to level the playing field.
              </b>
              Our partner schools contribute some funding, but the overall cost to Khan Academy to provide these resources is far greater. We need your help to make up the difference.
              <br/>
              <br/>
              Today, we are launching a month-long campaign to raise 10,000 new donations.
              <b>
               Can you help us 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 all the work we do: the content and tools you love AND bringing Khan Academy to children who otherwise might not get the education they need to realize their potential.
             </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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" style="display: inline-block; border: none; outline: none; text-decoration: none; max-width: 100px; height: auto;" width="100"/>
             </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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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:1nmHSL:lE-VFU5T9kx8mCIK42sF9zMSN58Iaw9Ki5qzSZShIZ0" 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%252F5ab3c2a991d15c25084ca53agerl1.1o7c%252Fc31716f8.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbHMua2hhbiJ9:1nmHSL:Ao8pAJe_guVc60t-B_7rv1PieBiSzQCvXOBbWW__P3M"/>
              </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>