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.
62 lines
2.6 KiB
62 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>
|