hts/apps/migrant/public/welcome_email.html

930 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. 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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Marketo Variable Definitions -->
<!-- Background variables -->
<!-- Separator height variables -->
<!-- Other Meta Tags -->
<meta content="telephone=no" name="format-detection">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
a {
outline: none;
text-decoration: underline;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
text-decoration: none;
}
a:hover,
a:focus {
opacity: 0.8;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
a img {
border: none;
}
.long-word-td {
word-break: break-all;
overflow-wrap: break-word;
line-break: anywhere;
word-break: inherit !important;
}
.long-word a {
line-break: anywhere;
word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
}
.button {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
word-break: break-all;
}
.button:hover {
opacity: 0.8;
}
table td {
mso-line-height-rule: exactly;
}
.ExternalClass,
.ExternalClass a,
.ExternalClass span,
.ExternalClass b,
.ExternalClass br,
.ExternalClass p,
.ExternalClass div {
line-height: inherit;
}
.address,
.date {
color: #35353a !important;
background: none !important;
text-decoration: none !important;
}
.address span,
.address *,
.date span,
.date * {
color: #35353a !important;
text-decoration: none !important;
border: none !important;
background: none !important;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
padding-left: 23px;
margin-top: 0;
padding-top: 13px;
padding-bottom: 0;
}
ul {
list-style-type: disc;
}
ul li,
ol li {
margin-bottom: 6px;
}
p {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
p+p {
margin-top: 10px !important;
}
img+div {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.hide-everywhere {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
/* Styling for screen size 639 and less */
@media only screen and (max-width:639px) {
.py-md-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.px-md-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-md-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.pl-md-30 {
padding-left: 30px !important;
}
.pr-md-30 {
padding-right: 30px !important;
}
}
/* Styling for screen size 599 and less */
@media only screen and (max-width:599px) {
.flexible {
width: 100% !important;
}
.table-center {
float: none !important;
margin: 0 auto !important;
}
.table-left {
float: none !important;
margin: 0 auto 0 0 !important;
}
.hide {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.db {
display: block !important;
}
.image-m {
display: table-cell !important;
}
.image-m img {
display: block !important;
width: 100% !important;
height: auto !important;
font: 10px/13px Arial, Helvetica, Verdana, Helvetica, sans-serif;
}
.img-flex img {
width: 100% !important;
height: auto !important;
}
.img-flex {
width: 100% !important;
height: auto !important;
}
.aligncenter {
text-align: center !important;
}
.alignleft {
text-align: left !important;
}
.table-holder {
display: table !important;
width: 100% !important;
}
.tcap {
display: table-caption !important;
width: 100% !important;
}
.thead {
display: table-header-group !important;
width: 100% !important;
}
.trow {
display: table-row !important;
width: 100% !important;
}
.tfoot {
display: table-footer-group !important;
width: 100% !important;
}
.flex {
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
}
/* Custom */
.pl-0 {
padding-left: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.px-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.h-10 {
height: 10px !important;
}
.h-25 {
height: 25px !important;
}
.h-30 {
height: 30px !important;
}
.pt-15 {
padding-top: 15px !important;
}
.px-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pt-2 {
padding-top: 2px !important;
}
.pt-4 {
padding-top: 4px !important;
}
.pb-5 {
padding-bottom: 5px !important;
}
.pb-7 {
padding-bottom: 7px !important;
}
.pb-12 {
padding-bottom: 12px !important;
}
.pb-13 {
padding-bottom: 13px !important;
}
.pb-15 {
padding-bottom: 15px !important;
}
.fz-11 {
font-size: 11px !important;
}
.fz-12 {
font-size: 12px !important;
}
.fz-14 {
font-size: 14px !important;
}
.px-9 {
padding-left: 9px !important;
padding-right: 9px !important;
}
.lh-116 {
line-height: 116% !important;
}
.w-148 {
width: 148px !important;
}
.w-auto {
width: auto !important;
}
}
/* Styling for screen size 499 and less */
@media only screen and (max-width:374px) {
.aligncenter-xs {
text-align: center !important;
}
.flex-xs {
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
}
}
</style>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {
border-collapse: collapse;
border-spacing: 0;
mso-line-height-rule: exactly;
mso-margin-bottom-alt: 0;
mso-margin-top-alt: 0;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
li,
ul,
td,
th {
font-family: Helvetica, Arial, sans-serif !important;
}
p {
margin-bottom: 10px !important;
}
p:last-child {
margin-bottom: 0 !important;
}
.ico-audio { padding-top: 0 !important; }
</style>
<![endif]-->
<style type="text/css">
#arrow[data-v-20b7fd4a],
#arrow[data-v-20b7fd4a]::before {
transition: background 250ms ease-in-out;
position: absolute;
width: calc(10px - var(--popper-theme-border-width, 0px));
height: calc(10px - var(--popper-theme-border-width, 0px));
box-sizing: border-box;
background: var(--popper-theme-background-color);
}
#arrow[data-v-20b7fd4a] {
visibility: hidden;
}
#arrow[data-v-20b7fd4a]::before {
visibility: visible;
content: "";
transform: rotate(45deg);
}
/* Top arrow */
.popper[data-popper-placement^="top"]>#arrow[data-v-20b7fd4a] {
bottom: -5px;
}
.popper[data-popper-placement^="top"]>#arrow[data-v-20b7fd4a]::before {
border-right: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
border-bottom: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
}
/* Bottom arrow */
.popper[data-popper-placement^="bottom"]>#arrow[data-v-20b7fd4a] {
top: -5px;
}
.popper[data-popper-placement^="bottom"]>#arrow[data-v-20b7fd4a]::before {
border-left: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
border-top: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
}
/* Left arrow */
.popper[data-popper-placement^="left"]>#arrow[data-v-20b7fd4a] {
right: -5px;
}
.popper[data-popper-placement^="left"]>#arrow[data-v-20b7fd4a]::before {
border-right: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
border-top: var(--popper-theme-border-width) var(--popper-theme-border-style) var(--popper-theme-border-color);
}
/* Right arrow */
.popper[data-popper-placement^="right"]>#arrow[data-v-20b7fd4a] {
left: -5px;
}
</style>
<style type="text/css">
.inline-block[data-v-5784ed69] {
display: inline-block;
}
.popper[data-v-5784ed69] {
transition: background 250ms ease-in-out;
background: var(--popper-theme-background-color);
padding: var(--popper-theme-padding);
color: var(--popper-theme-text-color);
border-radius: var(--popper-theme-border-radius);
border-width: var(--popper-theme-border-width);
border-style: var(--popper-theme-border-style);
border-color: var(--popper-theme-border-color);
box-shadow: var(--popper-theme-box-shadow);
z-index: var(--c81fc0a4);
}
.popper[data-v-5784ed69]:hover,
.popper:hover>#arrow[data-v-5784ed69]::before {
background: var(--popper-theme-background-color-hover);
}
.inline-block[data-v-5784ed69] {
display: inline-block;
}
.fade-enter-active[data-v-5784ed69],
.fade-leave-active[data-v-5784ed69] {
transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-5784ed69],
.fade-leave-to[data-v-5784ed69] {
opacity: 0;
}
</style>
</head>
<body style="margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;" bgcolor="#f0f0f0">
<style type="text/css">
div#emailPreHeader {
display: none !important;
}
</style>
<div id="emailPreHeader"
style="mso-hide:all; visibility:hidden; opacity:0; color:transparent; mso-line-height-rule:exactly; line-height:0; font-size:0px; overflow:hidden; border-width:0; display:none !important;">
Read now: Why AI will save the world, the importance of building in healthcare, the state of crypto in 2023, and
more. </div>
<table style="min-width:320px;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#f0f0f0">
<tbody>
<tr>
<td style="line-height:0;">
<div style="display:none; white-space:nowrap; font:15px/1px courier;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;
</div>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<center>
<div style="max-width: 700px; margin: auto;">
<!--[if mso]>
<table role="presentation" style="width: 640px;" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<![endif]-->
<table class="flexible" style="max-width: 700px; width: 100%; margin: 0 auto;" cellpadding="0"
cellspacing="0" align="center">
<tbody>
<tr>
<td>
<!-- ||| Header ||| -->
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="py-md-10" style="padding: 20px 10px 7px;">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font: 14px/120% Arial, Helvetica, sans-serif; color: #97999b;"
valign="top">
<div class="mktoText" id="preHeaderLeftContent"></div>
</td>
<td style="width: 15px;" width="15"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ||| Header end ||| -->
</td>
</tr>
<tr>
<td class="mktoContainer" id="mkto-container" bgcolor="#ffffff">
<table class="mktoModule" id="sep49" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 39px;" height="39">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="pageHeader" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-left: 30px; padding-right: 30px;" valign="middle">
<table class="flexible" style="margin-right: auto;" width="100%" cellspacing="0"
cellpadding="0" align="left">
</table>
<table class="hide-everywhere flexible" style="margin-left: auto;" width="30%"
cellspacing="0" cellpadding="0" align="right">
<tbody>
<tr class="hide-everywhere">
<td class="aligncenter pt-15 hide-everywhere"
style="padding: 5px 0 0; text-align: right; font: 14px/136% Arial, Helvetica, sans-serif; color: #97999b;"
valign="middle">
<div class="mktoText hide-everywhere" id="headerRightContent"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="sep50" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 29px;" height="29">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="sep51" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="mainHeading" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-left: 30px; padding-right: 30px;">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td
style="font: 700 30px/120% Arial, Helvetica, sans-serif; color: #ed8b00;"
align="center">
<div class="mktoText" id="headerMainHeading">
<p><span style="color: #ed8b00;">Unlock the Future — Welcome to JellyAI</span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="sep47" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 22px;" height="22">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="txtBlock02" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="px-md-30" style="padding-left: 50px; padding-right: 50px;">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font: 18px/128% Arial, Helvetica, sans-serif; color: #4b4f54;">
<div class="mktoText" id="txtBlock02Content">
<p>Dear [%s],</p>
<p>A warm welcome to JellyAI, where your journey into the frontiers of
AI innovation and blockchain finance begins! Your subscription has
opened the doors to the latest news, groundbreaking research in
artificial intelligence, advancements in deep learning and biometric
technology, and dynamic applications of blockchain in finance.
</p>
<p>While you await our inaugural newsletter, get a sneak peek at some of
our top articles:</p>
<ul
style="font: 14px/128% Arial, Helvetica, sans-serif; color: #535d68;">
<li>iSDK Interactive Cloud Platform: Redefining Future Application
Interactions</li>
<li>Biometric Tech & Deep Learning: The Next Step in Security
Innovation</li>
<li>AI Media Transformation: Crafting the New Chapter of Content
Creation</li>
<li>Blockchain in Action: Navigating Technological Evolution in
Finance</li>
<li>AI Collaboration Across Industries: Integrating Model Applications
in Academia and Research</li>
</ul>
<p>Also, dont miss out on our podcast series that spans a spectrum of
topics from technological innovation to cultural trends, from
financial applications to lifestyle changes:</p>
<ul
style="font: 14px/128% Arial, Helvetica, sans-serif; color: #535d68;">
<li>Conversations with Innovators: The AI Journey of JellyAI</li>
<li>Blockchain Perspectives: Foreseeing the Future of Financial
Technologies</li>
<li>Tech Pulse: Exploring the Impact of AI Across Various Life Spheres
</li>
</ul>
<p>Finally, follow JellyAI on our social platforms to engage in the
ongoing dialogue of technological evolution:</p>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 3477.56 1000"
style="enable-background:new 0 0 3477.56 1000; width: 160px; padding: 30px 10px;" xml:space="preserve">
<style type="text/css">
.st0 {
opacity: 0.24;
}
.st1 {
fill: #2565D5;
}
.st2 {
fill: #36C072;
}
.st3 {
fill: #191919;
}
</style>
<g>
<g>
</g>
</g>
<g class="st0">
</g>
<g>
<polygon class="st1"
points="643.09,378.66 536.6,560.35 701.54,833.7 746.33,907.97 963.7,907.97 " />
<polygon class="st2"
points="500.55,143.33 392.41,321.38 500.58,500.65 608.43,321.43 " />
<polygon class="st1"
points="36.3,907.97 253.67,907.97 422.84,629.82 465.37,559.14 357.45,379.28 " />
</g>
<g>
<polygon class="st1"
points="1616.79,1237.59 1615.18,1240.33 1617.67,1244.46 1618.34,1245.58 1621.62,1245.58 " />
<polygon class="st2"
points="1614.64,1234.04 1613.01,1236.73 1614.64,1239.43 1616.27,1236.73 " />
<polygon class="st1"
points="1607.64,1245.58 1610.92,1245.58 1613.47,1241.38 1614.11,1240.32 1612.48,1237.6 " />
</g>
</svg>
<p>We thank you for your interest and are excited to build the future alongside you!</p>
<hr/>
<p style="font-size: 14px; " >Best regards,</p>
<p style="font-size: 14px;" >The JellyAI Team</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="sep31" width="100%" cellspacing="0" cellpadding="0"
bgcolor="#ffffff">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 40px;" height="40">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerSep01" width="100%" cellspacing="0" cellpadding="0"
bgcolor="#4c4f53">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 32px;" height="32">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerLogoBlock" width="100%" cellspacing="0"
cellpadding="0" bgcolor="#4b4f54">
<tbody>
<tr>
</tr>
<tr>
<td class="fz-14 pb-7 pt-4"
style="font: 16px/143% Arial, Helvetica, sans-serif; color: #a0a3a9; padding-top: 6px; padding-bottom: 8px;"
valign="top" align="center">
<div class="mktoText" id="footerLogoBlockSlogan">
Software Is eating the world
</div>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="socialNetworkingItems" width="100%" cellspacing="0"
cellpadding="0" bgcolor="#4b4f54">
<tbody>
<tr>
<td>
<table style="margin-left: auto; margin-right: auto;" cellspacing="0"
cellpadding="0" align="center">
<tbody>
<tr>
<td style="width: 16px;" width="16"></td>
<td style="width: 16px;" width="16"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerSep02" width="100%" cellspacing="0" cellpadding="0"
bgcolor="#4c4f53">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 37px;" height="37">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerSep03" width="100%" cellspacing="0" cellpadding="0"
bgcolor="#4c4f53">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 25px;" height="25">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerUnsubscribeBlock" width="100%" cellspacing="0"
cellpadding="0" bgcolor="#4b4f54">
<tbody>
<tr>
<td>
<table style="margin-left: auto; margin-right: auto;" cellspacing="0"
cellpadding="0" align="center">
<tbody>
<tr class="table-holder" align="center">
<td class="tfoot">
<table class="table-center w-auto" width="100%" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td class="fz-11"
style="font: 9px/143% Arial, Helvetica, sans-serif; color: #e5e6e5;"
valign="top">
<div class="mktoText" id="footerCopyrights">
<p>©2024 JellyAI. All rights reserved.</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="thead">
<table class="table-center w-auto" width="100%" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td class="fz-11 px-9"
style="font: 9px/143% Arial, Helvetica, sans-serif; color: #e5e6e5; padding: 0 7px;"
valign="top"></td>
<td class="fz-11 pb-5"
style="font: 9px/143% Arial, Helvetica, sans-serif; color: #e5e6e5;"
valign="top">
<div class="mktoText" id="footerUnsubscribe">
<a style="text-decoration: underline; color: #bebbb8;"
href="https://www.jellyai.xyz/subscribe/"
target="_blank">Unsubscribe</a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="footerSep04" width="100%" cellspacing="0" cellpadding="0"
bgcolor="#4c4f53">
<tbody>
<tr>
<td style="font-size: 1px; line-height: 1px; height: 35px;" height="35">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>