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>
   060920 Parent newsletter
  </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">
   We believe education can be an important catalyst for self reflection, personal learning, and systemic change. And we view it as our duty to educate ourselves and our community. To that end, we've curated a series of videos and articles about Black history and culture that we'd like to share with you.
  </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">
                 </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%252F3%252F8%252F5e65d325847ef.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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%252F3%252F8%252F5e65d325847ef.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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;">
              Dear members of the Khan Academy community,
             </div>
             <!--copy-paste this to make a new Body -->
             <div class="wb-body" 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: 16px; line-height: 22px;">
              We believe education can be an important catalyst for self reflection, personal learning, and systemic change. And we view it as our duty to educate ourselves and our community. To that end, we've curated a series of videos and articles about Black history and culture that we'd like to share with you.
              <p>
              </p>
              The Black community faces deep inequity and racism. We can better understand why by learning about our shared history. Knowing about the events, people, and ideas that shaped our country can empower people and inspire change.
              <p>
              </p>
              <a>
               Learn about Black history, politics, and culture with Khan Academy.
              </a>
              <p>
              </p>
              For additional information, watch these videos from Homeroom with Sal and Common Sense Media:
              <p>
              </p>
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                 •
                </td>
                <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                 <a>
                  A Path to Ending Systemic Racism
                 </a>
                 with Sal &amp; Bill Lewis, former NAACP Legal Defense and Education Fund co-chair
                 <!--lists are too inconsistent between clients - recreate them using tables-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                   <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                    •
                   </td>
                   <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                    Bill Lewis discusses the social transformation we are experiencing and ways we can move forward to more equality.
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                 •
                </td>
                <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                 <a>
                  A Discussion With Sal About Systemic Racism
                 </a>
                 <!--lists are too inconsistent between clients - recreate them using tables-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                   <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                    •
                   </td>
                   <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                    Sal spoke to our community about the broad reaches of systemic racism. He shared personal reflections and stories about friends who have experienced racial profiling.
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                 •
                </td>
                <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                 <a>
                  Homeroom With Sal &amp; the Mayor of San Jose, California
                 </a>
                 <!--lists are too inconsistent between clients - recreate them using tables-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                   <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                    •
                   </td>
                   <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                    Mayor Sam Liccardo talked with Sal about the ways regional leaders across government, the private sector, and nonprofits are working together to move forward.
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                 •
                </td>
                <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                 <a>
                  Helping Kids Process Violence, Trauma, and Race in a World of Nonstop News
                 </a>
                 <!--lists are too inconsistent between clients - recreate them using tables-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <!--using the wb-body style by default, but switch out with whatever style you want - but remember to remove "display: block;" from the font styles-->
                   <td align="center" class="wb-body" style="text-align: center; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top" width="24">
                    •
                   </td>
                   <td align="left" class="wb-body" style="text-align: left; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px;" valign="top">
                    Common Sense Media’s conversation with child development experts on how to support kids, and each other, through challenging times.
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <tr>
                <td colspan="2" height="16" style="font-size: 0; line-height: 0;">
                </td>
               </tr>
              </table>
             </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;">
              <p>
              </p>
              We hope this information can help inform and enlighten.
              <p>
              </p>
              Please know that we’re here to support you,
              <br/>
              The Khan Academy team
             </div>
             <!--copy-paste this to make a new Body -->
             <!-- 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:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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:1kXMhd:dQNqXkEP49ZsK2a0XmtXl7TFodCDfkzbvq6BytPwwVs" 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%252F5ab3c2a991d15c25084ca53ac8xmm.eplqv%252Fc5ac7e5c.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbHMua2hhbiJ9:1kXMhd:XFLTSxOwxOSKHWEEdsif733viE3wq4hXI_i8EzAxJmQ"/>
              </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>