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>
   Sal Weekly HomeRoom - Week of 052520
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <!--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-->
  <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">
   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>
 </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">
   Khan Academy is doing all we can to bring you expert perspective for the big issues we face.
  </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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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 -->
  <!-- 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 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="#f0f1f2;" 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: #fafafa;; 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:#f0f1f2"><![endif]-->
          <div style="background-color:#f0f1f2;">
           <div class="block-grid" style="Margin: 0 auto; min-width: 300px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f0f1f2;">
            <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f0f1f2;">
             <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
             <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color:#f0f1f2;width:600px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:50x;"><![endif]-->
             <div class="col num12" style="min-width: 300px; max-width: 600px; display: table-cell; vertical-align: top;;">
              <div style="width:100% !important;">
               <!--[if (!mso)&(!IE)]><!-->
               <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
                <!--<![endif]-->
                <div class="mobile_hide">
                 <div align="center" class="img-container center autowidth">
                  <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="" align="center"><![endif]-->
                  <img align="center" alt="Image" border="0" class="center autowidth" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k4%252F5%252Fl%252F5ec76996c23f5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; border: border-left: 1px solid #d6d8da; border-right: 1px solid #d6d8da; ; height: auto; float: none; width: 100%; max-width:600px; display: block;" title="Image" width="600"/>
                  <!--[if mso]></td></tr></table><![endif]-->
                 </div>
                </div>
                <!--[if !mso]><!-->
                <div class="desktop_hide" style="mso-hide: all; display: none; max-height: 0px; overflow: hidden;">
                 <div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
                  <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]-->
                  <img align="center" alt="Image" border="0" class="center autowidth" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.sailthru.com%252F3bk%252F1k4%252F5%252Fl%252F5ec76996900e5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; border: 0; height: auto; float: none; width: 100%; max-width: 512px; display: block;" title="Image" width="512"/>
                  <!--[if mso]></td></tr></table><![endif]-->
                 </div>
                </div>
                <!--<![endif]-->
                <!--[if (!mso)&(!IE)]><!-->
               </div>
               <!--<![endif]-->
              </div>
             </div>
             <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
             <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
            </div>
           </div>
          </div>
          <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
         </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>
             <!-- START NORMAL TYPOGRAPHY ELEMENTS
Quick tip: the default paragraphy is "Body".
Important Note: make sure to use the correct "wb-xyz" class name on the element. This class name
does 2 important things: first, it makes sure that email clients that don't support web fonts will
fall back to a sans-serif font (otherwise they will default to serif - so if you test in Litmus and
see a bunch of text with the serif "feet", you're likely missing the class name) and, second, it
updates the sizes to be a bit nicer for mobile devices.
These elements are based off the Wonder Blocks Typography spec.
By default, the paragraph comes with 16px of spacing below it and no spacing above it.
To change the spacing, you'd update the "margin" value. You'll notice margin has 4 values;
they are associated with the Top, Right, Bottom, and Left values respectively (TRBL - or "Trouble").
So if you want to add top spacing, you'd update the first value. If you want to change 
the bottom spacing, you'd use the 3rd. I would typically avoid using left or right margin, 
as they are unreliable in different clients. I'd even avoid making the top value anything other
than 0 and just stick with changing the bottom value where needed.
Finally, note that a <td> can be also take on these styles. In certain situations - like lists - you
will apply the class name and the style attribute to the <td> instead of to a <div> element.
Also, a quick note on spacing: per our design standards, the normal spacing specification calls for
elements to be spaced at multipes of 8. This means that normal spacing values will be 8px, 16px, 24px,
32px, etc. In certain instances, a designer may choose to break this pattern. If in doubt, check with
the designer, but you should default to using a multiple of 8.
-->
             <!--copy-paste this to make a new Body -->
             <div class="wb-body" style="text-align: left; 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: 16px; line-height: 22px; color: #21242c;">
              Khan Academy is doing all we can to bring you expert advice and practical tips for the top issues you face. Join us for live questions and answers on “Daily Homeroom” with Sal on
              <a>
               Facebook
              </a>
              and
              <a>
               YouTube
              </a>
              .
              <p>
              </p>
              <strong>
               Angela Duckworth, Founder and CEO of Character Lab
              </strong>
              <br/>
              Tuesday, May 26 at 12:00 pm PT / 3:00 pm ET
              <p>
              </p>
              Back by popular demand, recent Daily Homeroom guest Angela Duckworth is returning to answer more of your questions. She’s Founder of Character Lab and author of the New York Times bestselling book,
              <em>
               Grit: The Power of Passion and Perseverance
              </em>
              . She’ll share tips on accepting feedback, regaining a sense of control, and more.
              <p>
              </p>
              Watch live on
              <a>
               Facebook
              </a>
              . Watch live on
              <a>
               Youtube
              </a>
              .
              <p>
              </p>
             </div>
             <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
               <td style="background:none; border-top: 1px solid #d7dfe3; height:1px; width:50%; margin:0px 0px 0px 0px;">
               </td>
              </tr>
             </table>
             <div class="wb-body" style="text-align: left; 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: 16px; line-height: 22px; color: #21242c;">
              <strong>
               Stu Schmill,  MIT,  Dean of Admissions and Student Financial Services
              </strong>
              <br/>
              Wednesday, May 27 at 12:00 pm PT / 3:00 pm ET
              <p>
              </p>
              How will the pandemic impact the college experience for students? What's the impact on higher education institutions? Tune in Wednesday at noon PT as MIT’s Dean of Students, Stu Schmill, joins Sal to discuss these topics and more.
              <p>
              </p>
              Watch live on
              <a>
               Facebook
              </a>
              . Watch live on
              <a>
               Youtube
              </a>
              .
              <p>
              </p>
             </div>
             <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
               <td style="background:none; border-top: 1px solid #d7dfe3; height:1px; width:50%; margin:0px 0px 0px 0px;">
               </td>
              </tr>
             </table>
             <div class="wb-body" style="text-align: left; 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: 400; font-size: 16px; line-height: 22px; color: #21242c;">
              <strong>
               Tom Friedman - NYT Columnist &amp; Author
              </strong>
              <br/>
              Thursday, May 28 at 12:00 pm PT / 3:00 pm ET
              <p>
              </p>
              Tune in Thursday at noon PT as Tom Friedman, New York Times columnist and three-time Pulitzer Prize-winning author, joins Sal for Daily Homeroom. They’ll discuss Tom’s life journey, his recent columns on the current crisis and global affairs, and ways the world can emerge stronger.
              <p>
              </p>
              Watch live on
              <a>
               Facebook
              </a>
              . Watch live on
              <a>
               Youtube
              </a>
              .
              <p>
              </p>
             </div>
             <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
               <td style="background:none; border-top: 1px solid #d7dfe3; height:1px; width:50%; margin:0px 0px 0px 0px;">
               </td>
              </tr>
             </table>
             <div class="wb-body" style="text-align: left; 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: 400; font-size: 16px; line-height: 22px; color: #21242c;">
              Every weekday Sal Khan and guests are taking your questions live on how you can best manage through the COVID-19 crisis to stay healthy and #KeepEveryoneLearning.
              <p>
              </p>
              We’re here to support you.
              <br/>
              The Khan Academy Team
              <p>
              </p>
             </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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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:1kXMje:ed7_Rpc_whhGSZG69tXLXyEpWJvySL_k0Q_OA_Muts0" 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%252F5ab3c2a991d15c25084ca53ac58xd.abbv8%252F64b21d68.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbHMua2hhbiJ9:1kXMje:KiNbgfv8rlKP1AQECIRyoGsvcFoWUOTikR8PObkWU5E"/>
              </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>