Skip to content

Instantly share code, notes, and snippets.

@reinier

reinier/82p-nieuwsbrief-template.html

Last active November 14, 2018 12:42
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save reinier/5cbff5ff1d592fa86027e6c23cb5b1b0 to your computer and use it in GitHub Desktop.
Save reinier/5cbff5ff1d592fa86027e6c23cb5b1b0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
82p-nieuwsbrief-template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
body{
font-size:18px;
}
@media only screen and (min-device-width: 541px){
body{
font-size:14px !important;
}
.content{
width:540px !important;
}
}
body,h1,h2,h3,h4,h5,h6,p,a{
color:#0a0a0a;
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
padding:0;
margin:0;
text-align:left;
line-height:1.4;
}
body{
margin:20px;
}
a{
color:#ff0048;
}
h1{
color:#ff0048;
font-weight:bold;
}
h1,h2{
text-align:center;
}
h1{
margin:1em 0 0;
}
h2{
margin:0 0 2em;
}
h3,h4{
margin:1.5em 0 1em;
}
ul{
margin:0 0 3em;
}
ul li{
margin-bottom:1em;
}
p{
margin:0 0 1.5em;
}
p.centered{
margin:0;
}
blockquote{
font-style:italic;
}
figure img{
display:inline-block;
margin:0 auto;
}
figure{
padding:12px 0;
margin:0;
text-align:center;
}
figcaption{
display:block;
}
p.centered{
text-align:center;
}
@media only screen and (max-width: 480px){
figure img,img{
height:auto !important;
max-width:600px !important;
width:100% !important;
}
}</style></head>
<body>
<!--[if (gte mso 9)|(IE)]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="content" align="center" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:540px;">
<tr>
<td width="20">
 
</td>
<td>
<hr>
<p class="centered">
<small><a href="*|ARCHIVE|*" target="_blank">Bekijk deze editie in je browser</a>
</small>
</p>
<hr>
<!-- START CONTENT -->{{content}}
<!-- END CONTENT -->
<h3>Andere zaken</h3>
<ul>
<li>
<a href="https://patreon.com/reinier">Steun de 82% nieuwsbrief via Patreon voor een 100% goed gevoel.</a>
</li>
<li>Bekijk mijn video's op YouTube: <a href="https://www.youtube.com/reinierladan">youtube.com/reinierladan</a>
</li>
<li>Bekijk mijn foto's op Instagram: <a href="https://www.instagram.com/reinierladan/">instagram.com/reinierladan</a>
</li>
<li>Lees mee op Twitter: <a href="https://twitter.com/reinier">twitter.com/reinier</a>
</li>
<li>Professioneel bezig op LinkedIn: <a href="https://www.linkedin.com/in/reinierladan/">linkedin.com/in/reinierladan</a>
</li>
<li>Mail mij op: reinier@ladan.email</li>
<li>Meer op: <a href="http://reinier.io">reinier.io</a>
</li>
</ul>
<h3>Dienstmededelingen</h3>
<ul>
<li>
<a href="http://github.com/reinier/82procent-nieuwsbrieven"><strong>Het volledige 82% nieuwsbriefarchief staat op Github</strong></a>. Stukje service, graag gedaan.</li>
<li>
<strong>Heb je nog een leuke testimonial voor op <a href="http://82procent.nl">de 82% website</a>?</strong> Mail het me! En zet erbij dat ik het op de website mag gebruiken.</li>
</ul>
<hr><em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
<br>*|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*<br>
<br><strong>Our mailing address is:</strong>
<br>*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*<br>
<br><a href="*|UPDATE_PROFILE|*">Pas je voorkeuren aan</a> of <a href="*|UNSUB|*">schrijf je uit</a>. <br>
<br>*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
</td>
<td width="20">
 
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment