<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->
<!-- Web Font / @font-face : BEGIN -->
<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->
<style type="text/css">
@font-face {font-family: 'ProximaNova-Regular';src: url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Regular.eot');src: url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Regular.woff2') format('woff2'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Regular.woff') format('woff'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Regular.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Semibold';src: url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Semibold.eot');src: url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Semibold.woff2') format('woff2'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Semibold.woff') format('woff'),url('https://s3.amazonaws.com/static.classdojo.com/fonts/ProximaNova-Semibold.ttf') format('truetype');}
@font-face {
font-family: 'ProximaNova-Bold';
src: url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.eot');
src: url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.woff2') format('woff2'),
url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.woff') format('woff'),
url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.ttf') format('truetype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_bold/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
}
@font-face {
font-family: 'ProximaNova-Extrabold';
src: url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.eot');
src: url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.woff2') format('woff2'),
url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.woff') format('woff'),
url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.ttf') format('truetype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_extrabold/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
}
@font-face {
font-family: 'ProximaNova-Black';
src: url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.eot');
src: url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.woff2') format('woff2'),
url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.woff') format('woff'),
url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.ttf') format('truetype'),
url('https://static.classdojo.com/fonts/proxima/proximanova_black/proximanova-black-webfont.svg#proxima_novablack') format('svg');
}
</style>
<style>
@import url('https://s3.amazonaws.com/fonts.classdojo.com/proximanovaforemailtemplate.css');
@font-face {font-family: 'ProximaNova-Regular';src: url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Regular.eot');src: url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Regular.woff2') format('woff2'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Regular.woff') format('woff'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Regular.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Semibold';src: url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Semibold.eot');src: url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Semibold.woff2') format('woff2'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Semibold.woff') format('woff'),url('https://s3.amazonaws.com/fonts.classdojo.com/ProximaNova-Semibold.ttf') format('truetype');}
</style>
<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
<!--[if mso]>
<style>
* {
font-family: sans-serif !important;
}
</style>
<![endif]-->
<!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
<!--[if !mso]><!-->
<!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
<!--<![endif]-->
<!-- Web Font / @font-face : END -->
<!-- CSS Reset : BEGIN -->
<style>
/* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html,
body {
font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif !important;
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
table table table {
table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode:bicubic;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
a {
text-decoration: none;
}
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors], /* iOS */
.unstyle-auto-detected-links *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
display: none !important;
}
/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
.email-container {
min-width: 290px !important;
}
}
/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
.email-container {
min-width: 345px !important;
}
}
/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
.email-container {
min-width: 384px !important;
}
}
@media (max-width: 414px) {
.email-container {
padding: 0 0 30px 0 !important;
}
}
</style>
<!-- CSS Reset : END -->
<!-- Reset list spacing because Outlook ignores much of our inline CSS. -->
<!--[if mso]>
<style type="text/css">
ul,
ol {
margin: 0 !important;
}
li {
margin-left: 30px !important;
}
li.list-item-first {
margin-top: 0 !important;
}
li.list-item-last {
margin-bottom: 10px !important;
}
</style>
<![endif]-->
<!-- Progressive Enhancements : BEGIN -->
<style>
/* What it does: Hover styles for buttons */
.button-td,
.button-a {
transition: all 100ms ease-in;
text-align: center;
}
/* Media Queries */
@media screen and (max-width: 768px) {
.percentage-column {
padding: 0 20px 20px 20px !important;
height: auto !important;
text-align: center;
border: 0 !important;
}
.percentage-column img {
margin: 0 auto 20px auto !important;
}
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column,
.stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {
text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
table.center-on-narrow {
display: inline-block !important;
}
}
@media (max-width: 480px) {
.stack-column-small {
display: block !important;
min-width: 70% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-small-center {
text-align: center !important;
display: block !important;
min-width: 70% !important;
max-width: 100% !important;
direction: ltr !important;
}
.responsive-avatar {
width: 60% !important;
margin: auto !important;
}
}
@media screen and (max-width: 600px){
td {
padding-left: 5px !important;
padding-right: 5px !important;
}
.main-logo {
padding-top: 20px !important;
}
.section-td {
padding-top: 30px !important;
}
.content-section-text {
font-size: 16px !important;
}
.width-full{
width: 100% !important;
}
.stack-column table{
width: 100% !important;
}
.button{
font-size: 17px !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column,
.stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {
text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
table.center-on-narrow {
display: inline-block !important;
}
}
</style>
<!-- Progressive Enhancements : END -->
<!-- What it does: Makes background images in 72ppi Outlook render at correct size. -->
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<!--
The email background color (#222222) is defined in three places:
1. body tag: for most email clients
2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr
3. mso conditional: For Windows 10 Mail
-->
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #F5F5F3;">
<center style="width: 100%; background-color: #F5F5F3;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F8F8F9;">
<tr>
<td>
<![endif]-->
<!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif !important;">
Don’t miss out, the two-part finale is available now!
</div>
<!-- Visually Hidden Preheader Text : END -->
<!-- Create white space after the desired preview text so email clients don't pull other distracting text into the inbox preview. Extend as necessary. -->
<!-- Preview Text Spacing Hack : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: ProximaNova-Regular, Arial, Helvetica, sans-serif !important;">
</div>
<!-- Preview Text Spacing Hack : END -->
<!--
Set the email width. Defined in two places:
1. max-width for all clients except Desktop Windows Outlook, allowing the email to squish on narrow but never go wider than 500px.
2. MSO tags for Desktop Windows Outlook enforce a 500px width.
Note: The Fluid and Responsive templates have a different width (600px). The hybrid grid is more "fragile", and I've found that 500px is a good width. Change with caution.
-->
<div style="max-width: 600px; margin: 0 auto; padding: 50px 10px 30px 10px; background: #F5F5F3;" class="email-container">
<!--[if mso]>
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="500">
<tr>
<td>
<![endif]-->
<!-- Email Body : BEGIN -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="margin: 0 auto; background: #F5F5F3;">
<!-- Email Header : BEGIN -->
<!-- Email Header : END -->
<!-- 1 Column Text + Button : BEGIN -->
<table class="width-full sections-table" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="Margin: 0 auto; max-width: 600px;">
<!-- Email Header : BEGIN -->
<tr class="header">
<td style="width: 50%; padding:40px 0 20px 0; text-align: center; background-color: #fff;">
<img src="https://static.classdojo.com/img/classdojo-logo.png" style="display: block; Margin: 0 auto; font-size: 19px; color: #424242; line-height: 28px; font-family: ProximaNova-Semibold, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;" width="120" alt="ClassDojo Logo">
</td>
</tr>
<tr>
<td class="section-td" style="width: 100%; background-color: #fff; padding: 20px 0;" width="100%;">
<table class="width-full" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="Margin: 0 auto; max-width: 600px;">
<tr>
<td style="padding: 0 50px 5px 50px; text-align:center; vertical-align:middle; font-family: ProximaNova-Semibold, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 24px; color: #424242; line-height: 29px;"><b> The final Conundrums are here 🎉
</td>
</tr>
<tr>
<td style="font-family: ProximaNova-Semibold, Arial, Helvetica, sans-serif !important; text-align: center; padding: 23px 26px 23px 26px;">
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V2KyKhwM9hGbpFk8HiwlKB6BTpm_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmIILL-2B6aKvUCUkokGd0EsV-2F6oUgxIQIxUYUJXCilvwTmKeE27CBfmlxNL3X-2FGqV5aCFGcyhaMYMbdAzY2rE-2Fweqklbvlyl-2FRhpOqf19FBq92-2BuegzpgLBMh0PRuUTMI-2FJLS4BR-2FksEzcKOENTN44TJ12cgZaLQT1Bf6CEYgPjWwJgZm9d3N8PxMApSf4tHU-2F-2F5cie4b4QI9yAS1OPUQL59sTJOOohEvBeIhsKLHxi804-3D">
<img src="https://static.classdojo.com/img/2021/March/March29_finalPemail.jpg" width="100%" alt="alt_text" border="0" style="height: auto;">
</a>
<p class="content-section-text" style="padding: 10px 0; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #2C2A50; line-height: 22px;">
Families around the world have been telling us how much they ❤️ Conundrums. No wonder they’ve been viewed almost a million times in the past few weeks! Just 2 minutes sets your family up for discussions that dive deep into critical thinking. You’ll be amazed by what your children can do.
</p>
</td>
</tr>
<tr>
<td valign="center" style="text-align: center; padding: 20px 26px 30px 26px;">
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V2KyKhwM9hGbpFk8HiwlKB6l7wy_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmb7DbmbL4sodeomQShAYmF-2FQ66CAnoguzDXJCozweE2ebc-2BCLxBB6wUeqs3efzFInXfGh5r45MzgsEtM5GLZNhCk0x3-2B0-2FWjJ-2FULKqPzTOEFxrNqxXti1RzRq1Hy7VPVznExgbEOylLzY7OfJcDRLIPak5W04D1OM8-2F17Jua3Aw-2F43GhS68mSOuKnID7Ir4aKu8X3i3zIueHM9-2Bid7Cs-2FLdrol8rudMv-2B6agZuNjpd10-3D" class="button" target="_blank" style="font-size: 18px; line-height: 22px; font-family: ProximaNova-Bold, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; background-color: #00A8FB; border-top: 19px solid #00A8FB; border-bottom: 19px solid #00A8FB; border-right: 24px solid #00A8FB; border-left: 24px solid #00A8FB; display: inline-block; border-radius: 40px;">
Try a Conundrum now!
</a>
</td>
</tr>
<!-- 1 Column Text + Button : END -->
<tr>
<td style="padding: 23px 26px 23px 26px; text-align:center; vertical-align:middle;">
<div border="0" width="100%" style="border-radius: 24px; border-bottom: 5px solid #F2F4F9">
<div border="0" width="100%" style="padding: 30px 20px 30px 20px; background-color: #FFFFFF; max-width: 500px; margin: 0 auto; border-radius: 24px; border: 2px solid #D3D7EC">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0; text-align: center; font-family: ProximaNova-Semibold, Arial, Helvetica, sans-serif !important; font-size: 17px; line-height: 20px; color: #555555;">
<h2 class="fluid" style="font-size: 21px; font-weight: 600; text-align: center; line-height: 29px;">
<strong>The <i>final</i> Conundrums ️</strong>
</h2>
</td>
</tr>
</table>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="25%" class="stack-column-center" style="padding: 20px 0 5px 0;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="padding: 0 10px;">
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V2rsnhCNG7suZpRW1WijvaXiAfWxtztcHBDoawqXJIwlw-3D-3Dpl9L_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKm38yTPygOjlloow3UQiCYSWEfLaBngxC0MIh-2BNoOHvso7Wt4IRx3XmNobYVqihncOoHrI-2FDJeUFB43AKV-2F81EzjSHdSkr9-2BkYnUIqzLQhxvEbb5uDxN9sqqyVGhoiEx26VhPdryoBI7Bx9-2B9Szwu4SR-2B0BBDKk1YfADqxN5kidgieBrLu3h8Zh-2B2sCqzUtChsW-2FGFG4Q0DPk0-2Bzsm1cY-2F-2FpOm1yXn8JRPBY6LdEm7kOo-3D"><img class="responsive-avatar" src="https://static.classdojo.com/img/2021/March/lake.png" style="width: 100%; max-width: 200px;">
</td>
</tr>
</table>
</td>
<td width="75%" class="stack-column-center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #2C2A50; padding: 10px; text-align: left;" class="center-on-narrow">
<p class="content-section-text" style="padding: 10px 0 0 0; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #2C2A50; line-height: 22px;">
In <a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V2rsnhCNG7suZpRW1WijvaXiAfWxtztcHBDoawqXJIwlw-3D-3DVXMy_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKm0Ihn3dePMzlifiS8av16rsaIYObN4If525fqj9-2Bwzub-2FH0xVJDgQkmmlphx219ewnbduvxJNN3uLb-2F60REKBwE2Yn6YuHmTBnXYJg0j0HmOfhl5S2mT896-2BcE-2B5sfTJ6O8QFiHcq4JHx91RlXsg3Rw1FoPM65y-2BgtcXXxHHzT-2FNU2DrAZmQUeDOHdV-2B4UPCTm2W4lI6UySXxhCtMnsyrGMFpE9PmNkM-2BuvPC1VANyhQ-3D">The Lake Conundrum</a>, a town's actions lead to their lake dying. Who is most to blame? 😵
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="25%" class="stack-column-center" style="padding: 20px 0 5px 0;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="padding: 0 10px;">
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V3dB3QPToP7c0zLdcN6M9D60lIx8BNYqe7XWfVNe0AIng-3D-3DBDqM_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmpgpwAcihXJbVguObXZptJfNeKegaFggua3Y-2BEF4QNkvqSAQPgP0UWZPRU2Jc-2F1lpm1zJMrIcJGSsdJvsHHWXJT2G9X5LRG3UPY1kjJJ4BFQRIkaDpKxmuvofXSqtmtMd05NkvI8lF4jcF5Gh8F-2BUljff84psZa2gfIKVbC9sxZIY8j5mhvq1f7y5-2FrHb3XscffCOWpdRDrUwam-2FMjIqCTpfd29VqoX66FzASrkpsWCU-3D"><img class="responsive-avatar" src="https://static.classdojo.com/img/2021/March/lakereturns.png" style="width: 100%; max-width: 200px;">
</td>
</tr>
</table>
</td>
<td width="75%" class="stack-column-center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #2C2A50; padding: 10px; text-align: left;" class="center-on-narrow">
<p class="content-section-text" style="padding: 10px 0 0 0; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #2C2A50; line-height: 22px;">
In a follow-up to the Lake Conundrum, the town is reborn when the lake is brought back to life in <a href="https://u930697.ct.sendgrid.net/ls/click?upn=ttHOQy0nWMTJoao-2FTFMmAndOqKXOqOaoQ-2F5Gc3C88V3dB3QPToP7c0zLdcN6M9D60lIx8BNYqe7XWfVNe0AIng-3D-3DTr0s_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmn-2BaaGkm3eSn2p3ol3iRItPIwAxpfkG3TWxa4VB36k-2B-2B3sFDWJpS6WyEpLz6-2FldMmkjXuZH1t9Ji4j9Acwc2F3k0Oc16tBfZc4jcfdaATQnvEbdSxKam2fYJotM-2BoSLHP3tfcStklK4bm7FPxj8MQQ2BV7AqCNJsd5CeM9Sl3yaYCwSbqxxK5WTRyAYfC0P1kkQShbrpWM-2FPF-2BB-2FRkBGXgnuWlbiwAxWJiW95RUB1L9U-3D"> The Lake Returns Conundrum</a>. Who deserves the most credit? 🙌
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="25%" class="stack-column-center" style="padding: 20px 0 5px 0;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
</tr>
</table>
</td>
<td width="75%" class="stack-column-center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
<tr>
<td style="padding: 23px 26px 23px 26px; text-align:center; vertical-align:middle;">
<div border="0" width="100%" style="border-radius: 24px; border-bottom: 5px solid #F2F4F9">
<div border="0" width="100%" style="padding: 30px 20px 30px 20px; background-color: #f0e7ff; max-width: 500px; margin: 0 auto; border-radius: 24px; background: #f0e7ff;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0; text-align: center; font-family: ProximaNova-Semibold, Arial, Helvetica, sans-serif !important; font-size: 17px; line-height: 20px; color: #2C2A50;">
<h2 class="fluid" style="font-size: 21px; font-weight: 600; text-align: center; line-height: 21px; margin-top: 0; margin-bottom: 0;">
<strong>Family Spotlight 🌟</strong>
</h2>
</td>
</tr>
</table>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="25%" class="stack-column-center" style="padding: 10px 0 5px 0;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="padding: 0 10px;">
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=-2BXfzq0CRpNlES32jLdeG52upNgF6176MDEawrj-2BzTHzUtScWA6dX01SdF-2FO1FIB-2BF8jj_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmybi-2Fs4HMDHYzjXU3fYfMkoemUvVCY6sXBZfpeyjyFAYLLmrsM1TMIIP9ASNVkPCQKpCUdnT8Bu79z8LaYUMFPwLcXbY-2FI-2B2wg5QdzkFH7VY5VokqH7tw2bAohyn5wfD8-2BhpOvyH3Gm7geG6YkpJ6MteWiT31SoDJj5gHHHN9cJsPFRfmPN-2Bp5dUvV4VKRA1c5ksygJUukCwPEpRx8RpDhoYkRMfm5XHqwin2Hjms1gQ-3D"><img class="responsive-avatar" src="https://static.classdojo.com/img/2021/March/March29Quote_parent.png" style="width: 100%; max-width: 200px;">
</td>
</tr>
</table>
</td>
<td width="75%" class="stack-column-center">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #2C2A50; padding: 10px; text-align: left;" class="center-on-narrow">
<p class="content-section-text" style="padding: 10px 0 0 0; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #2C2A50; line-height: 22px;">
<i>“Considering other perspectives will be increasingly critical for our generation of kids. It's valuable to understand there isn't always going to be a correct answer, and to remain open to new information. Thank you for the series, it's such a good conversation sparker!”</i><br><br> - Julie, mom of Samuel
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td style="text-align: left; padding: 20px 40px 30px 40px">
<p class="content-section-text" style="padding: 10px 0; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #2C2A50; line-height: 22px;">
📣<b>Challenge</b>: <a href="https://u930697.ct.sendgrid.net/ls/click?upn=iVVLD8jxDyKz3y02nxTShRxw56ixk63oTJGIvAjlJuvXratnCb4v4nxZowmSBx5EAsMUWirHWA9S6gY13M-2BtKehUMIFyxcBby66nJjlWBk8-3DT6Do_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmcQLCGrUDVbfjRwQVvMpwNbQR0OZtjjiOlJNQFTlJDlMSlRTIP92NLkuIXLuhow3uMQN1RKEcY2WgcdRGzhJI1lUQidCUrm5ICyU2ZIDAI2CAiLpTx0xjP9IFfZRwkXrvUxRSnP5ov6-2BZDCa66FZHMQnEPaTMQvGf2IxjP6KUOfC3iuTYmhbEgIoN2XvxME5Hb25IcDsziqZIKgdCzCBRdq4RtpLU1QYCJ1D0T3xDLpo-3D"> Come up with a fun new Conundrum </a>with your child from scratch. <a href="https://u930697.ct.sendgrid.net/ls/click?upn=-2BXfzq0CRpNlES32jLdeG52upNgF6176MDEawrj-2BzTHzUtScWA6dX01SdF-2FO1FIB-2BjDE__fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmmtvtg0ohC-2BkhhvYXLbHXx4jyoON8PFcxM7mABjibIOl2by10ef-2Fo49nBqe-2BSto0zDkINMF8lHrk3NXmlcfwzJdWq1pfHhahRgcHSWwQtdc34QziiZgNJgt1Bpye0-2B127bIMU0j0-2Bv9-2Bbtv1SbQpls7QclKhdEJpmwWvEgz-2FQSRvTfaKE77fsawq5Kg5dy1nmiLLb6nBr8-2B7yU0sdsyEobaU0jGW9i-2BSoTzf8PbrtwE8-3D"> Share it with us</a> and we may just share it with the world!
<br><br>Cheers,<br> Sam (CEO)
</p>
<img src="https://static.classdojo.com/img/signature.png"border="0" style="height: auto; max-width: 100%;">
</td>
</tr>
</table>
</table>
</tr>
</table>
</table>
<!-- Email Body : END -->
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!-- Full Bleed Background Section : BEGIN -->
<table class="width-full" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="Margin: 0 auto; max-width: 600px;">
<tr>
<td style="padding: 30px 0 5px 0; text-align:center; vertical-align:middle;">
<img src="http://static.classdojo.com/img/email/new/heart-email-bottom@2x.png" style="width: 36px; height: 36px; display: block; max-width: 100%; Margin: 0 auto; font-size: 19px; color: #424242; line-height: 36px; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;" width="36" alt="Hearts Footer Image">
</td>
</tr>
<tr>
<td style="font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; color: #A7A7A7; line-height: 24px; font-size: 12px; text-align: center; padding: 0 0 5px 0;">
Sent with love from ClassDojo HQ <br>
735 Tehama Street, San Francisco CA 94103
</td>
</tr>
<tr>
<td style="padding: 0px 0 20px 0;text-align: center; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px;">
<a href="https://u930697.ct.sendgrid.net/asm/unsubscribe/?user_id=930697&data=C2JChAgnNJ2b4QEMo5gUdHedPOeZWXnmu5QD9XIOqnFuRdjG-Y2IPX5napwF0raBGpHPF0w_jGwtPDDIy6r6migL9eD0sc7xtX6xiJ0gWWQMsHHv6ce7BsNNyKx4VnIY8jBuxxPNaeMKaCYo5yGfAsv-wNVBdrplgji4kNv_ct0qDRoemGDx-6PPr5Ip_XLuMi270iakVgp8uUEx1ha41dSD2x_RVb3bAbXli8HyjkTWihUUS2DYu_4irffx6TUpLIcJOuPzfmg6OHjDaiNbi8BZqKd--2qY0rNIa6kFTWYCDtsx2o5YrikRbsWqSww5s9TnOG3gwgrGgAlPSH7d6XiFHb4-t6eHXRQ38NJxVHuEJ9gkz9x5LBhD66WQn8tsJESBT1heuj4KtMqek6r8dO399WrivuHKMK20J9Yyg6l48ru3IAxk8j0NAkV8X4K-j5iG077ODTSuB-CqHlnEkqHazDMEnvKsLccy-askLr0lHMj5vlNmJJ_DGYWyz3Nx-r8ATaOyWNcrdzbgBqim9TTEHbemrNhtvTj-q_bH1GJFuFyvV8fx2UGu83onNwGCX50onDan1MeMevG4DCv_lDHcgzZcA8qWuaAKIXOTE4s=" target="_blank" style="text-decoration: none; color: #A7A7A7;">Unsubscribe </a>
<a href="https://u930697.ct.sendgrid.net/ls/click?upn=Y-2BDOtg-2BoVUgmcaqB5pMRcwUe0ocghsleiHvGzGOOlHlteW7uWT0LO8bQQTUC7ipt0LVq_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BLrMVd8QorCUpq3txaToN5TD8Vn9b7a19RLd5-2BoJ4SxWFg45ty15cjSh6A-2F7ry8A2Vrb7lMhSD69fNTtoQ8lqu7YiGmHbMQDcUtyL-2FxkqTL5sGHOUb9RK1gAucE0FEsPF84g-2FWIMcBJFh-2F8ij7LpsKmQ-2F2WXmJJlnGATMZCWBuJOvfARY-2FbIso0v0oJhhsCAJRuJT-2FI-2BbFDYNdwRQwd1CrwT0RDKCnIKexGMc1Gg1KSBF14Us0kJs4BH7KQu3q1eU9-2F584aFvO65FfiUUV-2BLFzrMHBzbCTfnoxAe7txthSl-2B6RqDd7HyYT6UjK8KWAIU1vbRUTwfC7E8c8rPTO9xRoD7vn6e17d6bFK0XLQ2WAbUp2GjFsfQPAlnUG-2FC0SvQyo-3D" target="_blank" style="text-decoration: none; color: #A7A7A7;">Privacy Policy</a>
<a clicktracking=off href="https://sg-mktg.com/MTYxNzAzOTYyN3xwUnJBcEJNeTdiaHJweW1MTU91Vms0Q0J6cWdpaHNXU3dhUnVtNmJIWm0yaHg0NnhLa0lRV3J0X3dRczFtdnhjUk1pbHZERWpQeDBfRHlmSGx3M2pyN0IzQXZkNktYQVVLaEktMmpyTnJ2ay14MEZlVUlQZkhWamhCaE55UFFYOUQxOXBYekZaTWlqamMxeHRTMnp2QzlpUC1yb3I2OGJ3ODhTV1p4d0JTa0FGaF9CWlJnT3pvaUc4amhpM0w1VExNU1ZybTR5MktRTXA3eVBwaGllQWEzeUdnWTYwbFZoNzhHdnU2U1oxWXBfWVlSckd4MjJIa0x5ejRGT198FLmTNpVf2P3SAYXw1BoXcK1mnhpBw4H22hRqi8iRh10=" target="_blank" style="text-decoration: none; color: #A7A7A7;"
>View in Web Browser</a>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<!-- Full Bleed Background Section : END -->
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</center>
<img src="https://u930697.ct.sendgrid.net/wf/open?upn=qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfHxPxT41SgivbYhic2JPDGnwEuAO-2Bygi9LR0zErDe5HCv3qX1PweJosnFbawfFbfNcxzMPQNDEX96KKmdLVsqQ7dK2HBYwz5w-2BEn7ittzA2ziBhSzVaaQlga0sDn6Zkf9HmjZprDCLw-2BvP3utR-2BhuvUrOfYRuEVSWLc6XqkEZ3DfsyLbJtLalmtGGMHKDPs-2B27wuUKGwJC-2BL7WUfpBbIQ4lZeNxz-2FNM-2FyhJ4noWknbCmFFS-2FvfjVepaFT5zmZSFJfdf7gpBhkEbD-2B8GSFQbKOAjQHkmWpk0ORT0uFCw6frShAaSqsDN2EltC2ukMmVY-2BI99DbPkcwiVp3XcakWLo7pBvogR-2BedcrCfqs7xfuNokHgaN8ZhXsYptEdZlxlWOqFX7aWcEkYs3Z1NVvrJ6Nmpt9kckHyHCqrB6JkAQRcO42tmGU8ov-2F-2FnrZT4FVx1-2BwBM-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/>
</body>
</html>