<!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;">
They can be a part of the classroom community, too!
</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; ">
Invite another parent/guardian
</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=ZhkifHPfCsO7KnU3W8qozwAv9Qy0Vv8UU7P0OP7C1eI-2FNCSpos83K-2Bwy9ZYZT32BNP1mpKdrFcAYRLtp30toTw-3D-3D_qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bC6qDAxmznvJEu9jZCo2XiijLozaRqEKwHNvQpd8kWmlxTyDhx-2F70NZME-2BWkZj9rGES6Stgx2Wc2uidmVbwjYbaFlzczv4TAtNQgFOTNqGgVACsxNsBvM0v0lS5WWDtoTlCuQ64DsWT30wsdc3ubSnA9eOJFrFze5PNYERFLTdpuDS98YIYGIQ1a3ub9e7tQJouDsufK2HL1Atg5q1x6iqJ73CrfprXia4T-2B-2F2tpPM8DDQ7uCThkqMUVNgzCMDNBQ2" target="_blank" >
<img
src="https://static.classdojo.com/img/email/lifecycle/parent_invite_spouse01.jpg"
style="
display: block;
max-width: 60%;
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; ">You're currently the only parent who has joined Ms. Dominguez's class to follow Frances's learning. Forward this email to another family member and they can click the button below to follow along, too!</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=ZhkifHPfCsO7KnU3W8qozwAv9Qy0Vv8UU7P0OP7C1eI-2FNCSpos83K-2Bwy9ZYZT32BoS5K0IIqz7o7XAUns9gJxw-3D-3D_qyKhYsf0mzFumhFapFjKvFgGu-2FhY-2BdR-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bC6qDAxmznvJEu9jZCo2XiijLozaRqEKwHNvQpd8kWmlxTyDhx-2F70NZME-2BWkZj9rGECQP6w6QPtofYoidmXAN5imrEwl46dGrP-2BnFjVqz7WZYRSk3cSWrIrlkKLRYJ5bacaPG5G9cW8WwRfZOKahxb2Cya3MhO1B1QYE5KgQbHAa5eJxeeUXZRyoi38ZKy-2FWha3BORDRLCdJccRXesAgTU7Su5QrB-2B-2F4QozH2MsiChwslzuAtXga6g4h5d6JyeU-2BEG" 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; ">
Follow Frances's class
</a>
</span>
</td>
</tr>
<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; ">Or, they can sign up for a new ClassDojo account and enter the following unique code to join the class: PVVY8DWQ5
Need any help? Just reply to this note and we'll get back to you right away!</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=HmzZwKQBgqihmUfD67wLxI4WdFctrkVXxprKGR4iDsqf5CdlE6MWcfIFiC8Vb0FJEevfPCZsIvGW-it_IvImJXWOLVx6CoZhdSIQSKNabcVsVZYX-Sx1X-DtoKGaIsLSXi-zFzM1-aGSS2Y3eQvrNM-9bmUywkd2IS2hAJjx7ylDQQLo868izhqYlUYjLbRHwPnL3ccgn4ttRZPH_T-h-nwzvFJ4NQ2j28dIp62WX0Co2MyN6fbfiYkREvQe33pxiE8ckXuGFqSvkboP5bID2J0qu3zAdFBTtisux1nH5okJsIPb_sAby5miNMxjYnojzSjN0ngKu761HRtTyAI76QQ02J77zJOEWSuNq309BGlLn6B_xwOfmE8VAErOiQkI8lwM0fQJV832pQOdO0aea1UhA-i2QTz20T-uvpgXXWNpHnbct5FfdS6QMHEoD-TdL2wiFaio5YRiOUGFEGeYnQ==" 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-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bC6qDAxmznvJEu9jZCo2XiijLozaRqEKwHNvQpd8kWmlxTyDhx-2F70NZME-2BWkZj9rGEuC1MD0frD8Zh7ESKETjWGvRs1gnQ8uo5-2FsMinmaOpkH1HmTx8lg8N1owLoNZhanBMuVqW6zy3FoMgLtvThw6paCGjsGLaYQQbZF1yUdOY3O1vcCNsIb-2F15kwd0q7RgnOXYZtU5JP8hSxnQ6xBhNnK-2BL5mtguXC-2FWVpqt2XwTf2My6rAcP1UYei44ptCeid-2Fj" 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-2BuyvnfopKhfGSzev2RWu6W5fU2dkqj5bC6qDAxmznvJEu9jZCo2XiijLozaRqEKwHNvQpd8kWmlxTyDhx-2F70NZME-2BWkZj9rGEaAPgvVF5CHKuuizGQwQGfdJrNlUY-2FQMt3OHeL6-2FBDzIhWfFvMRML-2BgFPXBdasABsR9wEOppYISruVGV1e4Vi63NK4KrQqO7TQk9giYQBeZtGrbopSU1-2Fd1WjZ-2FbM84fHg4Z72vZwlKjukX4XQxytmvMKT-2FLaC-2FMeDhhA-2B0HoxP87HadkBGH0wmsxQzyfeZS-2B" 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>