{{#extend "template3White"}}

  {{#append "head"}}

  {{/append}}

  {{#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>Introducing ClassDojo Messaging</h2>

                <a href="http://www.classdojo.com/messaging" target="_blank"><img width="350" height="200" class="center" src="http://www.classdojo.com/images/messaging/direct.png" alt="Please allow images for this email"></a>


              </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://classdojo.com/messanger" 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 messaging now!</center>
                  </v:roundrect>
                  <![endif]-->

                  <a href="http://classdojo.com/messaging" target="_blank" id="orange-button">Learn more &rarr;</a>
                </center>

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

      </td>
    </tr>
  </table>
  {{!-- End CTA big button row --}}


  <!-- content end -->

  {{/replace}}

{{/extend}}