Created
August 10, 2017 15:00
-
-
Save tribulant/53bedc43e037bab5eb78835d6fd40091 to your computer and use it in GitHub Desktop.
Simply Elegant Newsletter Template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html lang="en"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <title>[newsletters_subject]</title> | |
| <style type="text/css" media="screen"> | |
| body { | |
| background-color: #f5f6f4; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| a img { | |
| border: none; | |
| } | |
| a { | |
| border: none; | |
| } | |
| td.permission { | |
| padding: 30px 0 10px 0; | |
| } | |
| .permission { | |
| font-family: 'Lucida Grande'; | |
| font-size: 10px; | |
| color: #666666; | |
| padding: 4px 0 4px 0; | |
| } | |
| .permission a { | |
| color: #333333; | |
| } | |
| .permission p { | |
| margin: 0 0 4px 0; | |
| } | |
| .header { | |
| background-color: #353535; | |
| } | |
| .header h1 { | |
| font-family: Georgia; | |
| font-size: 32px; | |
| font-weight: normal; | |
| color: #bfbfbf; | |
| display: inline; | |
| text-align: left;} | |
| .date h3 { | |
| font-family: Georgia; | |
| font-size: 14px; | |
| color: #bfbfbf; | |
| font-weight: normal; | |
| text-align: right; | |
| display: inline; | |
| font-style: italic; | |
| } | |
| .body { | |
| background-color: #ffffff; | |
| } | |
| td.sidebar { | |
| padding: 22px 0 0 0; | |
| } | |
| .sidebar h2 { | |
| font-family: Georgia; | |
| font-size: 18px; | |
| font-weight: bold; | |
| color: #808080; | |
| margin: 0 0 6px 4px; | |
| padding: 0; | |
| text-align: left; | |
| } | |
| .sidebar h2.issue { | |
| color: #000000; | |
| margin: 0 0 10px 10px; | |
| } | |
| .sidebar ul { | |
| font-family: Georgia; | |
| font-size: 12px; | |
| color: #2679b9; | |
| margin: 0 0 0 24px; | |
| padding: 0; | |
| text-align: left; | |
| } | |
| .sidebar ul a { | |
| font-family: Georgia; | |
| font-size: 12px; | |
| color: #2679b9; | |
| font-style: italic; | |
| } | |
| .sidebar ul li { | |
| margin: 0 0 10px 0; | |
| } | |
| .sidebar p { | |
| font-family: 'Lucida Grande'; | |
| font-size: 11px; | |
| color: #5f5f5f; | |
| padding: 0; | |
| margin: 0 0 10px 0; | |
| text-align: left; | |
| } | |
| td.sidebg { | |
| background-color: #f1f1f1; | |
| padding: 10px 16px 10px 16px; | |
| } | |
| td.mainbar { | |
| padding: 20px 10px 20px 10px; | |
| width: 580px; | |
| max-width: 580px; | |
| text-align: left; | |
| } | |
| .mainbar img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .mainbar p { | |
| font-family: 'Lucida Grande'; | |
| font-size: 12px; | |
| color: #333333; | |
| margin: 10px 0 20px 0; | |
| text-align: left; | |
| } | |
| .mainbar p.first { | |
| margin-top: 10px; | |
| } | |
| .mainbar h2 { | |
| font-family: 'Lucida Grande'; | |
| font-size: 16px; | |
| color: #000000; | |
| text-transform: uppercase; | |
| margin: 10px 0 16px 0; | |
| } | |
| .mainbar h2 a { | |
| font-family: 'Lucida Grande'; | |
| font-size: 16px; | |
| color: #000000; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| font-style: normal; | |
| } | |
| .mainbar a { | |
| font-family: Georgia; | |
| font-size: 13px; | |
| color: #2679b9; | |
| font-style: italic; | |
| } | |
| .mainbar a.center { | |
| font-size: 12px; | |
| text-align: center; | |
| display: block; | |
| color: #999999; | |
| padding: 8px 0 12px 0; | |
| text-decoration: none; | |
| } | |
| .mainbar img.inline { | |
| border: 1px solid #dedede; | |
| padding: 4px; | |
| } | |
| td.footer { | |
| padding: 0 0 10px 0; | |
| border-top: 2px solid #ededed; | |
| } | |
| .footer p { | |
| color: #a1a1a1; | |
| font-size: 11px; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .footer p.first { | |
| margin: 14px 0 0 0; | |
| } | |
| .footer a { | |
| font-family: 'Lucida Grande'; | |
| font-size: 11px; | |
| color: #2679b9; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| [newsletters_track] | |
| <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#f5f6f4"> | |
| <tr> | |
| <td align="center"> | |
| <table width="600" cellspacing="0" cellpadding="0"> | |
| <tr> | |
| <td align="center" class="permission"> | |
| <p>You're receiving this newsletter because you subscribed to our mailing list.</p> | |
| <p>Not interested anymore? [newsletters_unsubscribe]. <br/>Having trouble viewing this email? [newsletters_online].</p> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="77" align="left" class="header"> | |
| <table width="600" border="0" cellspacing="0" cellpadding="0"> | |
| <tr> | |
| <td><img src="[newsletters_pluginurl]/includes/themes/simplyelegant/images/header.gif" width="600" height="77" alt="ABC Widgets"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center"> | |
| <table width="600" cellspacing="10" cellpadding="0" class="body"> | |
| <tr> | |
| <td align="center" valign="top" class="mainbar"> | |
| <h2>[newsletters_subject]</h2> | |
| [newsletters_main_content] | |
| <a href="#top" class="center">Back to top^</a> | |
| <img src="[newsletters_pluginurl]/includes/themes/simplyelegant/images/hr-large.gif" width="560" height="27" alt="Hr"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align="center"> | |
| <table width="560" border="0" cellspacing="0" cellpadding="0"> | |
| <tr> | |
| <td class="footer" align="left"> | |
| <p class="first">Copyright © <strong>[newsletters_blogname]</strong> [newsletters_date format="%Y"]</p> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment