42l Newsletters
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

61 lines
2.6 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' content='text/html' http-equiv='Content-Type'>
<title>{{TITLE}}</title>
<style>
.margin-auto { margin: auto; }
.width-600 { padding: 0 10px; }
@media screen and (min-width: 600px)
{
.width-600 {
width: 600px;
padding: 0;
}
.width-560 { width: 560px; }
.width-540 { width: 540px; }
.max-width-540 { max-width: 540px; }
.max-width-500 { max-width: 500px; }
}
</style>
</head>
<body bgcolor='#fff' style='background-color: #FFFFFF'>
<div style="background-color: #FFFFFF; font-family: 'Noto Sans', sans-serif; color: #333;">
<div class='margin-auto width-600'>
<div class='margin-auto' style='width: 100px'>
<!-- Put your logo there. Embed SVG directly for a better rendering. -->
<!-- Beware: A lot of mail clients blocks remote content. -->
</div>
</div>
<div class='margin-auto width-600'>
<div class='margin-auto width-560' style="font-family: 'Noto Sans', sans-serif; text-align: center">
<div style="font-size: 28px; color: #777; padding: 10px 0px 10px;">
{{TITLE}}
</div>
<div style="font-size: 18px; color: #999; padding: 0px 0px 30px;">
{{SUBTITLE}}
</div>
</div>
</div>
<div class='margin-auto width-600'>
<div class='margin-auto max-width-540' style='border-top: 1px solid #eee; padding: 10px 0;'>
<div class='margin-auto max-width-500' style="text-align: justify; font-family: 'Noto Sans', sans-serif; font-size: 14px; color; #333">
{{HTML_CONTENT}}
</div>
</div>
</div>
<div class='margin-auto'>
<div class='margin-auto max-width-540' style="border-top: 1px solid #eee; text-align: center; padding: 10px 0;">
<div class='margin-auto max-width-500' style="text-align: justify; font-family: 'Noto Sans', sans-serif; font-size: 14px; color; #333">
<p>Unsubscribe: Send an empty email to {{UNSUBSCRIBE}}</p>
</div>
<div style='display: flex; justify-content: space-between; padding: 0 20px; font-size: 12px'>
<p>Contact us: {{REPLY_TO}}</p>
</div>
</div>
</div>
</div>
</body>
</html>