{{#extend "template3"}}

  {{#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>Get the full ClassDojo parent experience</h2>
                <!-- <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p> -->
                <br />
                {{!-- <img width="500" height="353" class="center" src="http://static.classdojo.com/img/join_school/join_school3.png"> --}}

                <p>View your child's report and instantly message with their teacher using the new ClassDojo <a href="http://www.classdojo.com/ios" target="_blank">iOS</a> and <a href="http://www.classdojo.com/android" target="_blank">Android</a> apps!                
              </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>
                <a href="http://www.classdojo.com/ios" target="_blank">
                  <img width="189" height="185" class="center" src="http://static.classdojo.com/img/email/email-parent-ios.png">
                </a>

                <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://www.classdojo.com/ios" 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 iOS app &rarr;</center>
                  </v:roundrect>
                  <![endif]-->

                  <a href="http://www.classdojo.com/ios" target="_blank" id="orange-button">Get iOS app &rarr;</a>
                </center>

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

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

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

        <center>
          <table class="twelve columns">
            <tr>
              <td>
                <a href="http://www.classdojo.com/android" target="_blank">
                  <img width="189" height="185" class="center" src="http://static.classdojo.com/img/email/email-parent-android.png">
                </a>

                <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://www.classdojo.com/android" 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 Android app &rarr;</center>
                  </v:roundrect>
                  <![endif]-->

                  <a href="http://www.classdojo.com/android" target="_blank" id="orange-button">Get Android app &rarr;</a>
                </center>

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

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

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

        <center>
          <table class="twelve columns">
            <tr>
              <td class="text-pad">
                <p>
                  As always, if there’s anything we can do to help, just let us know :)
                <p>
                  <br>
                  Cheers,
                </p>  
                <img src="http://static.classdojo.com/img/signature.png" />

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

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

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

                {{!-- <h2>Add your first class!</h2> --}}
                <!-- <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p> -->
                {{!-- <p>
                  Cheers,<br />
                  The ClassDojo team
                </p> --}}

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

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

  <!-- content end -->

  {{/replace}}

{{/extend}}