@mailpace/templates
Version:
<div align="center"> <p><a href="https://mailpace.com" target="_blank"><img src="https://docs.mailpace.com/img/logo.png" width="200" alt="MailPace"></a></p> <p>A set of gorgeous Transactional HTML Email Templates built on TailwindCSS</p> <div>
158 lines (157 loc) • 6.71 kB
HTML
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta charset="utf-8">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings
xmlns:o="urn:schemas-microsoft-com:office:office"
>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<style>
td,
th,
div,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Segoe UI", sans-serif;
mso-line-height-rule: exactly;
}
</style>
<![endif]-->
<title>Sorry to see you go</title>
<style>:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}</style>
<style>
.hover-underline:hover {
text-decoration: underline ;
}
@media (max-width: 600px) {
.sm-w-full {
width: 100% ;
}
.sm-py-32 {
padding-top: 32px ;
padding-bottom: 32px ;
}
.sm-px-24 {
padding-left: 24px ;
padding-right: 24px ;
}
.sm-leading-32 {
line-height: 32px ;
}
}
@media (prefers-color-scheme: dark) {
.dark-mode-bg-gray-999 {
background-color: #1b1c1e ;
}
.dark-mode-bg-gray-989 {
background-color: #2d2d2d ;
}
.dark-mode-text-gray-979 {
color: #a9a9a9 ;
}
.dark-mode-text-white {
color: #ffffff ;
}
}
</style>
</head>
<body class="dark-mode-bg-gray-999" style="margin: 0; width: 100%; padding: 0; word-break: break-word; -webkit-font-smoothing: antialiased; background-color: #f3f4f6;">
<div style="display: none;">
Your account has been deleted͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ‌
 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ‌
 ͏ ͏ ͏ ͏ ͏
</div>
<div role="article" aria-roledescription="email" aria-label="Sorry to see you go" lang="en">
<table class="sm-w-full" align="center" style="width: 600px;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="sm-py-32 sm-px-24" style="padding: 48px; text-align: center;">
<a href="https://mailpace.com">
<img src="https://docs.mailpace.com/img/logo.png" width="75" alt="Your Logo" style="max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;">
</a>
</td>
</tr>
</table>
<table style="width: 100%; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center" class="dark-mode-bg-gray-999" style="background-color: #f3f4f6;">
<table class="sm-w-full" style="width: 600px;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center" class="sm-px-24">
<table style="margin-bottom: 48px; width: 100%;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="dark-mode-bg-gray-989 dark-mode-text-gray-979 sm-px-24" style="background-color: #ffffff; padding: 48px; text-align: left; font-size: 16px; line-height: 24px; color: #1f2937;">
<p class="sm-leading-32 dark-mode-text-white" style="margin: 0; margin-bottom: 36px; font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 24px; font-weight: 600; color: #000000;">
Sorry you had to leave us.
</p>
<p style="margin: 0; margin-bottom: 24px;">
Your account has been deleted, you will not receive any more emails from us.
</p>
<table style="width: 100%;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="padding-top: 32px; padding-bottom: 32px;">
<hr style="border-bottom-width: 0px; border-color: #f3f4f6;">
</td>
</tr>
</table>
<p style="margin: 0; margin-bottom: 16px; color: #6b7280;">
Was this a mistake? Email us back and we'll reinstate your account.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="width: 100%; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="padding-left: 24px; padding-right: 24px; text-align: center; font-size: 12px; color: #4b5563;">
<p style="margin: 0; margin-bottom: 4px; text-transform: uppercase;">Powered by
<a href="https://mailpace.com/" class="hover-underline" style="color: #3b82f6; text-decoration: none;">mailpace</a>
</p>
<p style="margin: 0; font-style: italic;">An ethical transactional email provider</p>
<p style="cursor: default;">
<a href="https://docs.mailpace.com/" class="hover-underline" style="color: #3b82f6; text-decoration: none;">Docs</a> •
<a href="https://github.com/mailpace" class="hover-underline" style="color: #3b82f6; text-decoration: none;">Github</a> •
<a href="https://twitter.com/mailpace" class="hover-underline" style="color: #3b82f6; text-decoration: none;">Twitter</a>
</p>
</td>
</tr>
</table>
</div>
</body>
</html>