hts/apps/migrant/public/welcome_email_cn.html

909 lines
27 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;">开启未来之门 — 欢迎加入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>尊贵的 [%s],</p>
<p>我们在JellyAI对您的加入表示热烈欢迎通过您的订阅您已站在AI创新和区块链金融的最前沿。每一篇新闻、每项研究成果每一个技术突破包括深度学习与生物识别技术、以及区块链金融产品的最新应用都将及时送达您的邮箱。
</p>
<p>在期待我们精心准备的第一份简报的同时,请您先行一览我们的精选文章:</p>
<ul
style="font: 14px/128% Arial, Helvetica, sans-serif; color: #535d68;">
<li>iSDK意图交互云平台重塑应用程序的互动未来</li>
<li>深度学习驱动的生物识别:开启安全技术的新纪元</li>
<li>AI媒体革命内容创造的新篇章</li>
<li>区块链实战:金融领域的技术演进</li>
<li>跨界合作的AI产学研一体化模型应用的融合路径</li>
</ul>
<p>我们的播客系列也同样不容错过,覆盖从技术革新到文化动向,从金融策略到生活方式的全域视角:</p>
<ul
style="font: 14px/128% Arial, Helvetica, sans-serif; color: #535d68;">
<li>创新者对话追踪JellyAI的AI进程</li>
<li>区块链视界:塑造金融技术未来的洞见</li>
<li>技术脉络深究AI在多领域的生活影响</li>
</ul>
<p>让我们共同参与和见证技术革命通过下方社交平台关注JellyAI融入这场永不止步的探索</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>我们对您的关注表示衷心感谢,并期待与您共同建构更加辉煌的未来!</p>
<hr/>
<p style="font-size: 14px;" >JellyAI团队 敬上</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>
</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">取消订阅</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>