dojo-templater
Version:
Easy HTML emails with variables
182 lines (149 loc) • 5.11 kB
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- If you delete this tag, the sky will fall on your head -->
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ClassDojo Email Template</title>
<link rel="stylesheet" type="text/css" href="email.css" />
<!-- we'll process and inline styles before sending -->
<style>
</style>
</head>
<body bgcolor="#faf9f9">
<!-- HEADER -->
<table class="head-wrap">
<tr>
<td class="header container">
<div class="content">
<table>
<tr>
<td align="center"><img src="http://neutyp.com/staging/classdojo/images/trigger-email-logo.png" width="300" alt="ClassDojo"></img></td>
</tr>
</table>
</div>
</td>
</tr>
</table><!-- /HEADER -->
<!-- BODY -->
<table class="body-wrap">
<tr>
<td></td>
<td class="container" bgcolor="#FFFFFF">
<div class="content paper">
<table class="body-wrap clear">
<tr>
<td>
<h1>Beautiful, free training materials</h1>
<p><a href="http://www.classdojo.com/share" target="_blank"><img src="http://neutyp.com/staging/classdojo/images/upload.png" width="100%" /></a></p>
</td>
</tr>
</table>
<!-- Left buffer, ensures button centering in nice clients -->
<div class="buffer"> </div>
<div class="buffer-container">
<table class="body-wrap" border="0">
<tr>
<!-- Left button cap -->
<td class="btn-left"></td>
<!-- Fluid, stretching center button section -->
<td class="btn-center" width="260px" bgcolor="#FEA302">
<a href="http://www.classdojo.com/share" target="_blank" class="call-to-action">Get them now →</a>
</td>
<!-- Right button cap -->
<td class="btn-right"></td>
</tr>
</table>
</div>
<!-- Right buffer, ensures button centering in nice clients -->
<div class="buffer"> </div>
<table class="body-wrap clear">
<tr>
<td>
<p>We love making things that make your life easier! So we made you some beautiful, free resources to help you:</p>
<ul>
<li>Introduce ClassDojo at your school</li>
<li>Share ClassDojo with other teachers</li>
<li>Run amazing training or professional development sessions</li>
</ul>
<br />
<p>Get them for free right now at <a href="http://www.classdojo.com/share" target="_blank">www.classdojo.com/share</a>. You'll find:</p>
<ul>
<li><a href="http://www.classdojo.com/share" target="_blank">Posters and handouts</a></li>
<li><a href="http://www.classdojo.com/share" target="_blank">Presentations</a></li>
<li><a href="http://www.classdojo.com/share" target="_blank">Training and professional development materials</a></li>
</ul>
</td>
</tr>
</table>
<!-- Left buffer, ensures button centering in nice clients -->
<div class="buffer"> </div>
<div class="buffer-container">
<table class="body-wrap" border="0">
<tr>
<!-- Left button cap -->
<td class="btn-left"></td>
<!-- Fluid, stretching center button section -->
<td class="btn-center" width="260px" bgcolor="#FEA302">
<a href="http://www.classdojo.com/share" target="_blank" class="call-to-action">Get them now →</a>
</td>
<!-- Right button cap -->
<td class="btn-right"></td>
</tr>
</table>
</div>
<!-- Right buffer, ensures button centering in nice clients -->
<div class="buffer"> </div>
<br class="clear" />
<table class="body-wrap clear">
<tr>
<td>
<!-- <h3>Title Ipsum <small>This is a note.</small></h3> -->
<p>Hope these brighten your day - and your professional development sessions too :)</p>
<p></p><br />
Cheers,
<br />
<p></p>
The ClassDojo team
</td>
</tr>
</table>
</div>
</div>
</td>
<td></td>
</tr>
</table><!-- /BODY -->
<!-- FOOTER -->
<table class="footer-wrap">
<tr>
<td class="container" colspan="3">
<!-- content -->
<div class="content">
<table>
<tr>
<td align="center">
<p class="footer">
<a href="http://www.classdojo.com/about" target="_blank">About ClassDojo</a>
<span class="dot"> • </span>
<a href="http://www.classdojo.com/mission" target="_blank">Our Mission</a>
<span class="dot"> • </span>
<a href="http://teachersupport.classdojo.com" target="_blank">Support</a>
<span class="dot"> • </span>
<a href="#">Unsubscribe</a>
</p>
</td>
</tr>
<tr>
<td align="center" class="signout" style="color: #4d4d4d"><br />
Sent with love from ClassDojo HQ at:<br />
322 Sixth Street • Suite 6 • San Francisco, CA 94103
</td>
</tr>
</table>
</div><!-- /content -->
</td>
</tr>
</table><!-- /FOOTER -->
</body>
</html>