{{#extend "teacherMain"}}

  {{#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.firstName }} {{ sender.lastName }}!</h2>
                <br />
                
                <p>
                  You have a new message from {{ sender.firstName }} {{ sender.lastName }}. Please <a href="http://teach.classdojo.com" target="_blank">log into ClassDojo</a> to respond.
                </p>
              </td>
              <td class="expander"></td>
            </tr>
          </table>
        </center>

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

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

        <center>
          <table class="twelve columns">
            <tr>
              <td class="text-pad">
                <table>
                  <tr>
                    <td class="panel">
                      <p>"{{ message }}"</p>
                    </td>
                  </tr>
                </table>
              </td>
              <td class="expander"></td>
            </tr>
          </table>
        </center>

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

  {{!-- 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://teach.classdojo.com" 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://teach.classdojo.com" 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>

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



{{!-- FYI - moved to newMessageAlerts/newTeacherToParentMessage -KG.2.13.2014 --}}