4
<title>{{ projectName }} Email Service</title>
6
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7
<meta name="viewport" content="width=device-width, initial-scale=1" />
8
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
10
<style type="text/css" id="hs-inline-css">
13
/* CLIENT-SPECIFIC STYLES */
15
-webkit-text-size-adjust: 100%;
16
-ms-text-size-adjust: 100%;
17
-webkit-font-smoothing: antialiased;
21
mso-table-lspace: 0pt;
22
mso-table-rspace: 0pt;
25
-ms-interpolation-mode: bicubic;
36
text-decoration: none;
39
border-collapse: collapse !important;
42
height: 100% !important;
44
padding: 0 !important;
45
width: 100% !important;
49
a[x-apple-data-detectors] {
50
color: inherit !important;
51
text-decoration: none !important;
52
font-size: inherit !important;
53
font-family: inherit !important;
54
font-weight: inherit !important;
55
line-height: inherit !important;
58
color: {{projectColor}};
59
text-decoration: underline;
75
border-top: 1px solid #d3dae4;
82
color: inherit !important;
86
@media screen and (max-width: 600px) {
88
width: 100% !important;
89
max-width: 100% !important;
90
height: auto !important;
94
max-width: 100% !important;
98
padding-top: 30px !important;
99
padding-bottom: 30px !important;
104
/* @media (prefers-color-scheme: dark) {
106
background-color: #171717 !important;
109
background-color: #171717 !important;
110
color: #ffffff !important;
113
background-color: #171717 !important;
114
color: #ffffff !important;
118
color: #ffffff !important;
121
color: #ff99dd !important;
124
color: #ffffff !important;
127
color: #e7e5e4 !important;
130
background-color: #ffffff !important;
131
color: #171717 !important;
132
border-color: #171717 !important;
135
border-color: #334155 !important;
139
/* ANDROID CENTER FIX */
140
div[style*="margin: 16px 0;"] {
141
margin: 0 !important;
145
background: #f0f4f9 !important;
146
border-radius: 4px !important;
147
margin: 0 !important;
148
padding: 24px !important;
152
margin: 0 !important;
157
<meta name="generator" content="Directus" />
158
<meta name="x-apple-disable-message-reformatting" />
159
<meta name="robots" content="noindex,follow" />
162
style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; width:100% !important; margin:0 !important; padding:0; !important background-color:#f6f6f6"
165
<!-- HIDDEN PREHEADER TEXT -->
179
189
-webkit-text-size-adjust: 100%;
190
-ms-text-size-adjust: 100%;
191
mso-table-lspace: 0pt;
192
mso-table-rspace: 0pt;
193
border-collapse: collapse !important;
205
-webkit-text-size-adjust: 100%;
206
-ms-text-size-adjust: 100%;
207
mso-table-lspace: 0pt;
208
mso-table-rspace: 0pt;
209
background-size: cover;
210
padding: 30px 15px 0 15px;
211
background-color: #ffffff;
214
<!--[if (gte mso 9)|(IE)]>
215
<table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="600">
217
<td align="center" valign="top" width="600">
227
-webkit-text-size-adjust: 100%;
228
-ms-text-size-adjust: 100%;
229
mso-table-lspace: 0pt;
230
mso-table-rspace: 0pt;
231
border-collapse: collapse !important;
241
-webkit-text-size-adjust: 100%;
242
-ms-text-size-adjust: 100%;
243
mso-table-lspace: 0pt;
244
mso-table-rspace: 0pt;
251
<td align="center" valign="middle">
254
src="{{ projectLogo }}"
255
alt="{{ projectName }} Logo"
260
-ms-interpolation-mode: bicubic;
261
border: 1px solid white;
267
text-decoration: none;
271
background: {{ projectColor }}
286
-webkit-text-size-adjust: 100%;
287
-ms-text-size-adjust: 100%;
288
mso-table-lspace: 0pt;
289
mso-table-rspace: 0pt;
290
font-family: -apple-system, BlinkMacSystemFont,
291
'HelveticaNeue-Light', 'Helvetica Neue Light',
292
'Helvetica Neue', Helvetica, Arial, 'Lucida Grande',
296
letter-spacing: 0.32px;
305
line-height: inherit;
308
{% block content %}{{ html }}{% endblock %}
311
<p style="padding: 20px 0 10px 0">All the best,</p>
312
<table border="0" cellpadding="0" cellspacing="0">
314
<td align="center" valign="middle" style="">
317
src="{{ projectLogo }}"
323
-ms-interpolation-mode: bicubic;
328
text-decoration: none;
333
border: 1px solid #ffffff;
334
background: {{ projectColor }};
341
display: inline-block;
347
The {{ projectName }} Team<br /><span
348
style="color: #737373"
355
<hr style="margin: 40px 0 20px 0" width="100%" />
363
-webkit-text-size-adjust: 100%;
364
-ms-text-size-adjust: 100%;
365
mso-table-lspace: 0pt;
366
mso-table-rspace: 0pt;
368
font-family: Open Sans, Helvetica, Arial, sans-serif;
379
Sent by the team at {{ projectName }}{% if projectUrl != '' %} —
382
-webkit-text-size-adjust: 100%;
383
-ms-text-size-adjust: 100%;
384
text-decoration: underline;
387
href="{{ projectUrl }}"
389
>Manage Your Account</a
391
{% block footer %}{% endblock %}
397
<!--[if (gte mso 9)|(IE)]>