Skip to content

Instantly share code, notes, and snippets.

@NickToye
Created February 16, 2015 15:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NickToye/5f24299b0f84820ab62d to your computer and use it in GitHub Desktop.
Save NickToye/5f24299b0f84820ab62d to your computer and use it in GitHub Desktop.
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
padding: 0;
}
</style>
<table border="0" cellspacing="0" cellpadding="0" width="700" bgcolor="#cdcecd">
<tr>
<td width="50" bgcolor="#cdcecd"><p style="font-family:Arial, Helvetica, sans-serif; font-size:1px; color:#eaecf7; margin:0px; padding:0px">.</p>
</td>
<td width="600" align="center">
<table bgcolor="#ffffff">
<tr>
<td width="600" height="50" colspan="3" align="center" style="border-bottom: 3px solid #f6f6f6;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #c55c9f;">Trouble viewing this email?</span><br /><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #888989;"><a href="#" style="color: #888989;">View the online version</a> <span style="color:#fffff;">|</span> <a href="#" style="color: #888989;">Show me how</a></span>
</td>
</tr>
<tr>
<td height="98" width="428" bgcolor="#FFFFFF"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/hope-logo.jpg" alt="Hope Education" width="188" height="69" border="0" style="padding-top: 10px;"></td>
<td bgcolor="#FFFFFF" width="150" height="98" valign="middle">
<table height="46" valign="middle">
<tr>
<td width="150" height="20" valign="middle" align="right"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000;">Connect with us</span>
</td>
</tr>
<tr>
<td width="150" height="26" align="right">
<table height="26">
<td height="26" style="padding: 0 5px 0 0;"><a href="#"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/facebook-link.jpg" width="26" height="26" border="0" alt=""/></a></td>
<td height="26" style="padding: 0 5px 0 0;"><a href="#"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/twitter-link.jpg" width="26" height="26" border="0" alt=""/></a></td>
<td height="26" style="padding: 0 0 0 0;"><a href="#"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/pinterest-link.jpg" width="26" height="26" border="0" alt=""/></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="22" bgcolor="#ffffff"><p style="font-family:Arial, Helvetica, sans-serif; font-size:1px; color:#ffffff; margin:0px; padding:0px">.</p>
</td>
</tr>
</table>
<table width="600" bgcolor="#ffffff">
<tr>
<td width="600" height="30" align="center" bgcolor="#67747e" style="border-top: 1px solid #dedee2;">
<table>
<tr>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Art and Craft</span></a> <span style="color:#ffffff; padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Early Years</span></a> <span style="color:#ffffff;padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: &quot;Source Sans Pro&quot;, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Jigsaws and Games</span></a> <span style="color:#ffffff;padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: &quot;Source Sans Pro&quot;, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Nursery</span></a> <span style="color:#ffffff;padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: &quot;Source Sans Pro&quot;, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Role Play</span></a> <span style="color:#ffffff;padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Sand and Water</span></a> <span style="color:#ffffff;padding-right: 1px; margin-right: 2px;">|</span></td>
<td valign="top"><a href="#" style="color: #ffffff;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;">Offers</span></a><span style="color:#67747e;padding-right: 1px; margin-right: 2px;">|</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="55" bgcolor="#f6f6f6" style="padding: 0;">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/promise-icons.jpg" width="600" height="55" border="0" alt=""/>
</td>
</tr>
<tr>
<td>
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/splash.jpg" width="600" height="494" border="0" alt=""/>
</td>
</tr>
<tr>
<td>
<table width="600" height="106" bgcolor="#363636" style="text-align: center;">
<tr>
<td style="padding-top: 10px;">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/black-header.jpg" width="577" height="29" alt=""/></td>
</tr>
<tr valign="bottom">
<td>
<a href="#" title="Visit now to see what's new!"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/whats-new-link.jpg" width="356" height="59" border="0" alt=""/></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 40px; text-align: center;"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/white-header.jpg" width="509" height="34" alt=""/></td>
</tr>
<tr>
<td>
<table width="600">
<tr>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Improved Search"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/improved-search.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Compare Products"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/compare-products.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Enhanced Zoom"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/enhanced-zoom.jpg" width="200" height="160" border="0" alt=""/></a></td>
</tr>
<tr>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Product Videos"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/product-videos.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Promotional Offers"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/promotional-offers.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Review Products"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/review-products.jpg" width="200" height="160" border="0" alt=""/></a></td>
</tr>
<tr>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Track Your Order"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/track-your-order.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Save Baskets"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/save-baskets.jpg" width="200" height="160" border="0" alt=""/></a></td>
<td width="200" height="160" style="text-align: center;"><a href="#" title="Online Returns"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/online-returns.jpg" width="200" height="160" border="0" alt=""/></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" height="48" style="text-align: center;">
<a href="#" title="Explore Our New Features"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/explore-btn.jpg" width="285" height="41" border="0" alt=""/></a>
</td>
</tr>
<tr>
<td>
<table width="600" bgcolor="#8861a6">
<tr>
<td height="120" colspan="3" style="text-align: center;"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/purple-header.jpg" width="511" height="59" alt=""/></td>
</tr>
<tr>
<td valign="top">
<table>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/nursery-setup.jpg" width="152" height="152" border="0" alt=""/> </td>
</tr>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/nursery-setup-txt.jpg" width="152" height="152" alt=""/>
</td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/blog.jpg" width="152" height="152" border="0" alt=""/>
</td>
</tr>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/expert-advice-txt.jpg" width="152" height="152" alt=""/></td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/little-expert.jpg" width="152" height="152" border="0" alt=""/> </td>
</tr>
<tr>
<td width="200" style="text-align: center; padding: 0;" valign="top">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/meet-experts-txt.jpg" width="152" height="152" alt=""/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" colspan="3" bgcolor="#8861a6"><p style="font-family:Arial, Helvetica, sans-serif; font-size:1px; color:#eaecf7; margin:0px; padding:0px">.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="center" height="250">
<table>
<tr>
<td style="text-align: center;" bgcolor="#0079bf">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/our-customer-promise.jpg" width="553" height="199" alt=""/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<a href="#" title="Read our independant product reviews on feefo"><img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/reviews.jpg" width="600" height="134" border="0" alt=""/></a>
</td>
</tr>
<tr>
<td bgcolor="#e8e7ed" style="padding: 30px 25px;">
<img src="http://jetdesignandmarketing.co.uk/emails/hopeeducation/earlyyears/images/browse-by-category.jpg" width="180" height="19" alt=""/>
<table>
<tr>
<td width="150" style="padding-top: 25px; padding-right: 25px;" valign="top">
<ul style="list-style:none; margin: 0; padding: 0;">
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; color: #363636;">Here To Help</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Delivery Info</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Returns</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">FAQs</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Open an Account</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Apply for a Credit Account</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Track Order</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">International Ordering</span></a></li>
</ul>
</td>
<td width="150" style="padding-top: 25px; padding-right: 25px;" valign="top">
<ul style="list-style:none; margin: 0; padding: 0;">
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; color: #363636;">More Ways To Shop</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">My Account</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">SIMS/FMS Ecat Download</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Digital Catalogues</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">A to Z of Products</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Request a Catalogue</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Fax Order Forms</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Quick Order</span></a></li>
</ul>
</td>
<td width="150" style="padding-top: 25px; padding-right: 15px;" valign="top">
<ul style="list-style:none; margin: 0; padding: 0;">
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; color: #363636;">About Us</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Our Story</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Our Partners</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Customer Comments</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Latest News and Events</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Blog - NEW</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Shop with Confidence</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Get in Touch</span></a></li>
</ul>
</td>
<td width="150" style="padding-top: 25px; padding-right: 15px;" valign="top">
<ul style="list-style:none; margin: 0; padding: 0;">
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; color: #363636;">Essential Information</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Forgotten Password</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Terms &amp; Conditions</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Terms of Use</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Privacy Policy</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Cookie Policy</span></a></li>
<li><a href="#" style="text-decoration: none;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; color: #817f80;">Sitemap</span></a></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: center; padding-top: 10px;"><span style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; color: #817f80;"><a href="#" style="font-family: Source Sans Pro, Arial, Helvetica, sans-serif; font-size: 13px; color: #817f80; text-decoration: underline;">Unsubscribe</a> from this mailing list</span></td>
</tr>
</table>
</td>
<td width="50" bgcolor="#cdcecd"><p style="font-family:Arial, Helvetica, sans-serif; font-size:1px; color:#eaecf7; margin:0px; padding:0px">.</p>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment