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.
63 lines
2.3 KiB
63 lines
2.3 KiB
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
|
|
<meta name="x-apple-disable-message-reformatting">
|
||
|
|
<title></title>
|
||
|
|
<!--[if mso]>
|
||
|
|
<noscript>
|
||
|
|
<xml>
|
||
|
|
<o:OfficeDocumentSettings>
|
||
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||
|
|
</o:OfficeDocumentSettings>
|
||
|
|
</xml>
|
||
|
|
</noscript>
|
||
|
|
<![endif]-->
|
||
|
|
<style>
|
||
|
|
table, td, div, h1, p {font-family: Arial, sans-serif;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body style="margin:0;padding:0;">
|
||
|
|
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;margin-top: 10px;">
|
||
|
|
<tr>
|
||
|
|
<td align="center" style="padding:0;">
|
||
|
|
<table role="presentation" style="width:602px;border-collapse:collapse;border:1px solid #cccccc;border-spacing:0;text-align:left;">
|
||
|
|
<tr>
|
||
|
|
<td align="center" style="padding:10px 0 10px 0;background: #5e95f4;background: linear-gradient(135deg, #5e95f4 0%,#4581f1 50%,#2768f3 51%,#1641dc 100%);">
|
||
|
|
<span style="font-size: 48px;color:#ffffff">${title}</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="padding:36px 30px 42px 30px;">
|
||
|
|
${body}
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="padding:30px;background: #6f6f6f;background: linear-gradient(to bottom, #6f6f6f 0%,#707070 53%,#474747 100%);">
|
||
|
|
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family:Arial,sans-serif;">
|
||
|
|
<tr>
|
||
|
|
<td style="padding:0;width:50%;" align="left">
|
||
|
|
<p style="margin:0;font-size:14px;line-height:16px;font-family:Arial,sans-serif;color:#ffffff;">
|
||
|
|
${company}<br/><a href="http://www.example.com" style="color:#ffffff;text-decoration:underline;">Unsubscribe</a>
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
<td style="padding:0;width:50%;" align="right">
|
||
|
|
<table role="presentation" style="border-collapse:collapse;border:0;border-spacing:0;">
|
||
|
|
<tr>
|
||
|
|
<td style="padding:0 0 0 10px;width:38px;">
|
||
|
|
<a href="https://twitter.com/inque_n" style="color:#ffffff;"><img src="https://assets.codepen.io/210284/tw_1.png" alt="Twitter" width="38" style="height:auto;display:block;border:0;" /></a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|