729 lines
45 KiB
HTML
729 lines
45 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
|
|
xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="x-apple-disable-message-reformatting">
|
|
<title>Welcome to DocQube</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700;800&display=swap"
|
|
rel="stylesheet">
|
|
<!--[if mso]>
|
|
<noscript>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
</noscript>
|
|
<![endif]-->
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100% !important;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
|
background-color: #FFFFFF;
|
|
color: #000000;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
mso-table-lspace: 0pt;
|
|
mso-table-rspace: 0pt;
|
|
}
|
|
|
|
td {
|
|
padding: 0;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
outline: none;
|
|
text-decoration: none;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 789px) {
|
|
.email-main-card {
|
|
width: 100% !important;
|
|
border-radius: 24px !important;
|
|
}
|
|
|
|
.header-section {
|
|
padding: 24px 18px 24px 18px !important;
|
|
border-top-left-radius: 24px !important;
|
|
border-top-right-radius: 24px !important;
|
|
}
|
|
|
|
.content-section {
|
|
padding: 24px 16px 30px 16px !important;
|
|
}
|
|
|
|
.feature-col {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
border-bottom: 1px solid #E7EFFF !important;
|
|
padding: 16px 8px !important;
|
|
}
|
|
|
|
.feature-col:last-child {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.feature-divider {
|
|
display: none !important;
|
|
}
|
|
|
|
.footer-row {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.footer-brand-left,
|
|
.footer-brand-right {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
text-align: center !important;
|
|
margin-bottom: 14px !important;
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="background-color: #FFFFFF; margin: 0; padding: 36px 12px; -webkit-font-smoothing: antialiased;">
|
|
<center style="width: 100%;">
|
|
<table role="presentation" class="email-main-card" width="789" align="center"
|
|
style="max-width: 789px; width: 100%; background-color: #FFFFFF; border-radius: 40px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02); overflow: hidden; margin: 0 auto; border: 1px solid #E2E8F0; border-collapse: separate; border-spacing: 0;">
|
|
|
|
<!-- Header -->
|
|
<tr>
|
|
<td class="header-section" align="center" bgcolor="#F3F6FD"
|
|
style="background-color: #F3F6FD; border-top-left-radius: 40px; border-top-right-radius: 40px; padding: 32px 36px 28px 36px; text-align: center;">
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/LogoDocqube.png" width="125" height="26"
|
|
alt="DocQube"
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; max-width: 100%; height: auto;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="34"
|
|
style="height: 34px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/HeroEnvelope.png" width="270" height="152"
|
|
alt="Welcome to DocQube"
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; max-width: 100%; height: auto;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="15"
|
|
style="height: 15px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<h1
|
|
style="margin: 0; padding: 0; color: #000000; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 600; line-height: 100%; mso-line-height-rule: exactly; letter-spacing: 0;">
|
|
Welcome to DocQube!</h1>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="13"
|
|
style="height: 13px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<p
|
|
style="margin: 0; padding: 0; color: #000000; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 100%; mso-line-height-rule: exactly; letter-spacing: 0;">
|
|
Your organisation account has been successfully created.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Content Section: message box, section title, features, CTA, security, footer -->
|
|
<tr>
|
|
<td class="content-section" style="padding: 36px 40px 31px 40px;">
|
|
|
|
<!-- Message Box -->
|
|
<!-- border-collapse: separate is required: under the global collapse rule a td's
|
|
border-radius rounds its background but not its border, leaving white corner wedges -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
|
style="border-collapse: separate; border-spacing: 0;">
|
|
<tr>
|
|
<td bgcolor="#F6F6FE"
|
|
style="background-color: #F6F6FE; background-image: url('{{ asset_base_url }}/LogoWatermark.png'), linear-gradient(342.55deg, rgba(255, 255, 255, 0.1) 0%, rgba(65, 78, 231, 0.1) 100%); background-repeat: no-repeat, no-repeat; background-position: right bottom, left top; background-size: 92px 83px, 100% 100%; border: 2px solid #ECEDFD; border-radius: 24px; padding: 20px 24px;">
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 20px; mso-line-height-rule: exactly; letter-spacing: 0; color: #4949E6;">
|
|
Hi {{ name | default('there') }},</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="20"
|
|
style="height: 20px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; mso-line-height-rule: exactly; letter-spacing: 0; color: #242844;">
|
|
Your DocQube Workspace is now ready! You can start managing documents,
|
|
inviting your team and exploring powerful features built for yours
|
|
business</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="20"
|
|
style="height: 20px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; mso-line-height-rule: exactly; letter-spacing: 0; color: #242844;">
|
|
Let's get started!</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="20"
|
|
style="height: 20px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; mso-line-height-rule: exactly; letter-spacing: 0; color: #4949E6;">
|
|
— The DocQube Team</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Section Title -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td height="50"
|
|
style="height: 50px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
|
|
<td width="50%" valign="middle" style="vertical-align: middle;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="1" bgcolor="#E7EFFF"
|
|
style="height: 1px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td align="center" valign="middle"
|
|
style="padding: 0 16px; text-align: center; vertical-align: middle; white-space: nowrap; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 100%; mso-line-height-rule: exactly; letter-spacing: 0; color: #000000;">
|
|
Here's What You Can Do!</td>
|
|
|
|
<td width="50%" valign="middle" style="vertical-align: middle;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="1" bgcolor="#E7EFFF"
|
|
style="height: 1px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="34"
|
|
style="height: 34px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<!-- Feature Columns -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td class="feature-col" width="25%" align="center" valign="top"
|
|
style="vertical-align: top; text-align: center;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="9"
|
|
style="height: 9px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/LogoInvite.png" width="59" height="44" alt=""
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; border-radius: 4px; max-width: 100%;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="11"
|
|
style="height: 11px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 18px; mso-line-height-rule: exactly; letter-spacing: 0; color: #171A3A;">
|
|
Invite Team Members</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="7"
|
|
style="height: 7px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<table role="presentation" width="143" align="center" cellpadding="0"
|
|
cellspacing="0" border="0">
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; mso-line-height-rule: exactly; letter-spacing: 0; color: #686D80;">
|
|
Add your team and collaborate seamlessly</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="5"
|
|
style="height: 5px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-divider" width="1" valign="middle"
|
|
style="vertical-align: middle;">
|
|
<table role="presentation" width="1" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td width="1" height="102" bgcolor="#E7EFFF"
|
|
style="width: 1px; height: 102px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-col" width="25%" align="center" valign="top"
|
|
style="vertical-align: top; text-align: center;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="9"
|
|
style="height: 9px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/LogoOrg.png" width="59" height="44" alt=""
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; border-radius: 4px; max-width: 100%;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="11"
|
|
style="height: 11px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 18px; mso-line-height-rule: exactly; letter-spacing: 0; color: #171A3A;">
|
|
Organize Documents</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="7"
|
|
style="height: 7px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<table role="presentation" width="143" align="center" cellpadding="0"
|
|
cellspacing="0" border="0">
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; mso-line-height-rule: exactly; letter-spacing: 0; color: #686D80;">
|
|
Create folders and upload your documents</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="5"
|
|
style="height: 5px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-divider" width="1" valign="middle"
|
|
style="vertical-align: middle;">
|
|
<table role="presentation" width="1" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td width="1" height="102" bgcolor="#E7EFFF"
|
|
style="width: 1px; height: 102px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-col" width="25%" align="center" valign="top"
|
|
style="vertical-align: top; text-align: center;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="9"
|
|
style="height: 9px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/LogoManage.png" width="59" height="44" alt=""
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; border-radius: 4px; max-width: 100%;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="11"
|
|
style="height: 11px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 18px; mso-line-height-rule: exactly; letter-spacing: 0; color: #171A3A;">
|
|
Manage Permissions</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="7"
|
|
style="height: 7px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<table role="presentation" width="143" align="center" cellpadding="0"
|
|
cellspacing="0" border="0">
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; mso-line-height-rule: exactly; letter-spacing: 0; color: #686D80;">
|
|
Control access and keep data secure.</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="5"
|
|
style="height: 5px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-divider" width="1" valign="middle"
|
|
style="vertical-align: middle;">
|
|
<table role="presentation" width="1" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td width="1" height="102" bgcolor="#E7EFFF"
|
|
style="width: 1px; height: 102px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
|
|
<td class="feature-col" width="25%" align="center" valign="top"
|
|
style="vertical-align: top; text-align: center;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="9"
|
|
style="height: 9px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<img src="{{ asset_base_url }}/LogoMonitor.png" width="59" height="44" alt=""
|
|
style="display: block; margin: 0 auto; border: 0; outline: none; text-decoration: none; border-radius: 4px; max-width: 100%;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="11"
|
|
style="height: 11px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 18px; mso-line-height-rule: exactly; letter-spacing: 0; color: #171A3A;">
|
|
Track & Monitor</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="7"
|
|
style="height: 7px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<table role="presentation" width="143" align="center" cellpadding="0"
|
|
cellspacing="0" border="0">
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; mso-line-height-rule: exactly; letter-spacing: 0; color: #686D80;">
|
|
Stay Updated with real-time insights</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="5"
|
|
style="height: 5px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="42"
|
|
style="height: 42px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<!-- CTA -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td align="center" style="text-align: center;">
|
|
<!--[if mso]>
|
|
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ login_url | default('#') }}" style="height:33px;v-text-anchor:middle;width:170px;" arcsize="24%" stroke="f" fillcolor="#4949E6">
|
|
<w:anchorlock/>
|
|
<center style="color:#FFFFFF;font-family:'Albert Sans', Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;">Go to My Workspace</center>
|
|
</v:roundrect>
|
|
<![endif]-->
|
|
<!--[if !mso]><!-- -->
|
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
|
|
<tr>
|
|
<td align="center" bgcolor="#4949E6"
|
|
style="background-color: #4949E6; border-radius: 8px;">
|
|
<a href="{{ login_url | default('#') }}"
|
|
style="display: inline-block; padding: 8px 16px; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 17px; mso-line-height-rule: exactly; letter-spacing: 0; color: #FFFFFF; text-decoration: none; border-radius: 8px;">Go
|
|
to My Workspace</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--<![endif]-->
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<!-- Security Card -->
|
|
<!-- border-collapse: separate is required: under the global collapse rule a td's
|
|
border-radius rounds its background but not its border, leaving white corner wedges -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
|
style="border-collapse: separate; border-spacing: 0;">
|
|
|
|
<tr>
|
|
<td height="41"
|
|
style="height: 41px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td bgcolor="#F2FEF2"
|
|
style="background-color: #F2FEF2; background-image: linear-gradient(342.55deg, rgba(255, 255, 255, 0.14) 0.87%, rgba(65, 231, 65, 0.14) 98.42%); background-repeat: no-repeat; border: 2px solid #E9FCE5; border-radius: 16px;">
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
|
|
<td width="86" valign="middle"
|
|
style="vertical-align: middle; padding: 12px 0 12px 21px;">
|
|
<img src="{{ asset_base_url }}/LogoSecure.png" width="65" height="59"
|
|
alt=""
|
|
style="display: block; border: 0; outline: none; text-decoration: none; max-width: 100%;">
|
|
</td>
|
|
|
|
<td valign="middle" style="vertical-align: middle; padding: 12px 0 12px 17px;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 19px; mso-line-height-rule: exactly; letter-spacing: 0; color: #171A3A;">
|
|
Your account is secure and protected.</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="6"
|
|
style="height: 6px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
style="font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 14px; mso-line-height-rule: exactly; letter-spacing: 0; color: #74798D;">
|
|
if you didn't create this account, please contact support
|
|
immediately</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="30"
|
|
style="height: 30px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<!-- Footer -->
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" width="87%" align="center" style="width: 87.4%;" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="1" bgcolor="#E7EFFF"
|
|
style="height: 1px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="18"
|
|
style="height: 18px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr class="footer-row">
|
|
|
|
<td class="footer-brand-left" align="left" valign="top"
|
|
style="vertical-align: top; text-align: left; padding: 2px 0 0 14px; font-size: 0; line-height: 0;">
|
|
<img src="{{ asset_base_url }}/LogoDocqube.png" width="125"
|
|
height="26" alt="DocQube"
|
|
style="vertical-align: middle; border: 0; outline: none; text-decoration: none; max-width: 100%;">
|
|
</td>
|
|
|
|
<td class="footer-brand-right" align="right" valign="top"
|
|
style="vertical-align: top; text-align: right; padding: 0 32px 0 0; font-size: 0; line-height: 0;">
|
|
<img src="{{ asset_base_url }}/LogoMaskan.png" width="121" height="30"
|
|
alt="Maskan Technologies"
|
|
style="vertical-align: middle; border: 0; outline: none; text-decoration: none; max-width: 100%;">
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="20"
|
|
style="height: 20px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<table role="presentation" width="68%" align="center" style="width: 68.0%;" cellpadding="0" cellspacing="0"
|
|
border="0">
|
|
<tr>
|
|
<td height="1" bgcolor="#E7EFFF"
|
|
style="height: 1px; background-color: #E7EFFF; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="11"
|
|
style="height: 11px; font-size: 0; line-height: 0; mso-line-height-rule: exactly;">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center"
|
|
style="text-align: center; font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 14px; mso-line-height-rule: exactly; letter-spacing: 0; color: #A8ACCD;">
|
|
© {{ year | default('2026') }} DocQube. All rights reserved.<br>
|
|
If you weren't expecting this email, you can safely ignore it.</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
</body>
|
|
</html> |