265 lines
7.2 KiB
HTML
265 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Your Plane login code</title>
|
|
|
|
<style>
|
|
/* Basic resets for email clients */
|
|
body,
|
|
table,
|
|
td,
|
|
p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
line-height: 100%;
|
|
text-decoration: none;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/* Mobile adjustments */
|
|
@media only screen and (max-width: 600px) {
|
|
.email-container {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.email-content {
|
|
padding: 24px 20px !important;
|
|
}
|
|
|
|
.email-footer {
|
|
padding: 0 20px 16px 20px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body
|
|
bgcolor="#f9f9f9"
|
|
style="
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
sans-serif;
|
|
font-weight: 400;
|
|
color: #474747;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-size-adjust: none;
|
|
background-color: #f9f9f9;
|
|
"
|
|
>
|
|
<!-- Preheader (hidden) -->
|
|
<span
|
|
class="preheader"
|
|
style="
|
|
display: none;
|
|
font-size: 1px;
|
|
color: transparent;
|
|
line-height: 1px;
|
|
max-height: 0;
|
|
max-width: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
mso-hide: all;
|
|
visibility: hidden;
|
|
"
|
|
>
|
|
Your Plane login code {{code}} is valid for 10 minutes.
|
|
</span>
|
|
|
|
<!-- Outer Wrapper -->
|
|
<center
|
|
class="email-body"
|
|
style="width: 100%; background-color: #f9f9f9; padding: 40px 0;"
|
|
>
|
|
<!-- HEADER -->
|
|
<table role="presentation" width="100%">
|
|
<tr>
|
|
<td></td>
|
|
|
|
<td
|
|
class="email-container"
|
|
width="620"
|
|
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
|
>
|
|
<table
|
|
role="presentation"
|
|
width="100%"
|
|
style="background-color: #000000;"
|
|
>
|
|
<tr>
|
|
<td style="padding: 24px 40px; text-align: center;">
|
|
<img
|
|
src="https://media.docs.plane.so/logo/new-logo-dark.png"
|
|
width="120"
|
|
alt="Plane"
|
|
style="height: auto; display: block; margin: 0 auto;"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- BODY (card under header) -->
|
|
<table role="presentation" width="100%">
|
|
<tr>
|
|
<td></td>
|
|
|
|
<td
|
|
class="email-container"
|
|
width="620"
|
|
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
|
>
|
|
<table
|
|
role="presentation"
|
|
width="100%"
|
|
class="email-content"
|
|
style="background-color: #ffffff; padding: 32px 40px 32px 40px;"
|
|
>
|
|
<tr>
|
|
<td
|
|
style="
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: #474747;
|
|
padding: 24px;
|
|
"
|
|
>
|
|
<!-- ========================================= -->
|
|
<!-- PLANE LOGIN CODE EMAIL -->
|
|
<!-- ========================================= -->
|
|
|
|
<!-- Heading -->
|
|
<h1
|
|
style="
|
|
margin: 0 0 12px;
|
|
font-size: 22px;
|
|
line-height: 1.35;
|
|
font-weight: 600;
|
|
color: #111111;
|
|
"
|
|
>
|
|
Your login code for Plane
|
|
</h1>
|
|
|
|
<!-- Code chip -->
|
|
<p style="margin: 12px 0 24px;">
|
|
<span
|
|
style="
|
|
display: inline-block;
|
|
padding: 8px 14px;
|
|
background-color: #e4e5e7;
|
|
border-radius: 6px;
|
|
font-family: 'SF Mono', Menlo, Monaco, Consolas,
|
|
'Liberation Mono', 'Courier New', monospace;
|
|
font-size: 15px;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
color: #111111;
|
|
"
|
|
>
|
|
{{code}}
|
|
</span>
|
|
</p>
|
|
|
|
<!-- Main info -->
|
|
<p
|
|
style="
|
|
margin: 0;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
color: #5f5e5e;
|
|
"
|
|
>
|
|
This code is valid for the next 10 minutes. Enter it on the
|
|
sign-in page to complete your login.
|
|
</p>
|
|
|
|
<!-- Secondary info -->
|
|
<p
|
|
style="
|
|
margin: 16px 0 0;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
color: #5f5e5e;
|
|
"
|
|
>
|
|
Note: This email was sent to
|
|
<span
|
|
style="
|
|
font-family: 'Courier New', Courier, monospace;
|
|
font-size: 12px;
|
|
background-color: #f3f3f3;
|
|
padding: 2px 4px;
|
|
border-radius: 3px;
|
|
border: 1px solid #e9e9e9;
|
|
"
|
|
>{{email}}</span
|
|
>. If you were not expecting a sign-in code, you can safely
|
|
ignore this message.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- FOOTER (simple, aligned with body) -->
|
|
<table role="presentation" width="100%">
|
|
<tr>
|
|
<td></td>
|
|
|
|
<td
|
|
class="email-container"
|
|
width="620"
|
|
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
|
>
|
|
<table
|
|
role="presentation"
|
|
width="100%"
|
|
class="email-footer"
|
|
style="background-color: #ffffff; padding: 0 40px 16px 40px;"
|
|
>
|
|
<tr>
|
|
<td
|
|
style="
|
|
border-top: 1px solid #e9e9e9;
|
|
padding: 24px;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
color: #979797;
|
|
text-align: left;
|
|
"
|
|
>
|
|
<p style="margin: 0;">
|
|
Plane Software, Inc.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
|
|
<base target="_blank" />
|
|
</body>
|
|
</html> |