@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>
109 lines (108 loc) • 3.72 kB
HTML
<html
lang="{{ page.language || 'en' }}"
xmlns:v="urn:schemas-microsoft-com:vml"
>
<head>
<meta charset="{{ page.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]-->
<if condition="page.title">
<title>{{{ page.title }}}</title>
</if>
<if condition="page.css">
<style data-embed>
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
</style>
<style>
{{{ page.css }}}
</style>
</if>
<block name="head"></block>
</head>
<body class="{{ page.bodyClass }}">
<if condition="page.preheader">
<div class="hidden">
{{{ page.preheader }}}͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ‌
 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ‌
 ͏ ͏ ͏ ͏ ͏
</div>
</if>
<div
role="article"
aria-roledescription="email"
aria-label="{{{ page.title || '' }}}"
lang="{{ page.language || 'en' }}"
>
<component src="src/components/header.html"></component>
<table class="w-full font-sans">
<tr>
<td align="center" class="bg-gray-100 dark-mode:bg-gray-999">
<table class="w-600 sm:w-full">
<tr>
<td align="center" class="sm:px-24">
<table class="w-full mb-48">
<tr>
<td class="bg-white dark-mode:bg-gray-989 text-gray-800 dark-mode:text-gray-979 text-base text-left p-48 sm:px-24 leading-24">
<block name="template"></block>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<component src="src/components/footer.html"></component>
</div>
</body>
</html>