email.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- General styles, not used by all email clients -->
  5. <style type="text/css" media="all">
  6. a {
  7. text-decoration: none;
  8. color: #0088cc;
  9. }
  10. hr {
  11. border-top: 1px solid #999;
  12. }
  13. </style>
  14. </head>
  15. <!-- KEEP THE LAYOUT SIMPLE: THOSE ARE SERVICE MESSAGES. -->
  16. <body style="margin: 0; padding: 0;">
  17. <!-- Top title with dark background -->
  18. <table style="background-color: #444; width: 100%;" cellspacing="0" cellpadding="0">
  19. <tr>
  20. <td style="padding: 20px; text-align: center; font-family: sans-serif; color: #fff; font-size: 28px">
  21. {blog_title}
  22. </td>
  23. </tr>
  24. </table>
  25. <!-- Main table 100% wide with background color #eee -->
  26. <table style="background-color: #eee; width: 100%;">
  27. <tr>
  28. <td align="center" style="padding: 15px;">
  29. <!-- Content table with backgdound color #fff, width 500px -->
  30. <table style="background-color: #fff; max-width: 600px; width: 100%; border: 1px solid #ddd;">
  31. <tr>
  32. <td style="padding: 15px; color: #333; font-size: 16px; font-family: sans-serif">
  33. <!-- The "message" tag below is replaced with one of confirmation, welcome or goodbye messages -->
  34. <!-- Messages content can be configured on Newsletter List Building panels -->
  35. {message}
  36. <hr>
  37. <!-- Signature if not already added to single messages (surround with <p>) -->
  38. <p>
  39. <small>
  40. <a href="{blog_url}">{blog_url}</a><br>
  41. {company_name}<br>
  42. {company_address}
  43. </small>
  44. </p>
  45. </td>
  46. </tr>
  47. </table>
  48. </td>
  49. </tr>
  50. </table>
  51. </body>
  52. </html>