{{#extend "parentMain"}}

  {{#replace "body"}}
  <!-- content start -->

  {{!-- Title row --}}
  <table class="row">
    <tr>
      <td class="wrapper last">

        <center>
          <table class="twelve columns">
            <tr>
              <td class="text-pad">

                <h2>Message from {{ sender.title }} {{ sender.lastName }}!</h2>
                
                <br />

                <p>You have a new message from {{ sender.title }} {{ sender.lastName }} - <a href="http://home.classdojo.com/student-profile/{{student._id}}/messages" target="_blank">log into ClassDojo now</a> to read it.</p>

              </td>
              <td class="expander"></td>
            </tr>
          </table>
        </center>

      </td>
    </tr>
  </table>
  {{!-- End title row --}}

  {{!-- CTA big button row --}}
  <table class="row">
    <tr>
      <td class="wrapper last">

        <center>
          <table class="twelve columns">
            <tr>
              <td>

                <center>
                  <!-- REMEMBER TO UPDATE THIS MSO VERSION WITH THE LINK AND TEXT OF YOUR CTA -->

                  <!--[if mso]>
                  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://home.classdojo.com/student-profile/{{student._id}}/messages" style="height: 60px; width: 280px; v-text-anchor: middle;" arcsize="7%" strokecolor="#fcb030" fill="t">
                    <v:fill type="tile" src="http://c.classdojo.com/img/email/template3/orange-btn-reg.png" color="#fcb030" />
                    <w:anchorlock/>
                    <center style="color: #ffffff; font-family: sans-serif; font-size: 28px; font-weight: bold;">Get message now</center>
                  </v:roundrect>
                  <![endif]-->

                  <a href="http://home.classdojo.com/student-profile/{{student._id}}/messages" target="_blank" id="orange-button">Get message now</a>
                </center>

              </td>
              <td class="expander"></td>
            </tr>
          </table>
        </center>

      </td>
    </tr>
  </table>

  <table class="row">
    <tr>
      <td class="wrapper last">

        <center>
          <table class="twelve columns">
            <tr>
              <td class="text-pad">
                <p>Want to receive new message alerts on your phone? Get the ClassDojo app for <a href="http://www.classdojo.com/android" target="_blank">Android</a> and <a href="http://www.classdojo.com/ios" target="_blank">iOS</a> now!</p>

              </td>
              <td class="expander"></td>
            </tr>
          </table>
        </center>

      </td>
    </tr>
  </table>

  
  {{!-- End CTA big button row --}}

  


  <!-- content end -->
  
  {{/replace}}
{{/extend}}