Instantly share code, notes, and snippets.
Last active
December 29, 2015 17:49
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(0)
0
You must be signed in to fork a gist
-
Save nmashton/7706872 to your computer and use it in GitHub Desktop.
The template for the School of Data newsletter.This version includes a fix to eliminate the problem with Sam's version (http://assets.okfn.org/emails/schoolofdata/newsletter.html) where thin white bars would appear below each of the "bubble top" and "bubble bottom" graphics. (It doesn't really get rid of the bars but simply changes their colour …
This file contains 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
<body> | |
<div style= | |
"background-color:#0db1db; padding:35px; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:16px;"> | |
<table width="530" align="center" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td> | |
<table width="100%" cellpadding="0" cellspacing="0" style= | |
"margin-bottom:25px; color:#FFF;"> | |
<tr> | |
<td width="305" height="165" align="left"><img src= | |
"http://assets.okfn.org/p/schoolofdata/img/logo-white.png" width= | |
"175" height="52" alt="School of Data" /></td> | |
<td width="225" height="185" rowspan="2" valign="top"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/newsletter.png" width="225" | |
height="180" alt="Newsletter" /></td> | |
</tr> | |
<tr> | |
<td style="padding-left:35px;">Hello,</td> | |
</tr> | |
<tr> | |
<td colspan="2" style="padding:0 35px;">Intro here.</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<table width="100%" cellpadding="0" cellspacing="0" style= | |
"margin-bottom:15px;"> | |
<tr> | |
<td height="30" bgcolor="#FFFFFF"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-top-white.png" width= | |
"530" height="30" alt="" /></td> | |
</tr> | |
<tr> | |
<td bgcolor="#FFFFFF" style= | |
"padding:0 35px; color:#333333; font-size:14px;"> | |
<h3 style="margin:0 0 5px 0; font-size:18px;">Heading</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit | |
nisl, sagittis in semper quis, tincidunt facilisis turpis. Suspendisse | |
facilisis convallis egestas! Pellentesque fermentum semper augue ac | |
mattis. In purus ipsum, feugiat non vulputate sed, fermentum a tortor. | |
Curabitur at metus metus, quis sollicitudin nisi. Nunc auctor magna ut | |
purus aliquet condimentum. Vestibulum libero mauris, euismod et rutrum | |
id, pretium eu mauris. Nam a tellus id risus luctus fringilla. Sed | |
condimentum dui in augue auctor lacinia. Praesent neque nunc; sodales | |
quis bibendum vel, posuere venenatis libero.</p> | |
</td> | |
</tr> | |
<tr> | |
<td height="50" bgcolor="#0db1db"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-bottom-white.png" width= | |
"530" height="50" alt="" /></td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<table width="100%" cellpadding="0" cellspacing="0" style= | |
"margin-bottom:15px;"> | |
<tr> | |
<td height="30" bgcolor="#E0F5FA"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-top-blue.png" width= | |
"530" height="30" alt="" /></td> | |
</tr> | |
<tr> | |
<td bgcolor="#E0F5FA" style= | |
"padding:0 35px; color:#333333; font-size:14px;"> | |
<h3 style="margin:0 0 5px 0; font-size:18px;">Heading</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit | |
nisl, sagittis in semper quis, tincidunt facilisis turpis. Suspendisse | |
facilisis convallis egestas! Pellentesque fermentum semper augue ac | |
mattis. In purus ipsum, feugiat non vulputate sed, fermentum a tortor. | |
Curabitur at metus metus, quis sollicitudin nisi. Nunc auctor m</p> | |
</td> | |
</tr> | |
<tr> | |
<td height="50" bgcolor="#0db1db"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-bottom-blue.png" width= | |
"530" height="50" alt="" /></td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<table width="100%" cellpadding="0" cellspacing="0" style= | |
"margin-bottom:15px;"> | |
<tr> | |
<td height="30" bgcolor="#FFFFFF"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-top-white.png" width= | |
"530" height="30" alt="" /></td> | |
</tr> | |
<tr> | |
<td bgcolor="#FFFFFF" style= | |
"padding:0 35px; color:#333333; font-size:14px;"> | |
<h3 style="margin:0 0 5px 0; font-size:18px;">Heading</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit | |
nisl, sagittis in semper quis, tincidunt facilisis turpis. Suspendisse | |
facilisis convallis egestas! Pellentesque fermentum semper augue ac | |
mattis. In purus ipsum, feugiat non vulputate sed, fermentum a tortor. | |
Curabitur at metus metus, quis sollicitudin nisi. Nunc auctor m</p> | |
</td> | |
</tr> | |
<tr> | |
<td height="50" bgcolor="#0db1db"><img src= | |
"http://assets.okfn.org/emails/schoolofdata/bubble-bottom-white.png" width= | |
"530" height="50" alt="" /></td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td style="color:#FFF; padding:10px 30px 30px 30px;">Call to action here.</td> | |
</tr> | |
<tr> | |
<td style="font-size:12px; padding:0 30px;"> | |
<unsubscribe>Click here to unsubscribe</unsubscribe> | |
</td> | |
</tr> | |
</table> | |
</div> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment