Skip to content

Instantly share code, notes, and snippets.

@fengliu222
Created July 11, 2018 19:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fengliu222/8e602a60d2331508ca23bf7bcd5bb209 to your computer and use it in GitHub Desktop.
Save fengliu222/8e602a60d2331508ca23bf7bcd5bb209 to your computer and use it in GitHub Desktop.
edm
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>非常感谢您对Hotnode产品的关注与支持。</title>
<style>
/* -------------------------------------
GLOBAL RESETS
------------------------------------- */
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%; }
body {
background-color: #f6f6f6;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%; }
table td {
font-family: sans-serif;
font-size: 14px;
vertical-align: top; }
/* -------------------------------------
BODY & CONTAINER
------------------------------------- */
.body {
background-color: #f6f6f6;
width: 100%; }
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display: block;
Margin: 0 auto !important;
/* makes it centered */
max-width: 100%;
padding: 0;
width: 100%; }
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
box-sizing: border-box;
display: block;
Margin: 0 auto;
max-width: 100%;
padding: 10px; }
/* -------------------------------------
HEADER, FOOTER, MAIN
------------------------------------- */
.main {
background: #ffffff;
border-radius: 3px;
width: 100%; }
.wrapper {
box-sizing: border-box;
padding: 20px; }
.content-block {
padding-bottom: 10px;
padding-top: 10px;
}
.footer {
clear: both;
Margin-top: 10px;
text-align: center;
width: 100%; }
.footer td,
.footer p,
.footer span,
.footer a {
color: #999999;
font-size: 12px;
text-align: center; }
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,
h2,
h3,
h4 {
color: #322b29;
font-family: sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 0;
Margin-bottom: 15px;
margin-top: 25px;
}
h1 {
font-size: 35px;
font-weight: 300;
text-align: center;
text-transform: capitalize; }
p,
ul,
ol {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
list-style: none;
margin: 0;
Margin-bottom: 15px; }
p li,
ul li,
ol li {
list-style-type: none !important;
margin-left: 5px; }
a {
color: #3498db;
text-decoration: underline; }
h2 {
font-size: 20px;
}
p {
line-height: 1.8;
}
li {
list-style-type: none !important;
list-style: none !important;
}
ul {
list-style: none;
padding-left: 0;
}
h4 {
font-weight: bold;
font-size: 18px;
color: #1890FF
}
h5{
font-size: 16px;
line-height: 1;
font-weight: normal;
vertical-align: middle;
margin-bottom: 0;
}
h5 span {
line-height: 1;
}
.list-before {
box-sizing: border-box;
width: 3px;
height: 15px;
display: inline-block;
background: #FF3C00;
margin-right: 15px;
}
.list-item-content {
margin-left: 15px;
font-size: 14px !important;
}
.division {
width: 100%;
height: 1px;
border-bottom: solid 1px rgba(151, 151, 151, 0.1);
margin-top: 25px;
margin-bottom: 25px;
}
.contact .contact-title {
font-weight: bold;
color: #1890FF;
}
.wechat {
color: #FF3C00;
font-weight: bold;
}
.tail {
margin-top: 40px;
}
.tail p{
margin-bottom: 5px;
line-height: 1.2;
font-size: 14px;
}
.subtitle {
display: block;
font-size: 14px;
margin-left: 20px;
color: #a9a9a9;
margin-top: 5px;
}
.title-group{
margin-bottom: 25px;
margin-top: 25px;
}
/* -------------------------------------
BUTTONS
------------------------------------- */
.btn {
box-sizing: border-box;
width: 100%; }
.btn > tbody > tr > td {
padding-bottom: 15px; }
.btn table {
width: auto; }
.btn table td {
background-color: #ffffff;
border-radius: 5px;
text-align: center; }
.btn a {
background-color: #ffffff;
border: solid 1px #3498db;
border-radius: 5px;
box-sizing: border-box;
color: #3498db;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 25px;
text-decoration: none;
text-transform: capitalize; }
.btn-primary table td {
background-color: #3498db; }
.btn-primary a {
background-color: #3498db;
border-color: #3498db;
color: #ffffff; }
/* -------------------------------------
OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */
.last {
margin-bottom: 0; }
.first {
margin-top: 0; }
.align-center {
text-align: center; }
.align-right {
text-align: right; }
.align-left {
text-align: left; }
.clear {
clear: both; }
.mt0 {
margin-top: 0; }
.mb0 {
margin-bottom: 0; }
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0; }
.powered-by a {
text-decoration: none; }
hr {
border: 0;
border-bottom: 1px solid #f6f6f6;
Margin: 20px 0; }
@media (min-width: 751px) {
.content {
width: 580px !important;
max-width: 580px !important;
padding: 10px !important;
}
.main {
width: 580px !important;}
}
@media (max-width: 750px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important; }
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 14px !important; }
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important; }
table[class=body] .content {
padding: 0 !important; }
table[class=body] .container {
padding: 0 !important;
max-width: 100%;
width: 100% !important; }
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important; }
table[class=body] .btn table {
width: 100% !important; }
table[class=body] .btn a {
width: 100% !important; }
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important; }
table[class=body] p.list-item-content {
margin-left: 15px;
font-size: 14px !important;
}
table[class=body] .contact p , table[class=body] .contact a{
margin-left: 15px;
font-size: 14px !important;
}
table[class=body] .tail p {
font-size: 14px !important;
}
}
/* -------------------------------------
PRESERVE THESE STYLES IN THE HEAD
------------------------------------- */
@media all {
.ExternalClass {
width: 100%; }
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%; }
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important; }
.btn-primary table td:hover {
background-color: #34495e !important; }
.btn-primary a:hover {
background-color: #34495e !important;
border-color: #34495e !important; } }
</style>
</head>
<body class="" style="background-color: #f6f6f6;font-family: sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px;line-height: 1.4;margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;background-color: #f6f6f6;">
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">&nbsp;</td>
<td class="container" style="font-family: sans-serif;font-size: 14px;vertical-align: top;display: block;max-width: 100%;padding: 0;width: 100%;margin: 0 auto !important;">
<div class="content" style="box-sizing: border-box;display: block;margin: 0 auto;max-width: 100%;padding: 10px;">
<!-- START CENTERED WHITE CONTAINER -->
<span class="preheader" style="color: transparent;display: none;height: 0;max-height: 0;max-width: 0;opacity: 0;overflow: hidden;mso-hide: all;visibility: hidden;width: 0;">我们非常荣幸的为您介绍我们的产品---Hotnode。</span>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tr>
<td style="text-align: center;font-family: sans-serif;font-size: 14px;vertical-align: top;">
<img style="width: 180px;margin-top: 25px;margin-bottom: 25px;border: none;-ms-interpolation-mode: bicubic;max-width: 100%;" src="https://nodecap-production-file.oss-cn-beijing.aliyuncs.com/edm/logo.png" alt="">
</td>
</tr>
</table>
<table class="main" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;background: #ffffff;border-radius: 3px;">
<!-- START MAIN CONTENT AREA -->
<tr>
<td class="wrapper" style="font-family: sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 20px;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<h2 style="color: #322b29;font-family: sans-serif;font-weight: 400;line-height: 1.4;margin: 0;margin-bottom: 15px;margin-top: 25px;font-size: 20px;">尊敬的 Yang Liu 老板您好,</h2>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">近日,Hotnode团队收到了贵司Spark capital management的登记入驻信息,我们非常感谢您对Hotnode产品的关注与支持。我们非常荣幸的为您介绍我们的产品---Hotnode。</p>
<h4 style="color: #1890FF;font-family: sans-serif;font-weight: bold;line-height: 1.4;margin: 0;margin-bottom: 15px;margin-top: 25px;font-size: 18px;">Hotnode是什么?</h4>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">Hotnode致力于为Token Fund及区块链投资人提供在工作流管理、基金投资、平台交互、项目募投管退等全方面的解决方案,清晰项目管理流程,明确投资收益回报,增强基金合作,打通行业投资全流程。</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">产品呈现形式上将通过Web端、iOS/Android端、微信小助手相互联动,解决不同应用场景下的全方面需求。</p>
<h4 style="color: #1890FF;font-family: sans-serif;font-weight: bold;line-height: 1.4;margin: 0;margin-bottom: 15px;margin-top: 25px;font-size: 18px;">Hotnode功能亮点</h4>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<div class="title-group" style="margin-bottom: 25px;margin-top: 25px;">
<h5 style="font-size: 16px;line-height: 1;font-weight: normal;vertical-align: middle;margin-bottom: 0;"><span class="list-before" style="line-height: 1;box-sizing: border-box;width: 3px;height: 15px;display: inline-block;background: #FF3C00;margin-right: 15px;"></span><span style="line-height: 1;">Dashboard</span></h5>
<div class="subtitle" style="display: block;font-size: 14px;margin-left: 20px;color: #a9a9a9;margin-top: 5px;">各期基金收益统计</div>
</div>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">基⾦收益率的统计是基于投资库已投项⽬的投资情况及Hotnode所连接的交易所的数据,基于交易所中当前币价的波动,投资回报率也会实时获得更新,有助于⽤户实时了解投资情况,及时改变投资决策。</p>
<img src="https://nodecap-production-file.oss-cn-beijing.aliyuncs.com/edm/01.jpg" alt="" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;">
</td>
</tr>
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<div class="title-group" style="margin-bottom: 25px;margin-top: 25px;">
<h5 style="font-size: 16px;line-height: 1;font-weight: normal;vertical-align: middle;margin-bottom: 0;"><span class="list-before" style="line-height: 1;box-sizing: border-box;width: 3px;height: 15px;display: inline-block;background: #FF3C00;margin-right: 15px;"></span><span style="line-height: 1;">项目库/投资库</span></h5>
<div class="subtitle" style="display: block;font-size: 14px;margin-left: 20px;color: #a9a9a9;margin-top: 5px;">收录您的项目资源</div>
</div>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">
项⽬库⽀持项⽬的录⼊、筛选、状态改变、数据存储、详情编辑、关键字搜索等功能,并开通渠道供项⽬⽅⾃⾏填写项⽬信息,项⽬的流程化管理能够让使⽤者很好地了解项⽬的具体详情及进展情况,项⽬资料的分类储存能够让资料获得最⼤化的共享及多次使⽤。
</p>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">
投资库中列明了确定投资意向、待打币、已打币的项⽬,作为Token Fund 确认投资意向的项⽬沉淀,项⽬库的项⽬数据为项⽬详情搜索及收益率统计等提供了数据⽀持。
</p>
<img src="https://nodecap-production-file.oss-cn-beijing.aliyuncs.com/edm/02.jpg" alt="" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;">
</td>
</tr>
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<div class="title-group" style="margin-bottom: 25px;margin-top: 25px;">
<h5 style="font-size: 16px;line-height: 1;font-weight: normal;vertical-align: middle;margin-bottom: 0;"><span class="list-before" style="line-height: 1;box-sizing: border-box;width: 3px;height: 15px;display: inline-block;background: #FF3C00;margin-right: 15px;"></span><span style="line-height: 1;">人脉资源库与角色权限设置</span></h5>
<div class="subtitle" style="display: block;font-size: 14px;margin-left: 20px;color: #a9a9a9;margin-top: 5px;">工作事半功倍</div>
</div>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">⼈脉库的建⽴旨在聚合公司不同成员的⼈脉资源,其他成员可以通过⼈脉库接触到⾃身⼈脉以外的⼈,包括投资⼈、FA、创业服务、媒体、创业者等,可⽤于市场活动、技术咨询、宣传渠道、⾏业联动等。角色权限设置涵盖了Hotnode的权​限系统,管理员能够根据不同⽤户所处岗位及职级的不同⽽开放对应的权限,有效地保护了公司的机密信息。</p>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">⽤户管理内包含了所有⽤户及⻆⾊库,能够作为内部员⼯的数据分享平台及管理员权限控制平台。⽬前,⽤户管理及系统设置仅开放给超级管理员使⽤。所有⽤户⻚右上⻆的“添加”键可⽤于新添⽤户,⻆⾊库的⻆⾊添加可添加不同⻆⾊并开通相应权限。</p>
<img src="https://nodecap-production-file.oss-cn-beijing.aliyuncs.com/edm/03.jpg" alt="" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;">
</td>
</tr>
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<div class="title-group" style="margin-bottom: 25px;margin-top: 25px;">
<h5 style="font-size: 16px;line-height: 1;font-weight: normal;vertical-align: middle;margin-bottom: 0;"><span class="list-before" style="line-height: 1;box-sizing: border-box;width: 3px;height: 15px;display: inline-block;background: #FF3C00;margin-right: 15px;"></span><span style="line-height: 1;">已入驻的顶级投资机构</span></h5>
</div>
<img src="https://nodecap-production-file.oss-cn-beijing.aliyuncs.com/edm/04.jpg" alt="" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;">
</td>
</tr>
<tr>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">
<div class="title-group" style="margin-bottom: 25px;margin-top: 25px;">
<h5 style="font-size: 16px;line-height: 1;font-weight: normal;vertical-align: middle;margin-bottom: 0;"><span class="list-before" style="line-height: 1;box-sizing: border-box;width: 3px;height: 15px;display: inline-block;background: #FF3C00;margin-right: 15px;"></span><span style="line-height: 1;">关于数据安全</span></h5>
</div>
<p class="list-item-content" style="font-family: sans-serif;font-size: 14px !important;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;margin-left: 15px;">
数据隐私性和安全性是Hotnode用户最核心关键的要素,是我们的立足之本。技术层面我们会通过加密传输、加密存储来保证数据安全;法律层面,我们也会用数据安全保密协议的方式约束下来,同时寻找第三方安全机构对代码进行审计。私有化部署和隐私计算也在计划中。
</p>
</td>
</tr>
</table>
<div class="contact">
<div class="division" style="width: 100%;height: 1px;border-bottom: solid 1px rgba(151, 151, 151, 0.1);margin-top: 25px;margin-bottom: 25px;"></div>
<p class="contact-title" style="font-family: sans-serif;font-size: 14px;font-weight: bold;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;color: #1890FF;">
您可以通过以下渠道获取Hotnode:
</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">
Web端访问地址:<a href="http://www.hotnode.io" style="color: #3498db;text-decoration: underline;">http://www.hotnode.io</a>
</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">
iOS下载:<a href="https://fir.im/hotnode" style="color: #3498db;text-decoration: underline;">https://fir.im/hotnode</a>
</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">
Android下载:<a href="https://fir.im/hotnodeAndroid" style="color: #3498db;text-decoration: underline;">https://fir.im/hotnodeAndroid</a>
</p>
<div class="division" style="width: 100%;height: 1px;border-bottom: solid 1px rgba(151, 151, 151, 0.1);margin-top: 25px;margin-bottom: 25px;"></div>
</div>
<div class="info">
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 15px;line-height: 1.8;">
您可以添加我们<span class="wechat" style="color: #FF3C00;font-weight: bold;">商务总监的微信sophia18</span>,或烦请您通过回复邮件为我们提供您的微信号,后续我们会有专属客户经理与您联系,为您开设账号,并组建您的专属客户服务微信群,您有任何产品使用中的问题,都会有Hotnode的产品技术小伙伴会随时为您随时解决,我们也十分期待您对Hotnode提出宝贵建议,帮助我们完善我们的产品。
</p>
</div>
<div class="tail" style="margin-top: 40px;">
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 5px;line-height: 1.2;">Hotnode产品技术部</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 5px;line-height: 1.2;">产品经理 祁溯尧</p>
<p style="font-family: sans-serif;font-size: 14px;font-weight: normal;list-style: none;margin: 0;margin-bottom: 5px;line-height: 1.2;">电话:15652600454</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</table>
<!-- START FOOTER -->
<div class="footer" style="clear: both;margin-top: 10px;text-align: center;width: 100%;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tr>
<td class="content-block" style="font-family: sans-serif;font-size: 12px;vertical-align: top;padding-bottom: 10px;padding-top: 10px;color: #999999;text-align: center;">
<span class="apple-link" style="color: #999999;font-size: 12px;text-align: center;">Hotnode 团队</span>
</td>
</tr>
</table>
</div>
<!-- END FOOTER -->
<!-- END CENTERED WHITE CONTAINER -->
</div>
</td>
<td style="font-family: sans-serif;font-size: 14px;vertical-align: top;">&nbsp;</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment