Skip to content

Instantly share code, notes, and snippets.

@JeroenVdb

JeroenVdb/mailfriend.html

Created September 16, 2014 09:13
Show Gist options
  • Save JeroenVdb/d130983c74699c5bf664 to your computer and use it in GitHub Desktop.
Save JeroenVdb/d130983c74699c5bf664 to your computer and use it in GitHub Desktop.
Download ZIP
Mail a friend
Raw
mailfriend.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>$contentTitle</title>
<style>
p {
line-height: 20px;
}
</style>
</head>
<body bgcolor="#f4f6f0" style="font-family: 'Emperium-bold', Georgia, Cambria, 'Times New Roman', Times, serif; font-size:14px; color:#000; margin: 0;">
<table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" width="98%" style="margin:0; padding:0; width:100% !important; border-top: 6px solid #2e354e; /*line-height: 100% !important;*/">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" border="0" bordercolor="#00006" width="720">
<tr>
<td style="padding:20px 30px" bgcolor="#FFFFFF">
<a href="${siteUrl}">
<img src="http://beta.www.volkskrant.nl/vk/img/logos/devolkskrant-logo-black-small.png" alt="Mail een vriend logo" style="border:0px #FFFFFF"/>
</a>
</td>
<td width="100%">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" width="98%" style="padding:0; width:100% !important; /*line-height: 100% !important;*/">
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF" border="0" bordercolor="#00006">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" width="720">
<tr>
<td style="padding:20px 30px 0; margin-top: 30px;">
<p>
Beste Jeroen, <br/>
Thomas heeft dit Volkskrant-artikel gelezen en wil het graag met u delen.
</p>
<p>
<i>
Dit is het optionaal bericht.
</i>
</p>
</td>
</tr>
<tr>
<tr>
<td style="padding:20px 30px">
<h1 style="font-size:32px !important; line-height:40px; margin:0 0 5px 0;">
<a href="${contentUrl}" style="color:#000; text-decoration:none !important;">Utopia kan in VS niet op tv-moeder Big Brother</a>
</h1>
</td>
</tr>
<tr>
<td>
<img src="http://static1.volkskrant.nl/static/photo/2014/16/6/0/20140915002108/media_xl_2487990.jpg" width="720" style="display:block;" />
</td>
</tr>
<tr>
<td style="padding:0 30px">
<p style="margin:20px 0">
Bijna twee maanden na de ramp met de MH17 liggen brokstukken, koffers en tassen nog altijd in de velden in Oost-Oekraïne. Ondanks een staakt-het-vuren gaan de beschietingen door.
</p>
</td>
</tr>
<tr>
<td style="padding:10px 30px 30px" valign="middle" align="center">
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#3F97AA;">
<tr>
<td align="center" valign="middle" style="font-size:16px; font-weight:bold; padding-top:10px; padding-right:60px; padding-bottom:10px; padding-left:60px; border-bottom: 2px solid #004040;">
<a href="http://www.mailchimp.com/blog/" target="_blank" style="color:#FFFFFF; text-decoration:none;">lees verder</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#2e354e">
<td style="padding:30px" valign="middle" align="center">
<a href="http://www.volkskrant.nl">
<img src="http://beta.www.volkskrant.nl/vk/img/logos/devolkskrant-logo-white-big.png" alt="Mail een vriend logo" style="border:0px #FFFFFF"/>
</a>
</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