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>
   Breakthrough Junior Challenge
  </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-->
  <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">
   Looking for something fun to do while learning at home? You can make a video explaining a math or science concept, and enter to win a $250,000 scholarship.
  </div>
  <!-- End of inbox preview copy -->
  <!-- Yahoo CSS -->
  <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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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 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%252F1k2%252F6%252F4%252F5b15b28238898.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5zYWlsdCJ9:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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>
             <!-- 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 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;">
              Looking for something fun to do while learning at home? You can make a video explaining a math or science concept, and enter to win a $250,000 scholarship.
              <p>
              </p>
              We’re proud to partner with the Breakthrough Junior Challenge video contest again this year. Students ages 13 through 18 are invited to create a short (under three minutes) video explaining a challenging concept in physics, mathematics, or the life sciences in an engaging, illuminating, and creative way.
              <p>
              </p>
              This year, there is an additional COVID-19 category, and students are encouraged to help educate the world about this global health crisis by sharing the science or math behind the causes, impacts and potential solutions.
              <p>
              </p>
              If you win, you’ll receive the college scholarship, your teacher will receive a $50,000
prize, and your school will get a new $100,000 science lab!
              <p>
              </p>
              For more details, check out the official launch video for this year’s Challenge:
             </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"https://www.youtube.com/watch?v=_9Z9djpwG1M&feature=youtu.be" 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: 250px; -webkit-text-size-adjust:none;">
               View video
              </a>
              <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
             </div>
             <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;">
              The videos made by the past Breakthrough Junior Challenge winners have collectively
been viewed over 6 million times teaching a global audience about science and math in
their own voices. In fact, the finalist videos from last year were so good you can find
them on our Khan Academy website
              <a>
               here
              </a>
              .
              <p>
              </p>
              The winner will be presented their award on the live globally televised
              <a>
               Breakthrough Prize Ceremony
              </a>
              on National Geographic, Facebook and YouTube where they’ll also meet with world leaders in science, technology, academia, business, and entertainment.
              <p>
              </p>
              Good luck—we can’t wait to see your video!
              <p>
              </p>
              Onward,
              <br/>
              Sal and the Khan Academy team
              <p>
              </p>
              P.S. The deadline for submission is June 25, 2020, so register today at
              <a>
               www.breakthroughjuniorchallenge.org
              </a>
              .
             </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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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:1kXMqh:JH_-Xhg5tgmvD7vfwg_FGRuHeAYdo55Q9YsVdb8rxoY" 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%252F5ab3c2a991d15c25084ca53abw41o.1h9sn%252F8d040519.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbHMua2hhbiJ9:1kXMqh:MYO6IXaGbfkCnSjtvDofKnG--ZDfw7xYfnpPE35DsSM"/>
              </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>