Files
plane/apps/api/templates/emails/user/user_activation.html
Anmol Singh Bhatia 51e146f8ca [WEB-4488] feat: brand revamp (#7544)
* chore: empty state asset and theme improvement (#7542)

* chore: empty state asset and theme improvement

* chore: upgrade modal improvement and code refactor

* feat: onboarding revamp and theme changes (#7541)

* refactor: consolidate password strength indicator into shared UI package

* chore: remove old password strength meter implementations

* chore: update package dependencies for password strength refactor

* chore: code refactor

* chore: brand logo added

* chore:  terms and conditions refactor

* chore: auth form refactor

* chore: oauth enhancements and refactor

* chore: plane new logos added

* chore: auth input form field added to ui package

* chore: password input component added

* chore: web auth refactor

* chore: update brand colors and remove onboarding-specific styles

* chore: clean up unused assets

* chore: profile menu text overflow

* chore: theme related changes

* chore: logo spinner updated

* chore: onboarding constant and types updated

* chore: theme changes and code refactor

* feat: onboarding flow revamp

* fix:  build error and code refactoring

* chore: code refactor

* fix: build error

* chore: consent option added to onboarding and code refactor

* fix: build fix

* chore: code refactor

* chore: auth screen revamp and code refactor

* chore: onboarding enhancements

* chore: code refactor

* chore: onboarding logic improvement

* chore: code refactor

* fix: onboarding pre release improvements

* chore: color token updated

* chore: color token updated

* chore: auth screen line height and size improvements

* chore: input height updated

* chore: n-progress theme updated

* chore: theme and logo enhancements

* chore: space auth and code refactor

* chore: update new brand empty states (#7543)

* [WEB-4585]chore: branding updates (#7540)

* chore: updated logo, og image, and loaders

* chore: updated branding colors

* chore: tour modal logo

* chore: updated logo spinner size

* chore: updated email templates logos and colors

* chore: code refactor

* fix: removed conditional hook render

* fix: space app loader

---------

Co-authored-by: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com>
Co-authored-by: vamsikrishnamathala <matalav55@gmail.com>
2025-08-06 22:24:47 +05:30

1571 lines
75 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Your Plane account is now active</title>
<style type="text/css" emogrify="no">
#outlook a {
padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
table td {
border-collapse: collapse;
mso-line-height-rule: exactly;
}
.editable.image {
font-size: 0 !important;
line-height: 0 !important;
}
.nl2go_preheader {
display: none !important;
mso-hide: all !important;
mso-line-height-rule: exactly;
visibility: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
img {
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: none;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
th {
font-weight: normal;
text-align: left;
}
*[class="gmail-fix"] {
display: none !important;
}
</style>
<style type="text/css" emogrify="no">
@media (max-width: 600px) {
.gmx-killpill {
content: " \03D1";
}
}
</style>
<style type="text/css" emogrify="no">
@media (max-width: 600px) {
.gmx-killpill {
content: " \03D1";
}
.r0-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
width: 320px !important;
}
.r1-i {
background-color: #ffffff !important;
}
.r2-c {
box-sizing: border-box !important;
text-align: center !important;
valign: top !important;
width: 100% !important;
}
.r3-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
width: 100% !important;
}
.r4-i {
padding-bottom: 20px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 20px !important;
}
.r5-c {
box-sizing: border-box !important;
display: block !important;
valign: top !important;
width: 100% !important;
}
.r6-o {
border-style: solid !important;
width: 100% !important;
}
.r7-i {
padding-left: 0px !important;
padding-right: 0px !important;
}
.r8-c {
box-sizing: border-box !important;
text-align: left !important;
valign: top !important;
width: 100% !important;
}
.r9-o {
border-style: solid !important;
margin: 0 auto 0 0 !important;
width: 100% !important;
}
.r10-i {
padding-bottom: 10px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 10px !important;
}
.r11-c {
box-sizing: border-box !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
text-align: left !important;
valign: top !important;
width: 100% !important;
}
.r12-c {
background-color: #ffffff !important;
box-sizing: border-box !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
text-align: left !important;
valign: top !important;
width: 100% !important;
}
.r13-c {
box-sizing: border-box !important;
padding: 0 !important;
text-align: center !important;
valign: top !important;
width: 100% !important;
}
.r14-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
margin-bottom: 15px !important;
margin-top: 15px !important;
width: 100% !important;
}
.r15-i {
padding: 0 !important;
text-align: center !important;
}
.r16-r {
background-color: #006399 !important;
border-radius: 4px !important;
border-width: 0px !important;
box-sizing: border-box;
height: initial !important;
padding: 0 !important;
padding-bottom: 12px !important;
padding-top: 12px !important;
text-align: center !important;
width: 100% !important;
}
.r17-i {
padding-bottom: 0px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 0px !important;
}
.r18-c {
box-sizing: border-box !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
text-align: center !important;
width: 100% !important;
}
.r19-i {
padding-bottom: 15px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 15px !important;
}
.r20-o {
border-bottom-color: #efefef !important;
border-bottom-width: 2px !important;
border-left-color: #efefef !important;
border-left-width: 2px !important;
border-right-color: #efefef !important;
border-right-width: 2px !important;
border-style: solid !important;
border-top-color: #efefef !important;
border-top-width: 2px !important;
margin: 0 auto 0 0 !important;
width: 100% !important;
}
.r21-i {
padding-bottom: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 5px !important;
text-align: left !important;
}
.r22-i {
padding-bottom: 5px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 5px !important;
}
.r23-c {
box-sizing: border-box !important;
text-align: center !important;
width: 100% !important;
}
.r24-c {
box-sizing: border-box !important;
width: 100% !important;
}
.r25-i {
font-size: 0px !important;
padding-bottom: 10px !important;
padding-left: 65px !important;
padding-right: 65px !important;
padding-top: 10px !important;
}
.r26-c {
box-sizing: border-box !important;
width: 32px !important;
}
.r27-o {
border-style: solid !important;
margin-right: 8px !important;
width: 32px !important;
}
.r28-i {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.r29-o {
border-style: solid !important;
margin-right: 0px !important;
width: 32px !important;
}
.r30-i {
padding-bottom: 0px !important;
padding-top: 5px !important;
text-align: center !important;
}
body {
-webkit-text-size-adjust: none;
}
.nl2go-responsive-hide {
display: none;
}
.nl2go-body-table {
min-width: unset !important;
}
.mobshow {
height: auto !important;
overflow: visible !important;
max-height: unset !important;
visibility: visible !important;
border: none !important;
}
.resp-table {
display: inline-table !important;
}
.magic-resp {
display: table-cell !important;
}
}
</style>
<style type="text/css">
p,
h1,
h2,
h3,
h4,
ol,
ul,
li {
margin: 0;
}
a,
a:link {
color: #006399;
text-decoration: underline;
}
.nl2go-default-textstyle {
color: #3b3f44;
font-family: georgia, serif;
font-size: 16px;
line-height: 1.5;
word-break: break-word;
}
.default-button {
color: #ffffff;
font-family: georgia, serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1.15;
text-decoration: none;
word-break: break-word;
}
.default-heading1 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 36px;
word-break: break-word;
}
.default-heading2 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 32px;
word-break: break-word;
}
.default-heading3 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
word-break: break-word;
}
.default-heading4 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
word-break: break-word;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.no-show-for-you {
border: none;
display: none;
float: none;
font-size: 0;
height: 0;
line-height: 0;
max-height: 0;
mso-hide: all;
overflow: hidden;
table-layout: fixed;
visibility: hidden;
width: 0;
}
</style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
a:link {
color: #006399;
text-decoration: underline;
}
</style>
</head>
<body
bgcolor="#ffffff"
text="#3b3f44"
link="#006399"
yahoo="fix"
style="background-color: #ffffff"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
class="nl2go-body-table"
width="100%"
style="background-color: #ffffff; width: 100%"
>
<tr>
<td>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="600"
align="center"
class="r0-o"
style="table-layout: fixed; width: 600px"
>
<tr>
<td valign="top" class="r1-i" style="background-color: #ffffff">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
class="r4-i"
style="padding-bottom: 20px; padding-top: 20px"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 10px;
padding-right: 10px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td class="r8-c" align="left">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="150"
class="r9-o"
style="
table-layout: fixed;
width: 150px;
"
>
<tr>
<td
style="
font-size: 0px;
line-height: 0px;
"
>
<img
src="https://media.docs.plane.so/logo/new-logo-white.png"
width="150"
border="0"
style="
display: block;
width: 100%;
"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
class="r10-i"
style="padding-bottom: 10px; padding-top: 10px"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 15px;
padding-right: 15px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td
class="r11-c nl2go-default-textstyle"
align="left"
style="
color: #3b3f44;
font-family: georgia, serif;
font-size: 16px;
word-break: break-word;
line-height: 1.5;
padding-bottom: 15px;
padding-top: 15px;
text-align: left;
valign: top;
"
>
<div>
<p style="margin: 0">
<span
style="
font-family: Arial, helvetica,
sans-serif;
font-size: 32px;
"
><strong
>You are back inside Plane
again.</strong
></span
>
</p>
</div>
</td>
</tr>
<tr>
<td
class="r12-c nl2go-default-textstyle"
align="left"
style="
color: #3b3f44;
font-family: georgia, serif;
font-size: 16px;
line-height: 1.5;
word-break: break-word;
background-color: #ffffff;
padding-bottom: 15px;
padding-top: 15px;
text-align: left;
valign: top;
"
>
<div>
<p style="margin: 0">
Your account is reactivated and you
can now access your issues and other
data if the project is still active.
Alternatively, you can create a new
workspace and start adding projects
to it.
</p>
</div>
</td>
</tr>
<tr>
<td
class="r13-c"
align="center"
style="
align: center;
padding-bottom: 15px;
padding-top: 15px;
valign: top;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="285"
class="r14-o"
style="
background-color: #006399;
border-collapse: separate;
border-color: #006399;
border-radius: 4px;
border-style: solid;
border-width: 0px;
table-layout: fixed;
width: 285px;
"
>
<tr>
<td
height="18"
align="center"
valign="top"
class="r15-i nl2go-default-textstyle"
style="
word-break: break-word;
background-color: #006399;
border-radius: 4px;
color: #ffffff;
font-family: georgia, serif;
font-size: 16px;
font-style: normal;
line-height: 1.15;
padding-bottom: 12px;
padding-top: 12px;
text-align: center;
"
>
<a
href="{{ profile_url }}"
class="r16-r default-button"
target="_blank"
data-btn="1"
style="
font-style: normal;
font-weight: normal;
line-height: 1.15;
text-decoration: none;
word-break: break-word;
word-wrap: break-word;
display: block;
-webkit-text-size-adjust: none;
color: #ffffff;
font-family: georgia, serif;
font-size: 16px;
"
>
<span>Go to Plane</span></a
>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td class="r17-i">
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 15px;
padding-right: 15px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td
class="r18-c"
align="center"
style="
padding-bottom: 5px;
padding-top: 5px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
height="1"
style="
border-top-style: solid;
background-clip: border-box;
border-top-color: #efefef;
border-top-width: 1px;
font-size: 1px;
line-height: 1px;
"
>
<tr>
<td
height="0"
style="
font-size: 0px;
line-height: 0px;
"
>
­
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
class="r19-i"
style="padding-bottom: 15px; padding-top: 15px"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 15px;
padding-right: 15px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td class="r8-c" align="left">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r20-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr class="nl2go-responsive-hide">
<td
height="2"
width="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
<td
height="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
<td
height="2"
width="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
</tr>
<tr>
<td
class="nl2go-responsive-hide"
width="2"
style="
font-size: 0px;
line-height: 1px;
background-color: #efefef;
"
>
­
</td>
<td
align="left"
valign="top"
class="r21-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: georgia, serif;
font-size: 16px;
word-break: break-word;
line-height: 1.5;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: left;
"
>
<div>
<p style="margin: 0">
<span style="font-size: 13px"
>Despite our popularity, we
are humbly early-stage. We
are shipping fast, so please
reach out to us with feature
requests, major and minor
nits, and anything else you
find missing. We read every </span
><a
href="https://discord.com/channels/1031547764020084846/1094927053867995176"
title="Plane Support on Discod"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
><span
style="font-size: 13px"
>message</span
></a
><span style="font-size: 13px"
>, </span
><a
href="http://twitter.com/planepowers"
title="@planepowers"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
><span
style="font-size: 13px"
>tweet</span
></a
><span style="font-size: 13px"
>, and </span
><a
href="https://github.com/makeplane/plane/pulls"
title="Plane's GitHub conversations"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
><span
style="font-size: 13px"
>conversation</span
></a
><span
style="font-size: 13px"
>
and update </span
><a
href="https://plane.sh/plane/0b170a1c-0e55-47cb-9307-ea49a05672b5?board=kanban"
title="Plane's roadmap"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
><span
style="font-size: 13px"
>our public roadmap</span
></a
><span style="font-size: 13px"
>.</span
>
</p>
</div>
</td>
<td
class="nl2go-responsive-hide"
width="2"
style="
font-size: 0px;
line-height: 1px;
background-color: #efefef;
"
>
­
</td>
</tr>
<tr class="nl2go-responsive-hide">
<td
height="2"
width="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
<td
height="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
<td
height="2"
width="2"
style="
font-size: 2px;
line-height: 2px;
background-color: #efefef;
"
>
­
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
class="r22-i"
style="padding-bottom: 5px; padding-top: 5px"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 15px;
padding-right: 15px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td class="r23-c" align="center">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="570"
align="center"
class="r3-o"
style="
table-layout: fixed;
width: 570px;
"
>
<tr>
<td valign="top">
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td
class="r24-c"
style="
display: inline-block;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="570"
class="r6-o"
style="
table-layout: fixed;
width: 570px;
"
>
<tr>
<td
class="r25-i"
style="
padding-bottom: 10px;
padding-left: 209px;
padding-right: 209px;
padding-top: 10px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="40"
class="r26-c mobshow resp-table"
style="
font-weight: normal;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r27-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr>
<td
class="r28-i"
style="
font-size: 0px;
line-height: 0px;
padding-bottom: 5px;
padding-top: 5px;
"
>
<a
href="https://github.com/makeplane"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
>
<img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png"
width="32"
border="0"
style="
display: block;
width: 100%;
"
/></a>
</td>
<td
class="nl2go-responsive-hide"
width="8"
style="
font-size: 0px;
line-height: 1px;
"
>
­
</td>
</tr>
</table>
</th>
<th
width="40"
class="r26-c mobshow resp-table"
style="
font-weight: normal;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r27-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr>
<td
class="r28-i"
style="
font-size: 0px;
line-height: 0px;
padding-bottom: 5px;
padding-top: 5px;
"
>
<a
href="https://www.linkedin.com/company/planepowers/"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
>
<img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png"
width="32"
border="0"
style="
display: block;
width: 100%;
"
/></a>
</td>
<td
class="nl2go-responsive-hide"
width="8"
style="
font-size: 0px;
line-height: 1px;
"
>
­
</td>
</tr>
</table>
</th>
<th
width="40"
class="r26-c mobshow resp-table"
style="
font-weight: normal;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r27-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr>
<td
class="r28-i"
style="
font-size: 0px;
line-height: 0px;
padding-bottom: 5px;
padding-top: 5px;
"
>
<a
href="https://twitter.com/planepowers"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
>
<img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png"
width="32"
border="0"
style="
display: block;
width: 100%;
"
/></a>
</td>
<td
class="nl2go-responsive-hide"
width="8"
style="
font-size: 0px;
line-height: 1px;
"
>
­
</td>
</tr>
</table>
</th>
<th
width="32"
class="r26-c mobshow resp-table"
style="
font-weight: normal;
"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r29-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr>
<td
class="r28-i"
style="
font-size: 0px;
line-height: 0px;
padding-bottom: 5px;
padding-top: 5px;
"
>
<a
href="https://plane.so/"
target="_blank"
style="
color: #006399;
text-decoration: underline;
"
>
<img
src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/website_32px.png"
width="32"
border="0"
style="
display: block;
width: 100%;
"
/></a>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
align="center"
class="r3-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
class="r22-i"
style="padding-bottom: 5px; padding-top: 5px"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<th
width="100%"
valign="top"
class="r5-c"
style="font-weight: normal"
>
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r6-o"
style="table-layout: fixed; width: 100%"
>
<tr>
<td
valign="top"
class="r7-i"
style="
padding-left: 15px;
padding-right: 15px;
"
>
<table
width="100%"
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
>
<tr>
<td class="r8-c" align="left">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="100%"
class="r9-o"
style="
table-layout: fixed;
width: 100%;
"
>
<tr>
<td
align="center"
valign="top"
class="r30-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: georgia, serif;
word-break: break-word;
font-size: 18px;
line-height: 1.5;
padding-top: 5px;
text-align: center;
"
>
<div>
<p
style="
margin: 0;
font-size: 14px;
"
>
<span style="font-size: 12px"
>This email was sent to
{{email}}. Please delete if
you aren't the intended
recipient.</span
>
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>