{{#extend "responsiveMain"}}
    
  {{#append "head"}}
    
  {{/append}}

  {{#replace "body"}}
    <table class="body-wrap clear">
      <tr>
        <td>
          <h2>The ClassDojo Student App: free for iOS and Android!</h2>
          <img src="http://static.classdojo.com/img/email/email-parent-top.png" />
          <p class="lead">That's right: the ClassDojo Student App has launched for your child's Apple and Android devices! Get it for free for your child in the <a href="http://www.classdojo.com/iosapp">Apple App Store</a> or <a href="http://www.classdojo.com/androidapp">Google Play</a>.</p>
        </td>
      </tr>
    </table>

    <br />
    <table class="body-wrap clear">
      <tr>
        <td>
          <img src="http://static.classdojo.com/img/email/email-parent-ios.png" />
        </td>
        
        <td>
          <img src="http://static.classdojo.com/img/email/email-parent-android.png" />
        </td>
      </tr>
    </table>

    {{!-- Button ONE, LEFT --}}
    <!-- Left buffer, ensures button centering in nice clients -->
    <div class="buffer-two"> </div>
    <div class="buffer-two-container">
      <table border="0" class="body-wrap">
        <tr>
          <!-- Left button cap -->
          <td class="btn-left"></td>
          <!-- Fluid, stretching center button section -->
          <td width="110px" bgcolor="#FEA302" class="btn-center-two"><a href="/" class="call-to-action">iOS</a></td>
          <!-- Right button cap -->
          <td class="btn-right"></td>
        </tr>
      </table>
    </div>
    {{!-- End Button ONE --}}

    <!-- Mid buffer, ensures button centering in nice clients -->
    <div class="buffer-two-mid"> </div>

    {{!-- Button TWO, RIGHT --}}
    <div class="buffer-two-container">
      <table border="0" class="body-wrap">
        <tr>
          <!-- Left button cap -->
          <td class="btn-left"></td>
          <!-- Fluid, stretching center button section -->
          <td width="110px" bgcolor="#FEA302" class="btn-center-two"><a href="/" class="call-to-action">Android</a></td>
          <!-- Right button cap -->
          <td class="btn-right"></td>
        </tr>
      </table>
    </div>
    <!-- Right buffer, ensures button centering in nice clients -->
    <div class="buffer-two"> </div><br class="clear"/>
    {{!-- End Button TWO --}}



    <table class="body-wrap clear">
      <tr>
        <td>
          <!-- <h3>Title Ipsum <small>This is a note.</small></h3> -->
          <p>What can your child do with the app?</p>
          <ul>
            <li>View their weekly progress from their teacher</li>
            <li>Build a fun avatar that shows up in class</li>
            <li>Spot trends, set goals, and more!</li>
          </ul>
          <p>As always, if there's anything we can do to help, just let us know. :)</p>
          <p></p>Cheers,<br/>The ClassDojo team
        </td>
      </tr>
      <tr>
        <td align="center" style="color: #db1259;" colspan="3">♥</td>
      </tr>
    </table>
  {{/replace}}

 
{{/extend}}