zeev-mail
Version:
Non official Zeev BPMS component library and CLI bundler for e-mails (Message Events)
128 lines (124 loc) • 4.07 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<title>Playground | Zeev Mail</title>
</head>
<style>
.zeev-mail-link {
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #1787e8;
padding: 10px 14px;
border-radius: 6px;
line-height: 16px;
}
.zeev-mail-link:before {
content: '←';
padding-right: 6px;
top: -1px;
position: relative;
}
.zeev-mail-link:hover {
background-color: #e9eaec;
color: #0d528e;
}
</style>
<body style="margin: 0; padding: 0; display: flex; flex-direction: column; min-height: 100vh; background-color:#f4f4f7">
<div style="margin-top: 24px; margin-bottom: 24px; font-family: Roboto, Arial, Helvetica, sans-serif; text-align: center;">
<h1
style="font-size: 24px; color: #212224; margin-bottom: 0; line-height: 1;"
>🕵️ Email Preview</h1>
<p
style="font-size: 14px; font-weight: 300; color: #8e9196; margin: 10px 0 32px 0;"
>
Verifique em tempo real seu template de e-mail do <strong>Zeev</strong>
</p>
<p style="margin: 12px 0 0 0;">
<a
class="zeev-mail-link"
style="margin-right: 12px;"
href="/"
>Lista de Emails</a>
<span
style="border: 1px solid #edecf0; background-color: #fff; height: 26px; border-radius: 26px; line-height: 26px; padding: 0 12px; font-size: 14px; display: inline-block; color: #1c1c1c;"
><span
style="color: #a8abb2; padding-right: 6px; user-select: none;"
>arquivo</span>hello.html</span>
</p>
</div>
<table
cellpadding="0"
cellspacing="0"
border="0"
align="center"
style="border-collapse:collapse;line-height:100%!important;margin:0;padding:0;width:100%!important;background-color:#f4f4f7"
>
<tbody>
<tr>
<td valign="top" height="20"></td>
</tr>
<tr>
<td valign="top">
<table
cellpadding="0"
cellspacing="0"
border="0"
align="center"
style="border-collapse:collapse;border-radius:3px;color:#545454;font-family:Arial,sans-serif;font-size:13px;line-height:20px;margin:0 auto;width:600px"
>
<tbody>
<tr>
<td valign="top">
<table
cellpadding="0"
cellspacing="0"
border="0"
style="border-collapse:separate;background-color: #fff;border-radius: 5px;border-color:#edecf0;border-width:7px 7px 7px 7px;border-style:solid;width:600px;background-color:White"
>
<tbody>
<tr>
<td
id="mail"
valign="top"
style="border-radius:0 0 3px 3px;color:#545454;font-family:Arial,sans-serif;font-size:13px;line-height:20px;padding:20px 30px 30px"
></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
cellpadding="0"
cellspacing="0"
border="0"
align="center"
style="border-collapse:collapse;width:600px"
>
<tbody>
<tr>
<td
valign="top"
style="color:#b1b1b1;font-family:Arial,sans-serif;font-size:11px;line-height:16px;text-align:center"
align="center"
>
<p style="margin:1em 0">Essa é uma mensagem automática</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" height="20"></td>
</tr>
</tbody>
</table>
</body>
</html>