studiocms
Version:
Astro Native CMS for AstroDB. Built from the ground up by the Astro community.
52 lines (50 loc) • 1.81 kB
text/typescript
const verifyEmail = (link: string | URL) => `
<html>
<body>
<div
style='background-color:#F2F5F7;color:#242424;font-family:"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'
>
<table
align="center"
width="100%"
style="margin:0 auto;max-width:600px;background-color:#FFFFFF"
role="presentation"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr style="width:100%">
<td>
<h3
style="font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px"
>
Verify your Email
</h3>
<div
style="color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px"
>
Click the button below, or copy-paste the link to verify your
email!
</div>
<div style="text-align:left;padding:12px 24px 32px 24px">
<a
href="${link}"
style="color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none"
target="_blank"
><span>Verify Email</span></a
>
</div>
<div
style="font-size:12px;font-weight:normal;padding:16px 24px 16px 24px"
>
Link: ${link}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>`;
export default verifyEmail;