ente/server/mail-templates/family_invited.html
2024-03-01 13:37:01 +05:30

385 lines
24 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!--<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
body {
width: 600px;
margin: 0 auto;
}
table {
border-collapse: collapse;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
</style>
<![endif]-->
<style type="text/css">
body,
p,
div {
font-family: verdana, geneva, sans-serif;
font-size: 14px;
}
body {
color: #000000;
}
body a {
color: #1188E6;
text-decoration: none;
}
p {
margin: 0;
padding: 0;
}
table.wrapper {
width: 100% !important;
table-layout: fixed;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
padding: 12px;
}
img.max-width {
max-width: 100% !important;
}
.column.of-2 {
width: 50%;
}
.column.of-3 {
width: 33.333%;
}
.column.of-4 {
width: 25%;
}
ul ul ul ul {
list-style-type: disc !important;
}
ol ol {
list-style-type: lower-roman !important;
}
ol ol ol {
list-style-type: lower-latin !important;
}
ol ol ol ol {
list-style-type: decimal !important;
}
@media screen and (max-width: 480px) {
.preheader .rightColumnContent,
.footer .rightColumnContent {
text-align: left !important;
}
.preheader .rightColumnContent div,
.preheader .rightColumnContent span,
.footer .rightColumnContent div,
.footer .rightColumnContent span {
text-align: left !important;
}
.preheader .rightColumnContent,
.preheader .leftColumnContent {
font-size: 80% !important;
padding: 5px 0;
}
table.wrapper-mobile {
width: 100% !important;
table-layout: fixed;
padding: 12px;
}
img.max-width {
height: auto !important;
max-width: 100% !important;
}
a.bulletproof-button {
display: block !important;
width: auto !important;
font-size: 80%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.columns {
width: 100% !important;
}
.column {
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.social-icon-column {
display: inline-block !important;
}
}
</style>
<!--user entered Head Start-->
<!--End Head user entered-->
</head>
<body>
<center class="wrapper" data-link-color="#1188E6"
data-body-style="font-size:14px; font-family:arial,helvetica,sans-serif; color:#000000; background-color:#F3F3F3;">
<div class="webkit">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="wrapper" bgcolor="#F3F3F3">
<tr>
<td valign="top" bgcolor="#F3F3F3" width="100%">
<table width="100%" role="content-container" class="outer" align="center" cellpadding="0"
cellspacing="0" border="0">
<tr>
<td width="100%">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<!--[if mso]>
<center>
<table>
<tr>
<td width="600">
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" border="0"
style="width:100%; max-width:600px;" align="center">
<tr>
<td role="modules-container"
style="padding:0px 0px 0px 0px; color:#000000; text-align:left;"
bgcolor="#F3F3F3" width="100%" align="left">
<table class="wrapper" role="module" data-type="image"
border="0" cellpadding="0" cellspacing="0" width="100%"
style="table-layout: fixed;"
data-muid="abdf35aa-f410-4f26-b2da-f5ccdd1013ce">
<tbody>
<tr>
<td style="font-size:6px; line-height:10px; padding:0px 0px 0px 0px;"
valign="top" align="center">
<img class="max-width" border="0"
style="display:block; color:#000000; text-decoration:none; font-family:Helvetica, arial, sans-serif; font-size:16px;"
width="100" height="100"
alt="Invite to join family"
data-proportionally-constrained="true"
data-responsive="false"
src="cid:header-image">
</td>
</tr>
</tbody>
</table>
<table class="module preheader preheader-hide" role="module"
data-type="preheader" border="0" cellpadding="0"
cellspacing="0" width="100%"
style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">
<tr>
<td role="module-content">
<p></p>
</td>
</tr>
</table>
<table class="module" role="module" data-type="text"
border="0" cellpadding="0" cellspacing="0" width="100%"
style="table-layout: fixed;"
data-muid="54957e21-59e7-463f-aacc-04935cf07867"
data-mc-module-version="2019-10-22">
<tbody>
<tr>
<td style="padding:40px 0px 10px 0px; line-height:22px; font-family: verdana, geneva, sans-serif; color: #252525;"
height="100%" valign="top" bgcolor=""
role="module-content">
<span
style="white-space: pre-wrap; font-family: verdana, geneva, sans-serif; color: #252525;"></span>
Hey!<br /><br />{{.AdminEmailID}} has
invited
you to be a part of their family on
<b>ente!</b><br /> <br />Please
click the button below to upgrade your
storage
space.
<br /> <br />
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0"
class="module" data-role="module-button"
data-type="button" role="module"
style="table-layout:fixed;" width="100%"
data-muid="d516902a-3db3-4962-91a7-7cff38aa188b">
<tbody>
<tr>
<td align="center" bgcolor="" class="outer-td"
style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0"
cellspacing="0" class="wrapper-mobile"
style="text-align:center;">
<tbody>
<tr>
<td align="center"
bgcolor="#37C066"
class="inner-td"
style="border-radius:6px; font-size:16px; text-align:center; background-color:inherit;">
<a href="{{.FamilyInviteLink}}"
style="background-color:#37C066; border:0px solid #333333; border-color:#333333; border-radius:6px; border-width:0px; color:#ffffff; display:inline-block; font-size:18px; font-weight:bold; line-height:normal; padding:12px 40px 12px 40px; text-align:center; text-decoration:none; border-style:solid; font-family:verdana,geneva,sans-serif;"
target="_blank">Accept
Invite</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="module" role="module" data-type="text"
border="0" cellpadding="0" cellspacing="0" width="100%"
style="table-layout: fixed; margin-top: 24px;"
data-muid="0923e69a-c776-488d-a47c-485e33ae9bb7"
data-mc-module-version="2019-10-22">
<tbody>
<tr>
<td style="padding:0px 0px 18px 0px; line-height:22px; text-align:inherit;"
height="100%" valign="top" bgcolor=""
role="module-content">
<div>
<div style="font-family: inherit;">
<span
style=" font-family: verdana, geneva, sans-serif; color: #252525;">If
the button is not clickable,
please paste the following link
into your browser</span>
</div>
<div></div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0"
class="module" data-role="module-button"
data-type="button" role="module"
style="table-layout:fixed;" width="100%"
data-muid="6f4f8ce8-9d24-4ce9-8ada-43892974bb49">
<tbody>
<tr>
<td align="center" bgcolor="" class="outer-td"
style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0"
cellspacing="0" class="wrapper-mobile"
style="text-align:center;">
<tbody>
<tr>
<td align="center"
bgcolor="#DEDEDE"
class="inner-td"
style="border-radius:6px; font-size:16px; text-align:center; background-color:inherit;">
<div style="background-color:#DEDEDE; border:0px solid #333333; border-color:#333333; border-radius:6px; border-width:0px; color:#37C066; display:inline-block; font-weight:normal; letter-spacing:1px; line-height:normal; padding:12px 18px 12px 18px; text-align:center; text-decoration:none; border-style:solid; font-size:14px; font-family:courier, monospace;"
target="_blank">
{{.FamilyInviteLink}}
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="module" role="module" data-type="spacer"
border="0" cellpadding="0" cellspacing="0" width="100%"
style="table-layout: fixed;"
data-muid="c07d4662-5bb6-432d-9752-6f806d586662">
<tbody>
<tr>
<td style="padding:0px 0px 30px 0px;"
role="module-content" bgcolor="">
</td>
</tr>
</tbody>
</table>
<table class="module" role="module" data-type="text"
border="0" cellpadding="0" cellspacing="0" width="100%"
style="table-layout: fixed;"
data-muid="c6842788-6953-4550-8fa2-2442f3350e82"
data-mc-module-version="2019-10-22">
<tbody>
<tr>
<td style="padding:18px 0px 18px 0px; line-height:22px; text-align:inherit;"
height="100%" valign="top" bgcolor=""
role="module-content">
<div>
<div
style="font-family: inherit; text-align: center">
<span
style="font-family: verdana, geneva, sans-serif; font-size: 14px; line-height: 14px; color: #7a7a7a">If
you need support, please respond
to this mail</span>
</div>
<div></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
</center>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>