<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<title>ClassDojo Email</title>
<style>
@font-face {font-family: 'ProximaNova-Regular';src: url('https://static.classdojo.com/fonts/ProximaNova-Regular.eot');src: url('https://static.classdojo.com/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('https://static.classdojo.com/fonts/ProximaNova-Regular.woff2') format('woff2'),url('https://static.classdojo.com/fonts/ProximaNova-Regular.woff') format('woff'),url('https://static.classdojo.com/fonts/ProximaNova-Regular.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Semibold';src: url('https://static.classdojo.com/fonts/ProximaNova-Semibold.eot');src: url('https://static.classdojo.com/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),url('https://static.classdojo.com/fonts/ProximaNova-Semibold.woff2') format('woff2'),url('https://static.classdojo.com/fonts/ProximaNova-Semibold.woff') format('woff'),url('https://static.classdojo.com/fonts/ProximaNova-Semibold.ttf') format('truetype');}
body,
#bodyTable {
height:100% !important;
width:100% !important;
margin:0;
padding:0;
}
/* Ensures Webkit- and Windows-based clients don't automatically resize the email text. */
body,
table,
td,
p,
a,
li,
blockquote,
div {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
/* Resolves webkit padding issue. */
table {
border-spacing:0;
}
table{
margin: 0 auto !important;
}
/* Resolves the Outlook 2007, 2010, and Gmail td padding issue, and removes spacing around tables that Outlook adds. */
table,
td {
border-collapse:collapse;
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
td, div{
-ms-text-size-adjust:none;
-webkit-text-size-adjust:none;
}
.sections-table tr:first-child .section-td{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sections-table tr:last-child .section-td{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Corrects the way Internet Explorer renders resized images in emails. */
img {
-ms-interpolation-mode: bicubic;
}
/* Ensures images don't have borders or text-decorations applied to them by default. */
img,
a img {
border:0 !important;
outline:none !important;
text-decoration:none;
}
.button:hover{
background-color: #039FDA !important;
border-color: #039FDA !important;
-webkit-transition: all .4s;
transition: all .4s;
}
.banner-heading{
text-shadow: 2px 2px 2px rgba(98, 98, 98, 0.5);
}
.banner-subtext{
text-shadow: 1px 1px 1px rgba(98, 98, 98, 0.5);
}
.banner-cell{
background-position: center center;
}
@media screen and (min-width: 601px){
.col-left{
text-align: right;
padding-right: 10px;
}
.col-right{
text-align: left;
padding-left: 10px;
}
.content-section-text{
/*padding: 0 85px 1px 85px !important;*/
}
}
@media screen and (max-width: 600px){
.width-full{
width: 100% !important;
}
.stack-column{
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.stack-column-two{
padding-top: 0 !important;
}
.stack-column table{
width: 100% !important;
}
.img-responsive{
display: block;
max-width: 100%;
height: auto;
}
.button{
font-size: 17px !important;
}
/*content styles*/
.banner-heading{
font-size: 24px !important;
}
.banner-subtext{
font-size: 13px !important;
}
}
</style>
<!-- Outlook 2000 - Version 9 -->
<!-- Outlook 2002 - Version 10 -->
<!-- Outlook 2003 - Version 11 -->
<!-- Outlook 2007 - Version 12 -->
<!-- Outlook 2010 - Version 14 -->
<!-- Outlook 2013 - Version 15 -->
<!-- I MICROSOFT OUTLOOK USING WORD BASED RENDERING ENGINE -->
<!--[if gte mso 12]>
<style>
td {
mso-line-height-rule: exactly;
}
</style>
<![endif]-->
<!--[if lte mso 10]>
<style>
.image-link {
display: block;
line-height: 200px;
width: 100%;
min-height: 200px;
min-width: 200px;
}
</style>
<![endif]-->
<!--[if mso 14]>
<style>
.banner-heading {
width: 100%;
text-align: center;
display: block;
margin-top: 70px;
}
</style>
<![endif]-->
<!--[if mso 15]>
<style>
.banner-heading {
width: 100%;
text-align: center;
display: block;
margin-top: 60px;
}
</style>
<![endif]-->
<!--[if mso 12]>
<style>
.banner-heading {
width: 100%;
text-align: center;
display: block;
margin-top: 70px;
}
</style>
<![endif]-->
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="Margin:0; padding:0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;">
<div style="display:none !important; visibility:hidden; mso-hide:all; font-size:1px; color:#ffffff; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Ready to bring the best of ClassDojo home? Recognize positive habits with ClassDojo points!
</div>
<!-- Full Width Container -->
<table
id="bodyTable"
width="100%"
cellpadding="0"
cellspacing="0"
border="0"
bgcolor="#f5f5f3"
style="background-color: #f5f5f3"
>
<tr>
<td width="100%" style="padding: 0 10px 30px 10px;">
<!-- Header -->
<!--[if (mso)|(IE)]>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<![endif]-->
<table
class="width-full"
width="100%"
cellpadding="0"
cellspacing="0"
border="0"
style="Margin: 0 auto; max-width: 600px;">
<tr>
<td class="main-logo" style="padding: 30px 0 30px 0; text-align: center;">
<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="158" alt="ClassDojo Logo">
</td>
</tr>
</table>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!-- Content Section Full Width - Do not remove or copy - This is a one time use container -->
<!--[if (mso)|(IE)]>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<![endif]-->
<table
class="width-full sections-table"
width="100%"
cellpadding="0"
cellspacing="0"
border="0"
align="center"
style="Margin: 0 auto; max-width: 600px;">
<!-- #### BEGIN COPYABLE ELEMENTS -->
<!-- Full Width Section - replicate this tr to create another section -->
<div data-template-name="default" style="display: none;"></div>
<tr>
<td class="section-td" style="width: 100%; background-color: #fff; padding: 50px 0;" width="100%;">
<table class="width-full" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="Margin: 0 auto; max-width: 600px;">
<!-- Content Section Header -->
<tr>
<td class="content-section-text" style="padding: 0 30px 0px 30px; 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; ">
Introducing ClassDojo Beyond School 🎉
</td>
</tr>
<tr>
<td class="content-section-text" style="padding: 30px 0px 0px 0px; text-align:center; vertical-align:middle;">
<div >
<a href="https://u930697.ct.sendgrid.net/wf/click?upn=mAgFUJfMJzY-2FUMDW9Os0ZqKk-2FcyvvxDDSyMsSeoEA9WpZ4K8FXNmAkzDkzT3gzN2Mpk14ROIboGIEwuUgK2G7Q-3D-3D_qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bCmGg-2FsJg9tYJSvEdYB-2Fv7n2cBGC6k3jYbTRxDFha2KBPqlIYhJh-2B7RxR0EKNHJwMan45X381y7BQ0jBJiu9MkcvNUjaot2bQATygmVFydcUinQJmkkDvnajN3s97xENB8w5LJFbVCp5-2FTuoqCNWfFOW2hcF-2ByROHJYee96K2LTR7CcvU-2FeqQVvkifMffra-2B7-2BXLP7UAS6jcMuC-2FjCR8tyvkYGSfbuj6lyyYgGe-2F4z4UXoIMuHglnKcRkEYLNuuk41" target="_blank" >
<img
src="https://static.classdojo.com/img/2019_beyondschool/Email%20-%20Introducing_2.jpg"
style="
display: block;
max-width: 500px;
Margin: 0 auto;
font-size: 19px;
color: #424242;
line-height: 28px;
font-family: ProximaNova-Semibold, AvenirNext, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;
"
width="auto"
/>
</a>
</div>
</td>
</tr>
<!-- Content Section Description -->
<tr>
<td class="content-section-text" style="padding: 30px 50px 0 50px; text-align:left;
vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica,
Helvetica, Arial, sans-serif; font-size: 18px; color: #424242; line-height: 24px;
white-space: pre-wrap; ">Now you can bring the best of ClassDojo home 🌟
- Recognize positive habits with ClassDojo points
- Encourage your kid to reach new heights with goals
- Embrace their creativity with a brand-new monster creator</td>
</tr>
<!-- Content Section Image -->
<!-- Content Section Button -->
<tr>
<td class="content-section-text" style="padding: 30px 50px 0 50px; text-align:center; vertical-align:middle;">
<span style="border-bottom: 3px solid #0078A3; border-radius: 30px; display: inline-block;">
<a href="https://u930697.ct.sendgrid.net/wf/click?upn=mAgFUJfMJzY-2FUMDW9Os0ZqKk-2FcyvvxDDSyMsSeoEA9WpZ4K8FXNmAkzDkzT3gzN2Mpk14ROIboGIEwuUgK2G7Q-3D-3D_qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bCmGg-2FsJg9tYJSvEdYB-2Fv7n2cBGC6k3jYbTRxDFha2KBPqlIYhJh-2B7RxR0EKNHJwMa4DHcsm1BTKhWvbS6UN4T-2BqCLrM3soAjS9t65Me4fkdf8QbTLSwQrpdckcKT6HJNFPweLqbj4Xa2sUcn10LCUfbcElZr1e1FXmmHk49YadkGyD0DuW6sPW5qwCvrNkc2K9NGa789dtFc3cZvNR2DQTGuwOg7xPvsQmg4kREZ91mRnTqfkiWCIRAXxcCLERQM8" class="button" target="_blank" style="font-size: 18px; font-family: HelveticaNeue-Medium, ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; background-color: #01AEEF; border-top: 15px solid #01AEEF; border-bottom: 15px solid #01AEEF; border-right: 22px solid #01AEEF; border-left: 22px solid #01AEEF; display: inline-block; border-radius: 25px; ">
Check it out
</a>
</span>
</td>
</tr>
<tr>
<td class="content-section-text" style="padding: 30px 50px 0px 50px; text-align:left; vertical-align:middle; font-family: ProximaNova-Regular, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 18px; color: #424242; line-height: 24px;">
Cheers,
<br><br>
<img src="https://static.classdojo.com/img/signature.png" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!-- End Content Section Full Width-->
<!-- Footer -->
<!--[if (mso)|(IE)]>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<![endif]-->
<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 15px 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-Semibold, 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="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=BQeft5AMuz2jEUGXvf6QmFBOtYBVz3mWMN8OXYjOiP__2UQHhZEn5yOoQU_BzE1m1ZkyGjSctoINlpJMqsNAr9nOVI6nki4uCatl_78mFWeXJ1ySaDnPVudhE1RfLkTVpfySvtNp-eu_t-YWqHe13b-hVUo4dV2dGy6_Hl-DIsCBVdUCdp-ZdiAOFUfVlJhbtyDJtSnvDMHiBlxc00kejfJJTrAQUd8aSsdMv5_4VqDOgB2KVJxdBYx8p4ltA40MvT2VCP5wq7G--VY29YHXmef7-9UHNDThR4YjL1VCM9snWls4STTZ2D4cE9gXwCKuWLq8KwRc4cmqf4wrJYS-ZYwXGEjMWwBOMwRL_rtN7wcxFHveULnCZscTl2PeiwiBS4bH44OekrbPFv-q8cwuUAYTpI4AWy4ueYTj3rZhYZgtKTM3sz5J6ggIKcBG4N0F4lI_lltyc9euPK4Bycz8vQ==" target="_blank" style="text-decoration: none; color: #A7A7A7;">
Unsubscribe
</a>
<a href="https://u930697.ct.sendgrid.net/wf/click?upn=s83pixTD1eY6i14RVxgH4Z-2B7QWyEsoZW-2Bah66msvTQobeJmwBuWyXJlXSV3m0Ph9_qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bCmGg-2FsJg9tYJSvEdYB-2Fv7n2cBGC6k3jYbTRxDFha2KBPqlIYhJh-2B7RxR0EKNHJwMa1IHHFGSWxi2ez9NNCW9IkDQ1HCglQ5GOdk5uboMCJOEVohzeIDlnb5cC3Bd8CZdG7YfwRxzlJtE8WkTGVrS8Jiw-2FChOWwSynjn6VIYsTKiRx0yWqE2O066PpqXx4uVkAwCtaNJc1bJi9NzN17GHvfREuV5xC-2B1gSjV6BPxANxsGd5RJ4AlLTwY5jOj5PQ5l6" target="_blank" style="text-decoration: none; color: #A7A7A7;">Privacy Policy</a>
</td>
</tr>
</table>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<img src="https://u930697.ct.sendgrid.net/wf/open?upn=qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bCmGg-2FsJg9tYJSvEdYB-2Fv7n2cBGC6k3jYbTRxDFha2KBPqlIYhJh-2B7RxR0EKNHJwMav7lWDiHlxK1SsAuHpUj3XCjKm-2FiHAv6QI3rhPmUu618CQVYfqUQruXygAsuqYkNcsScIwxI4lEDcmUbbjH5oXJphP4Aymnt7A-2F3057Uqrwr1cteB6M2PwSU30N4IRieWLe33dKzY0n7mfa74fMtka5K4fX13KGiCHKzldv-2Faf-2FUpRnra5Inwb0Xj-2F9XuFvmL" 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>