<!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>Beyond for Summer</title>
    <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');}

</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');}

      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;
      }
      @media screen and (max-width: 600px){
        td {
          padding: 0 5px 20px 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;
        }
      }
    </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; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
  All the goodness doesn’t have to end!
</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="120" 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;">

            <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;">
                    
                  <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;">
            Try Beyond School this summer 🍉</td>
        </tr>
        <tr><tr>
          <td style="padding: 0px 50px 40px 50px; text-align:center; vertical-align:middle; font-family: ProximaNova-Semibold, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif; font-size: 20px; color: #B9B9B9; line-height: 20px;">
                          </td>
                  </tr>
                    
                <tr>
                  <tr>
                    <td style="padding: 0 50px 30px 50px; text-align:center; vertical-align:middle;">
                      <a href="https://u930697.ct.sendgrid.net/ls/click?upn=Y-2BDOtg-2BoVUgmcaqB5pMRcwUe0ocghsleiHvGzGOOlHluYKPxRIe3erjNNcrIJRAV80JvXu9DV8arCVSsNe3nPQ-3D-3DNbfJ_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BK8jPw6gqy4gSHC8epp8543LY6q3b1Js3FXkeJfNNxqKATwQzx-2Bfcv7g4iDaNhNbGp5HKGJWe6p7mFVEng8U94Au4O9YQSf3iy9UMlPDFsjvvfvb4Gmmjg5TlAJR6-2FvtkA6QjqX0x-2B-2FkMIEeyXjq-2FbZ9NSoRFn-2BeCQqAZmvFdEXrI7xOJnE-2BDQ2kMMkjbyVE4SBbQrQh5LbHNYe2fgbLTdeaqgmRxhoBDa88-2BNSOc6bYwZM1NyrnatZB9zLOKatx9eiKhy1EvfnUh5TyKkV9W-2FouvGBA41SbFk3kSYQ39zLAlCSWjC8ZQALR7Z5hthF3xwjggp8gq3wu-2BtRRyS0TEIDHf75OvzCv3u5q5SjmjTvhw-3D-3D"
                      ><img src="https://static.classdojo.com/img/2020/Families/May/BeyondSummerEmail.png" 
                      style="display: block; max-width: 100%; max-height: 100; Margin: 0 auto; font-size: 19px; color: #424242; line-height: 28px; font-family: ProximaNova-Semibold, Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;" width="full" height="auto" alt=""></a>
                    </td>
                  </tr>

                  <tr>
                    <td class="content-section-text" style="padding: 0 50px 10px 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;">
                        Amazing job this school year 🙌 We’re grateful you’ve taken such an active role in your kids’ learning and classroom community through ClassDojo. 

<br>
<br>We’re extending a special offer to help you keep the goodness going this summer at home. ClassDojo Beyond School helps parents create positivity and fun for their kids with Home Points, Goals, Rewards and much more.  
<br>
<br>And now, ClassDojo Activities are included as part of Beyond School. Get bedtime stories, meditations and more -- all within your ClassDojo app.


  

                    </td>
                  </tr>
<tr>
                  <td style="padding: 20px 50px 0px 50px; text-align:center; vertical-align:middle;">
                    <a href="https://u930697.ct.sendgrid.net/ls/click?upn=Y-2BDOtg-2BoVUgmcaqB5pMRcwUe0ocghsleiHvGzGOOlHluYKPxRIe3erjNNcrIJRAV80JvXu9DV8arCVSsNe3nPQ-3D-3DsJ-0_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BK8jPw6gqy4gSHC8epp8543LY6q3b1Js3FXkeJfNNxqKATwQzx-2Bfcv7g4iDaNhNbGp5HKGJWe6p7mFVEng8U94Au4O9YQSf3iy9UMlPDFsjvvfvb4Gmmjg5TlAJR6-2FvtkBRrsQnsvN8va5si20S0B1Pnzr9bIWAGvljgDsypjvNmDhtfWHgRtF7hmU1js1J2p0DEnin9YIYEOW-2Bdkj2wDuTmwQakcVRWKrccQngnE6Q2q4FTbnFRemCm-2BdvxpyE08XjW0L9YiBpZG2HgAXoVULbD0GQgB-2BSGCMChgFdpZ0cZUXABGhfb6fKkmfJQkE75VMIDsvQDhdOoiUKMNOrHalSNC4370J3C-2FaQ0f5hSaM5pA-3D-3D" 
                    class="button" target="_blank" style="font-size: 18px; font-family: 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: 40px;">
                Try free for 7 days  
            </a>
                  </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;"> 
                    
 
                     <br>
     Cheers,             
                      <br> <br>
                      <img src="https://static.classdojo.com/img/2018_Mentors/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=6Gl_mezY6iDTY9Gm2R0DCueYj4PBIsMglldl18M90AKSV2PNwuVls1vCqEDydkYWxqB7wRiGZ_r3BFgWlBSMp4ME_KfkDhi15Qlh4hlAN32Ksn2VtSiVSbu8QAkveLZEHB-QJDzVduJGvokCLzNRMn26VNcDWa4r4-snYa1a01UkSsQaa2AAFwm2MMr1U7TJfu02TYfv8DAv0BS4ZTZKAE7qIJGTskQQxo9rqZ2hHs8Mp-eI7LHpH5o3uePBPq9xKiugN0JLHX5cVCxEJ_2RobsraDFf7wdXKy4GrgOCBLMUyIiBmGgxOaRWofVz39EbqontcDb-X5ooOF1GgSJ7YhMNn3U0--dB1ofJV-QNkTiHfnzV_BuVB0TVW76ZND0ysyTe5Cz1dLvCZ7Okg98e7sqEL4A88ctkHvCZSdPdGAJr6ay9S0-UCXg6oVSSIVRMc8izze9DIYWV7HILnsjBs7vCKSSspvrxg5ejnOvVF4m_wBIIMMLARF0jnS7dIKLm384nyUJ1slQCFx-zbvc7WX07SLvdvg2D0hgQdWSNUnkanmyVOHMn_N3QephPfggjdgC1xjWnM4uEJGPxXUO7sA==" target="_blank" style="text-decoration: none; color: #A7A7A7;">Unsubscribe </a>
                     
                <a href="https://u930697.ct.sendgrid.net/ls/click?upn=Y-2BDOtg-2BoVUgmcaqB5pMRcwUe0ocghsleiHvGzGOOlHlteW7uWT0LO8bQQTUC7iptWdqB_fW6jPRo4Te5aLWb1H8iMzYG9AvSXMmUoK2gBwPfVfWAxx6zADn-2FNaMDWSYf01vCIxhjxem6B37SMv8uaHECoyz1QNWqTK9CSpH6FF7TgF-2BK8jPw6gqy4gSHC8epp8543LY6q3b1Js3FXkeJfNNxqKATwQzx-2Bfcv7g4iDaNhNbGp5HKGJWe6p7mFVEng8U94Au4O9YQSf3iy9UMlPDFsjvvfvb4Gmmjg5TlAJR6-2FvtkDKPqUEUI5v6AJKgq9Vpe8kERLLx4PyWFdqCdGuhFllxCnsPwZ7J5dT-2Fa8iWVPwYtL3WF-2BCdUi8VFMsgOAptnMR9MhGHuzPOjQrxg0kHJ2gdALHki6glBPuohHb1RXhC87CfW1-2B-2F1v8xTmMvg2R2BWrzKOpLSR0olCsnn4t-2FJabApA2rmgM22jSS13zhCvOk9FN16v4jmrY0plIikOmyccuZT2OY-2BWvPSjzAXTDEdU0xg-3D-3D" target="_blank" style="text-decoration: none; color: #A7A7A7;">Privacy Policy</a></a>
     
<a clicktracking=off href="https://sg-mktg.com/MTU5MDY4MzQ5MHxXZW1uVkhqekM3YVp5bHdZbmF1Q1NISVRYN01tSXkyOExYT3FURGpXd2dHVU1Xa0pPaXlUU1I0UWtTS25hVTl6MjAtdkp2bkVrRmlTRzNfdVVZR0sxLWo0dzF6VUVfTWI0M0lZQ28xUnVDU1ZIcjFoY3VOeTNRRDc0aTR0cVpudF9URTdhMUR4dXJWdERmOXM2dlZraFozZXlpbXBvcnIwWGhKalV3OG5tdkwwNnpLbXpHMm55ckM0SG0tMWpkRUdYeVgzcVVDNWwwNWx5eG1mNnBVTi1laEZtRXNjV2FfTHdXMzcwWGJ5R0g2OTJIbU8wX1U4R0RWR2s4LXR8kk80QAn6g3DArlXWeTJgj_z38cmX8_eWh2D6MtLoreg=" target="_blank" style="text-decoration: none; color: #A7A7A7;"
>View in Web Browser</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-2BuyvnfopKhfHxPxT41SgivbYhic2JPDGnwEuAO-2Bygi9LR0zErDe5HCv3qX1PweJosnFbawfFbfNfBHP7MljYehqZYTGHHDwHFzSMBJlSLC3P77dhwffXJB24TfNj3oLx-2FRRqhL9kEgETunopXRtH1ZZOAfedA3roO2Zh8TyUc0fJfex2NgXcaq70xN04X3ngAY7VcJP-2Fk3-2FqGfZeVEnK1YRsleY7RwP71kw8nK0tAtGELSHI7jpzr-2F9T57RKphAtxl0eZ2MRrqKT7tI62xkYDFgmea0JaDNM4J-2BNqWmecMvkyBGNaBWpYck2B7VP7oR3i3QWvo2m4zo-2FgSm27XQafakiFIWt1ywEi06C5aaPPUwG52Jk2rmdQ9pioh5i6taogYEXYUN2gM9GPnowddTsdiPG-2FsHdsaJjFp-2BANvBklhGOKqP8TIGQetA-3D-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>