Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-23 00:36:50 +08:00
Code Issues Packages Projects Releases Wiki Activity
Mailspring/internal_packages/message-autoload-images/spec/fixtures/marketing-email-out.html

1263 lines
58 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.font-sans-serif {
font-family: sans-serif;
}
.font-avenir {
font-family: Avenir, sans-serif;
}
.mso .wrapper .font-avenir {
font-family: sans-serif !important;
}
.font-lato {
font-family: Lato, Tahoma, sans-serif;
}
.mso .wrapper .font-lato {
font-family: Tahoma, sans-serif !important;
}
.font-cabin {
font-family: Cabin, Avenir, sans-serif;
}
.mso .wrapper .font-cabin {
font-family: sans-serif !important;
}
.font-open-Sans {
font-family: "Open Sans", sans-serif;
}
.mso .wrapper .font-open-Sans {
font-family: sans-serif !important;
}
.font-roboto {
font-family: Roboto, Tahoma, sans-serif;
}
.mso .wrapper .font-roboto {
font-family: Tahoma, sans-serif !important;
}
.font-ubuntu {
font-family: Ubuntu, sans-serif;
}
.mso .wrapper .font-ubuntu {
font-family: sans-serif !important;
}
.font-pt-sans {
font-family: "PT Sans", "Trebuchet MS", sans-serif;
}
.mso .wrapper .font-pt-sans {
font-family: "Trebuchet MS", sans-serif !important;
}
.font-georgia {
font-family: Georgia, serif;
}
.font-merriweather {
font-family: Merriweather, Georgia, serif;
}
.mso .wrapper .font-merriweather {
font-family: Georgia, serif !important;
}
.font-bitter {
font-family: Bitter, Georgia, serif;
}
.mso .wrapper .font-bitter {
font-family: Georgia, serif !important;
}
.font-pt-serif {
font-family: "PT Serif", Georgia, serif;
}
.mso .wrapper .font-pt-serif {
font-family: Georgia, serif !important;
}
.font-pompiere {
font-family: Pompiere, "Trebuchet MS", sans-serif;
}
.mso .wrapper .font-pompiere {
font-family: "Trebuchet MS", sans-serif !important;
}
.font-roboto-slab {
font-family: "Roboto Slab", Georgia, serif;
}
.mso .wrapper .font-roboto-slab {
font-family: Georgia, serif !important;
}
@media only screen and (max-width: 620px) {
.wrapper .column .size-8 {
font-size: 8px !important;
line-height: 14px !important;
}
.wrapper .column .size-9 {
font-size: 9px !important;
line-height: 16px !important;
}
.wrapper .column .size-10 {
font-size: 10px !important;
line-height: 18px !important;
}
.wrapper .column .size-11 {
font-size: 11px !important;
line-height: 19px !important;
}
.wrapper .column .size-12 {
font-size: 12px !important;
line-height: 19px !important;
}
.wrapper .column .size-13 {
font-size: 13px !important;
line-height: 21px !important;
}
.wrapper .column .size-14 {
font-size: 14px !important;
line-height: 21px !important;
}
.wrapper .column .size-15 {
font-size: 15px !important;
line-height: 23px !important;
}
.wrapper .column .size-16 {
font-size: 16px !important;
line-height: 24px !important;
}
.wrapper .column .size-17 {
font-size: 17px !important;
line-height: 26px !important;
}
.wrapper .column .size-18 {
font-size: 17px !important;
line-height: 26px !important;
}
.wrapper .column .size-20 {
font-size: 17px !important;
line-height: 26px !important;
}
.wrapper .column .size-22 {
font-size: 18px !important;
line-height: 26px !important;
}
.wrapper .column .size-24 {
font-size: 20px !important;
line-height: 28px !important;
}
.wrapper .column .size-26 {
font-size: 22px !important;
line-height: 31px !important;
}
.wrapper .column .size-28 {
font-size: 24px !important;
line-height: 32px !important;
}
.wrapper .column .size-30 {
font-size: 26px !important;
line-height: 34px !important;
}
.wrapper .column .size-32 {
font-size: 28px !important;
line-height: 36px !important;
}
.wrapper .column .size-34 {
font-size: 30px !important;
line-height: 38px !important;
}
.wrapper .column .size-36 {
font-size: 30px !important;
line-height: 38px !important;
}
.wrapper .column .size-40 {
font-size: 32px !important;
line-height: 40px !important;
}
.wrapper .column .size-44 {
font-size: 34px !important;
line-height: 43px !important;
}
.wrapper .column .size-48 {
font-size: 36px !important;
line-height: 43px !important;
}
.wrapper .column .size-56 {
font-size: 40px !important;
line-height: 47px !important;
}
.wrapper .column .size-64 {
font-size: 44px !important;
line-height: 50px !important;
}
}
body {
margin: 0;
padding: 0;
min-width: 100%;
}
.mso body {
mso-line-height-rule: exactly;
}
.no-padding .wrapper .column .column-top,
.no-padding .wrapper .column .column-bottom {
font-size: 0px;
line-height: 0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
padding: 0;
vertical-align: top;
}
.spacer,
.border {
font-size: 1px;
line-height: 1px;
}
.spacer {
width: 100%;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
.image {
font-size: 12px;
mso-line-height-rule: at-least;
}
.image img {
display: block;
}
.logo {
mso-line-height-rule: at-least;
}
.logo img {
display: block;
}
strong {
font-weight: bold;
}
h1,
h2,
h3,
p,
ol,
ul,
blockquote,
.image {
font-style: normal;
font-weight: 400;
}
ol,
ul,
li {
padding-left: 0;
}
blockquote {
Margin-left: 0;
Margin-right: 0;
padding-right: 0;
}
.column-top,
.column-bottom {
font-size: 20px;
line-height: 20px;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: all;
}
.half-padding .column .column-top,
.half-padding .column .column-bottom {
font-size: 10px;
line-height: 10px;
}
.column {
text-align: left;
}
.contents {
table-layout: fixed;
width: 100%;
}
.padded {
padding-left: 20px;
padding-right: 20px;
word-break: break-word;
word-wrap: break-word;
}
.wrapper {
display: table;
table-layout: fixed;
width: 100%;
min-width: 620px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.wrapper a {
transition: opacity 0.2s ease-in;
}
table.wrapper {
table-layout: fixed;
}
.one-col,
.two-col,
.three-col {
Margin-left: auto;
Margin-right: auto;
width: 600px;
}
.centered {
Margin-left: auto;
Margin-right: auto;
}
.btn a {
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 13px 35px 12px 35px;
text-align: center;
text-decoration: none !important;
}
.btn a:hover {
opacity: 0.8;
}
.two-col .btn a {
font-size: 12px;
line-height: 22px;
padding: 10px 28px;
}
.three-col .btn a {
font-size: 11px;
line-height: 19px;
padding: 6px 18px 5px 18px;
}
@media only screen and (max-width: 620px) {
.btn a {
display: block !important;
font-size: 14px !important;
line-height: 24px !important;
padding: 13px 10px 12px 10px !important;
}
}
.two-col .column {
width: 300px;
}
.three-col .column {
width: 200px;
}
@media only screen and (min-width: 0) {
.wrapper {
text-rendering: optimizeLegibility;
}
}
@media only screen and (max-width: 620px) {
[class=wrapper] {
min-width: 320px !important;
width: 100% !important;
}
[class=wrapper] .one-col,
[class=wrapper] .two-col,
[class=wrapper] .three-col {
width: 320px !important;
}
[class=wrapper] .column,
[class=wrapper] .gutter {
display: block;
float: left;
width: 320px !important;
}
[class=wrapper] .padded {
padding-left: 20px !important;
padding-right: 20px !important;
}
[class=wrapper] .block {
display: block !important;
}
[class=wrapper] .hide {
display: none !important;
}
[class=wrapper] .image img {
height: auto !important;
width: 100% !important;
}
}
.footer {
width: 100%;
}
.footer .inner {
padding: 58px 0 29px 0;
width: 600px;
}
.footer .left td,
.footer .right td {
font-size: 12px;
line-height: 22px;
}
.footer .left td {
text-align: left;
width: 400px;
}
.footer .right td {
max-width: 200px;
mso-line-height-rule: at-least;
}
.footer .links {
line-height: 26px;
Margin-bottom: 26px;
mso-line-height-rule: at-least;
}
.footer .links a:hover {
opacity: 0.8;
}
.footer .links img {
vertical-align: middle;
}
.footer .address {
Margin-bottom: 18px;
}
.footer .campaign {
Margin-bottom: 18px;
}
.footer .campaign a {
font-weight: bold;
text-decoration: none;
}
.footer .sharing div {
Margin-bottom: 5px;
}
.wrapper .footer .fblike,
.wrapper .footer .tweet,
.wrapper .footer .linkedinshare,
.wrapper .footer .forwardtoafriend {
background-repeat: no-repeat;
background-size: 200px 56px;
border-radius: 2px;
color: #ffffff;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 11px;
padding: 8px 11px 7px 28px;
text-align: left;
text-decoration: none;
}
.wrapper .footer .fblike:hover,
.wrapper .footer .tweet:hover,
.wrapper .footer .linkedinshare:hover,
.wrapper .footer .forwardtoafriend:hover {
color: #ffffff !important;
opacity: 0.8;
}
.footer .fblike {
background-image: url(#);
}
.footer .tweet {
background-image: url(#);
}
.footer .linkedinshare {
background-image: url(#);
}
.footer .forwardtoafriend {
background-image: url(#);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.footer .fblike {
background-image: url(#) !important;
}
.footer .tweet {
background-image: url(#) !important;
}
.footer .linkedinshare {
background-image: url(#) !important;
}
.footer .forwardtoafriend {
background-image: url(#) !important;
}
}
@media only screen and (max-width: 620px) {
.footer {
width: 320px !important;
}
.footer td {
display: none;
}
.footer .inner,
.footer .inner td {
display: block;
text-align: center !important;
max-width: 320px !important;
width: 320px !important;
}
.footer .sharing {
Margin-bottom: 40px;
}
.footer .sharing div {
display: inline-block;
}
.footer .fblike,
.footer .tweet,
.footer .linkedinshare,
.footer .forwardtoafriend {
display: inline-block !important;
}
}
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper p,
.wrapper ol,
.wrapper ul,
.wrapper li,
.wrapper blockquote,
.image,
.btn,
.divider {
Margin-bottom: 0;
Margin-top: 0;
}
.wrapper .column h1 + * {
Margin-top: 24px;
}
.wrapper .column h2 + * {
Margin-top: 16px;
}
.wrapper .column h3 + * {
Margin-top: 12px;
}
.wrapper .column p + *,
.wrapper .column ol + *,
.wrapper .column ul + *,
.wrapper .column blockquote + *,
.image + .contents td > :first-child {
Margin-top: 27px;
}
.wrapper .column li + * {
Margin-top: 14px;
}
.contents:nth-last-child(n+3) h1:last-child,
.no-padding .contents:nth-last-child(n+2) h1:last-child {
Margin-bottom: 24px;
}
.contents:nth-last-child(n+3) h2:last-child,
.no-padding .contents:nth-last-child(n+2) h2:last-child {
Margin-bottom: 16px;
}
.contents:nth-last-child(n+3) h3:last-child,
.no-padding .contents:nth-last-child(n+2) h3:last-child {
Margin-bottom: 12px;
}
.contents:nth-last-child(n+3) p:last-child,
.no-padding .contents:nth-last-child(n+2) p:last-child,
.contents:nth-last-child(n+3) ol:last-child,
.no-padding .contents:nth-last-child(n+2) ol:last-child,
.contents:nth-last-child(n+3) ul:last-child,
.no-padding .contents:nth-last-child(n+2) ul:last-child,
.contents:nth-last-child(n+3) blockquote:last-child,
.no-padding .contents:nth-last-child(n+2) blockquote:last-child,
.contents:nth-last-child(n+3) .image,
.no-padding .contents:nth-last-child(n+2) .image,
.contents:nth-last-child(n+3) .divider,
.no-padding .contents:nth-last-child(n+2) .divider,
.contents:nth-last-child(n+3) .btn,
.no-padding .contents:nth-last-child(n+2) .btn {
Margin-bottom: 27px;
}
.two-col .column p + *,
.two-col .column ol + *,
.two-col .column ul + *,
.two-col .column blockquote + *,
.two-col .image + .contents td > :first-child {
Margin-top: 24px;
}
.two-col .column li + * {
Margin-top: 12px;
}
.two-col .contents:nth-last-child(n+3) p:last-child,
.no-padding .two-col .contents:nth-last-child(n+2) p:last-child,
.two-col .contents:nth-last-child(n+3) ol:last-child,
.no-padding .two-col .contents:nth-last-child(n+2) ol:last-child,
.two-col .contents:nth-last-child(n+3) ul:last-child,
.no-padding .two-col .contents:nth-last-child(n+2) ul:last-child,
.two-col .contents:nth-last-child(n+3) blockquote:last-child,
.no-padding .two-col .contents:nth-last-child(n+2) blockquote:last-child,
.two-col .contents:nth-last-child(n+3) .image,
.no-padding .two-col .contents:nth-last-child(n+2) .image,
.two-col .contents:nth-last-child(n+3) .divider,
.no-padding .two-col .contents:nth-last-child(n+2) .divider,
.two-col .contents:nth-last-child(n+3) .btn,
.no-padding .two-col .contents:nth-last-child(n+2) .btn {
Margin-bottom: 24px;
}
.three-col .column p + *,
.three-col .column ol + *,
.three-col .column ul + *,
.three-col .column blockquote + *,
.three-col .image + .contents td > :first-child {
Margin-top: 21px;
}
.three-col .column li + * {
Margin-top: 10px;
}
.three-col .contents:nth-last-child(n+3) p:last-child,
.no-padding .three-col .contents:nth-last-child(n+2) p:last-child,
.three-col .contents:nth-last-child(n+3) ol:last-child,
.no-padding .three-col .contents:nth-last-child(n+2) ol:last-child,
.three-col .contents:nth-last-child(n+3) ul:last-child,
.no-padding .three-col .contents:nth-last-child(n+2) ul:last-child,
.three-col .contents:nth-last-child(n+3) blockquote:last-child,
.no-padding .three-col .contents:nth-last-child(n+2) blockquote:last-child,
.three-col .contents:nth-last-child(n+3) .image,
.no-padding .three-col .contents:nth-last-child(n+2) .image,
.three-col .contents:nth-last-child(n+3) .divider,
.no-padding .three-col .contents:nth-last-child(n+2) .divider,
.three-col .contents:nth-last-child(n+3) .btn,
.no-padding .three-col .contents:nth-last-child(n+2) .btn {
Margin-bottom: 21px;
}
@media only screen and (max-width: 620px) {
.wrapper p + *,
.wrapper ol + *,
.wrapper ul + *,
.wrapper blockquote + *,
.image + .contents td > :first-child {
Margin-top: 27px !important;
}
.contents:nth-last-child(n+3) p:last-child,
.no-padding .contents:nth-last-child(n+2) p:last-child,
.contents:nth-last-child(n+3) ol:last-child,
.no-padding .contents:nth-last-child(n+2) ol:last-child,
.contents:nth-last-child(n+3) ul:last-child,
.no-padding .contents:nth-last-child(n+2) ul:last-child,
.contents:nth-last-child(n+3) blockquote:last-child,
.no-padding .contents:nth-last-child(n+2) blockquote:last-child,
.contents:nth-last-child(n+3) .image:last-child,
.no-padding .contents:nth-last-child(n+2) .image:last-child,
.contents:nth-last-child(n+3) .divider:last-child,
.no-padding .contents:nth-last-child(n+2) .divider:last-child,
.contents:nth-last-child(n+3) .btn:last-child,
.no-padding .contents:nth-last-child(n+2) .btn:last-child {
Margin-bottom: 27px !important;
}
.column li + * {
Margin-top: 14px !important;
}
}
.divider {
font-size: 4px;
line-height: 4px;
}
.contents .divider {
Margin-bottom: 27px;
}
.divider .bullet {
border-radius: 2px;
display: inline-block;
font-size: 4px;
height: 4px;
line-height: 4px;
width: 4px;
}
.mso .bullet {
display: none;
}
.one-col,
two-col,
.three-col {
table-layout: fixed;
}
table.spacer {
height: 54px;
}
.wrapper a {
text-decoration: underline;
}
.wrapper h1 {
font-size: 32px;
line-height: 40px;
}
.wrapper h2 {
font-size: 22px;
line-height: 30px;
}
.wrapper h3 {
font-size: 18px;
line-height: 24px;
}
.wrapper h1 a,
.wrapper h2 a,
.wrapper h3 a {
text-decoration: none;
}
.wrapper p,
.wrapper ol,
.wrapper ul {
font-size: 17px;
line-height: 25px;
}
.wrapper ol {
Margin-left: 24px;
}
.wrapper ol li {
padding-left: 4px;
}
.wrapper ul {
Margin-left: 18px;
}
.wrapper ul li {
padding-left: 9px;
}
.wrapper blockquote {
Margin-left: 0;
padding-left: 17px;
}
.two-col ol {
Margin-left: 21px;
}
.two-col ol li {
padding-left: 3px;
}
.two-col ul {
Margin-left: 18px;
}
.two-col ul li {
padding-left: 6px;
}
.two-col blockquote {
border-left-width: 3px;
padding-left: 15px;
}
.three-col ul {
Margin-left: 16px;
}
.three-col ul li {
padding-left: 6px;
}
.three-col ol {
Margin-left: 18px;
}
.three-col ol li {
padding-left: 4px;
}
.three-col blockquote {
border-left-width: 2px;
padding-left: 13px;
}
.wrapper h2 {
font-weight: 700;
}
.wrapper h3 {
font-weight: 700;
}
.wrapper blockquote {
font-style: italic;
}
.header {
Margin-left: auto;
Margin-right: auto;
width: 560px;
}
.preheader table {
width: 560px;
}
.preheader .title,
.preheader .webversion {
padding-bottom: 12px;
font-size: 12px;
line-height: 21px;
}
.preheader .title {
text-align: left;
}
.preheader .webversion {
text-align: right;
width: 300px;
}
.header td {
font-size: 24px;
}
.header .logo div {
font-weight: bold;
}
.header .logo div a {
text-decoration: none;
}
.header .logo div.logo-center {
text-align: center;
}
.header .logo div.logo-center img {
Margin-left: auto;
Margin-right: auto;
}
@media only screen and (max-width: 620px) {
[class=wrapper] table.spacer {
height: 28px !important;
}
[class=wrapper] .header {
width: 280px !important;
}
[class=wrapper] .webversion {
display: none;
}
[class=wrapper] .title {
padding-left: 20px !important;
padding-right: 20px !important;
}
[class=wrapper] .preheader table {
width: 320px !important;
}
[class=wrapper] .logo img {
max-width: 280px !important;
height: auto !important;
}
[class=wrapper] blockquote {
border-left-width: 4px !important;
margin-left: 0 !important;
padding-left: 14px !important;
}
[class=wrapper] h1 {
font-size: 32px !important;
line-height: 42px !important;
}
[class=wrapper] h2 {
font-size: 22px !important;
line-height: 30px !important;
}
[class=wrapper] h3 {
font-size: 18px !important;
line-height: 26px !important;
}
[class=wrapper] .one-col p,
[class=wrapper] .two-col p,
[class=wrapper] .three-col p,
[class=wrapper] .one-col ol,
[class=wrapper] .two-col ol,
[class=wrapper] .three-col ol,
[class=wrapper] .one-col ul,
[class=wrapper] .two-col ul,
[class=wrapper] .three-col ul {
font-size: 17px !important;
line-height: 27px !important;
}
[class=wrapper] ol {
margin-left: 24px !important;
}
[class=wrapper] ol li {
padding-left: 4px !important;
}
[class=wrapper] ul {
margin-left: 19px !important;
}
[class=wrapper] ul li {
padding-left: 9px !important;
}
[class=wrapper] .second .column-top,
[class=wrapper] .third .column-top {
display: none;
}
[class=wrapper] .show {
display: block !important;
font-size: 1px;
line-height: 1px;
}
[class=wrapper] .hide {
display: none !important;
}
}
</style>
<!--[if !mso]><!--><style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
</style><link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"><!--<![endif]--><style type="text/css">
.wrapper h1{}.wrapper h1{font-family:Lato,Tahoma,sans-serif}.mso .wrapper h1{font-family:Tahoma,sans-serif !important}.wrapper h2{}.wrapper h2{font-family:Lato,Tahoma,sans-serif}.mso .wrapper h2{font-family:Tahoma,sans-serif !important}.wrapper h3{}.wrapper h3{font-family:Lato,Tahoma,sans-serif}.mso .wrapper h3{font-family:Tahoma,sans-serif !important}.wrapper p,.wrapper ol,.wrapper ul,.wrapper .image{}.wrapper p,.wrapper ol,.wrapper ul,.wrapper .image{font-family:Lato,Tahoma,sans-serif}.mso .wrapper p,.mso .wrapper ol,.mso .wrapper ul,.mso .wrapper .image{font-family:Tahoma,sans-serif !important}.wrapper .btn a{}.wrapper .btn a{font-family:Lato,Tahoma,sans-serif}.mso .wrapper .btn a{font-family:Tahoma,sans-serif !important}.logo div{}.logo div{font-family:Merriweather,Georgia,serif}.mso .logo div{font-family:Georgia,serif
!important}.title,.webversion,.fblike,.tweet,.linkedinshare,.forwardtoafriend,.link,.address,.permission,.campaign{}.title,.webversion,.fblike,.tweet,.linkedinshare,.forwardtoafriend,.link,.address,.permission,.campaign{font-family:Lato,Tahoma,sans-serif}.mso .title,.mso .webversion,.mso .fblike,.mso .tweet,.mso .linkedinshare,.mso .forwardtoafriend,.mso .link,.mso .address,.mso .permission,.mso .campaign{font-family:Tahoma,sans-serif !important}body,.wrapper,.emb-editor-canvas{background-color:#fafafa}blockquote{border-left:4px solid #c7c7c7}.wrapper h1{color:#b8bdc9}.wrapper h2{color:#8690a8}.wrapper h3{color:#8690a8}.wrapper p,.wrapper ol,.wrapper ul{color:#595959}.wrapper .image{color:#595959}.wrapper a{color:#6b7489}.wrapper a:hover{color:#555c6c !important}.wrapper .btn a{background-color:#6b7489;color:#fefefe}.wrapper .btn a:hover{color:#fefefe !important}.logo
div{color:#202020}.logo div a{color:#202020}.logo div a:hover{color:#202020 !important}.divider .bullet{background-color:#c7c7c7}.bullet-light{display:none}.title,.webversion,.header,.footer .inner td{color:#bbb}.wrapper .preheader a,.wrapper .header a,.wrapper .footer a{color:#bbb}.wrapper .preheader a:hover,.wrapper .header a:hover,.wrapper .footer a:hover{color:#959595 !important}.wrapper .footer .fblike,.wrapper .footer .tweet,.wrapper .footer .linkedinshare,.wrapper .footer .forwardtoafriend{background-color:#7d7d7d}
</style><!--[if mso]>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
</style>
<![endif]--></head>
<!--[if mso]>
<body class="mso">
<![endif]-->
<!--[if !mso]><!-->
<body class="ff-spacing full-padding" style="margin: 0;padding: 0;min-width: 100%;background-color: #fafafa;">
<!--<![endif]-->
<center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #fafafa;">
<table class="spacer" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;width: 100%;height: 54px;"><tbody><tr><td style="padding: 0;vertical-align: top;">&nbsp;</td></tr></tbody></table>
<table class="preheader centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;">
<tbody><tr>
<td style="padding: 0;vertical-align: top;">
<table style="border-collapse: collapse;border-spacing: 0;width: 560px;">
<tbody><tr>
<td class="title" style="padding: 0;vertical-align: top;font-family: Lato,Tahoma,sans-serif;color: #bbb;padding-bottom: 12px;font-size: 12px;line-height: 21px;text-align: left;">
&nbsp;
</td>
<td class="webversion" style="padding: 0;vertical-align: top;font-family: Lato,Tahoma,sans-serif;color: #bbb;padding-bottom: 12px;font-size: 12px;line-height: 21px;text-align: right;width: 300px;">
<div>No Images? <a style="transition: opacity 0.2s ease-in;text-decoration: none;color: #bbb;font-weight: bold;" href="http://campaigns.nylas.com/t/d-e-jidutik-juyklhmj-z/">Click here</a></div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table class="header centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 560px;color: #bbb;">
<tbody><tr>
<td class="logo emb-logo-padding-box" style="padding: 0;vertical-align: top;mso-line-height-rule: at-least;font-size: 24px;padding-top: 2px;padding-bottom: 27px;">
<div class="logo-center" style="font-family: Merriweather,Georgia,serif;color: #202020;font-weight: bold;text-align: center;font-size: 0px !important;line-height: 0 !important;" align="center" id="emb-email-header"><a style="transition: opacity 0.2s ease-in;text-decoration: none;color: #bbb;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-r/"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;Margin-left: auto;Margin-right: auto;max-width: 435px;" src="#" alt="" width="435" height="80"></a></div>
</td>
</tr>
</tbody></table>
<table class="one-col centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;table-layout: fixed;" emb-background-style>
<tbody><tr>
<td class="column" style="padding: 0;vertical-align: top;text-align: left;">
<div><div class="column-top" style="font-size: 20px;line-height: 20px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;">&nbsp;</div></div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-18" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 0;font-size: 18px;line-height: 26px;color: #595959;text-align: center;"><em><span style="color:rgb(89, 89, 89)">The&nbsp;extensible, open source mail client.</span></em></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:33px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<h1 class="font-avenir size-32" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 24px;Margin-top: 0;font-size: 32px;line-height: 40px;color: #b8bdc9;text-align: center;"><span style="color:#2b2b2b">New features, speed &amp; plugins for N1.</span></h1>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 0;font-size: 20px;line-height: 28px;color: #595959;">It's been almost 2 months since we released Nylas N1. Our team has been hard at work on this latest update, including awesome new plugins, a beautiful Windows version, and details of our roadmap. Read on for full details!</p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #fefefe;font-family: Lato,Tahoma,sans-serif;background-color: #46a837;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-y/">Download N1 for Free!</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-y/" style="width:214px" arcsize="7%" fillcolor="#46A837" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#FEFEFE;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">Download N1 for Free!</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:61px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="340">
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-30" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 30px;line-height: 38px;color: #595959;text-align: center;"><span style="color:#404040">Tame your calendar with QuickSchedule.</span></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:#404040">Say goodbye to the hassle of scheduling! This new&nbsp;plugin lets you avoid the typical back-and-forth of picking a time to meet. Just select a few options, and your recipient confirms with one click. It's the best way to instantly schedule meetings.</span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #fefefe;font-family: Lato,Tahoma,sans-serif;background-color: #8254ff;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-j/">Upgrade to QuickSchedule</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-j/" style="width:237px" arcsize="7%" fillcolor="#8254FF" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#FEFEFE;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">Upgrade to QuickSchedule</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:62px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-t/"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="203"></a>
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-30" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 30px;line-height: 38px;color: #595959;text-align: center;">It's full of stars!</p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:rgb(64, 64, 64)">Starring the N1 repo is a great way to show your support and bookmark the codebase for later. It also means you'll see pre-release product updates in your GitHub feed.</span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #141414 !important;font-family: Lato,Tahoma,sans-serif;background-color: #fcdd14;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-i/">&#9733; Star N1 on GitHub Now &#9733;</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-i/" style="width:250px" arcsize="7%" fillcolor="#FCDD14" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#141414;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">&#9733;<br>
<br>
Star N1 on GitHub Now<br>
<br>
&#9733;</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:66px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-d/"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="403"></a>
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-30" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 30px;line-height: 38px;color: #595959;text-align: center;"><span style="color:#404040">N1 is now available on Windows!</span></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:#404040">Are you tired of Outlook and looking for something fresh? N1 now works great on Windows with all the same features available on Mac and Linux. Plus you can connect both your Gmail and Exchange accounts.&nbsp;</span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #ffffff !important;font-family: Lato,Tahoma,sans-serif;background-color: #5f7ec7;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-h/">Download N1 for Windows (64-bit)</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-h/" style="width:289px" arcsize="7%" fillcolor="#5F7EC7" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">Download N1 for Windows (64-bit)</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:53px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-k/"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="304"></a>
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="Margin-top: 27px;line-height: 20px;font-size: 1px;">&nbsp;</div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-30" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 0;font-size: 30px;line-height: 38px;color: #595959;text-align: center;"><span style="color:#404040">Faster and with fewer bugs!</span></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:#404040"><span>We've closed hundreds of bug reports and made big improvements to speed and memory usage of N1. If you've already downloaded, make sure to update the app.</span></span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #fefefe;font-family: Lato,Tahoma,sans-serif;background-color: #7d7d7d;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-x/">See the full CHANGELOG</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-x/" style="width:229px" arcsize="7%" fillcolor="#7D7D7D" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#FEFEFE;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">See the full CHANGELOG</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:82px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="268">
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-30" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 30px;line-height: 38px;color: #595959;text-align: center;"><span style="color:#404040">Features On Deck</span></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:#404040">Our team is hard at work on features including unified inbox, mail rules, and support for aliases and signatures. To stay up to date, you should follow us on Twitter
</span><span style="color:#404040"><a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-m/">here</a>. You can also vote up features on our
<a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-c/">open roadmap</a>.</span></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:#404040">Those are the latest updates. Thanks for trying N1 and for the continued feedback!&nbsp;If you'd like to join the experimental beta channel for N1, just reply to this message with your address. (We'll push more frequent updates, but they might have occasional issues.)</span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:37px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<div class="image" style="font-size: 12px;mso-line-height-rule: at-least;font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: Lato,Tahoma,sans-serif;color: #595959;" align="center">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="#" alt="" width="600" height="308">
</div>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p class="font-avenir size-26" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 26px;line-height: 34px;color: #595959;text-align: center;"><strong style="font-weight: bold;">Want to create the future of email?</strong></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 0;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><font color="#080808"><strong style="font-weight: bold;">Nylas is hiring!</strong>
Our small team in SF is growing, and we're looking for great engineers, designers, PMs, and more to help shape the future of email. </font></p><p class="font-avenir size-20" style="font-style: normal;font-weight: 400;font-family: avenir,sans-serif;Margin-bottom: 27px;Margin-top: 27px;font-size: 20px;line-height: 28px;color: #595959;"><span style="color:rgb(8, 8, 8)">Curious? Learn a bit more </span><a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-q/">about the team</a><span style="color:rgb(8, 8, 8)">&nbsp;behind N1,</span><span style="color:rgb(8, 8, 8)">
and see </span><a style="transition: opacity 0.2s ease-in;text-decoration: underline;color: #6b7489;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-a/">what it's like to work at Nylas</a><span style="color:rgb(8, 8, 8)">. We welcome applications from those of all background.</span></p>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 27px;Margin-top: 0;text-align: center;">
<![if !mso]><a style="border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 24px;padding: 13px 35px 12px 35px;text-align: center;text-decoration: none !important;transition: opacity 0.2s ease-in;color: #fefefe;font-family: Lato,Tahoma,sans-serif;background-color: #46a837;" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-f/">View open positions at Nylas</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-l-jidutik-juyklhmj-f/" style="width:250px" arcsize="7%" fillcolor="#46A837" stroke="f"><v:textbox style="mso-fit-shape-to-text:t" inset="0px,12px,0px,11px"><center style="font-size:14px;line-height:24px;color:#FEFEFE;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">View open positions at Nylas</center></v:textbox></v:roundrect><![endif]--></div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:20px;font-size:1px">&nbsp;</div>
</td>
</tr>
</tbody></table>
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;">
<tbody><tr>
<td class="padded" style="padding: 0;vertical-align: top;padding-left: 20px;padding-right: 20px;word-break: break-word;word-wrap: break-word;">
<p style="font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-size: 17px;line-height: 25px;font-family: Lato,Tahoma,sans-serif;color: #595959;">&nbsp;</p><p style="font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 27px;font-size: 17px;line-height: 25px;font-family: Lato,Tahoma,sans-serif;color: #595959;"><em>PS: Not sure why you're receiving this message?&nbsp;</em><strong style="font-weight: bold;">Nylas was previously called InboxApp and launched last year</strong><em>. You probably signed up then</em></p>
</td>
</tr>
</tbody></table>
<div class="column-bottom" style="font-size: 20px;line-height: 20px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;">&nbsp;</div>
</td>
</tr>
</tbody></table>
<table class="footer centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 100%;">
<tbody><tr>
<td style="padding: 0;vertical-align: top;">&nbsp;</td>
<td class="inner" style="padding: 58px 0 29px 0;vertical-align: top;width: 600px;">
<table class="right" style="border-collapse: collapse;border-spacing: 0;" align="right">
<tbody><tr>
<td style="padding: 0;vertical-align: top;color: #bbb;font-size: 12px;line-height: 22px;max-width: 200px;mso-line-height-rule: at-least;">
<div class="sharing">
<div style="Margin-bottom: 5px;">
<![if !mso]><a class="fblike" style="font-family: Lato,Tahoma,sans-serif;transition: opacity 0.2s ease-in;text-decoration: none;color: #ffffff;background-image: url(#);background-repeat: no-repeat;background-size: 200px 56px;border-radius: 2px;display: block;font-size: 11px;font-weight: bold;line-height: 11px;padding: 8px 11px 7px 28px;text-align: left;background-color: #7d7d7d;" href="http://campaigns.nylas.com/t/d-fb-jidutik-juyklhmj-v/" likeurl="www.facebook.com/InboxApp" left-align-text="true" rel="cs_facebox">
Like
</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-fb-jidutik-juyklhmj-v/" style="width:81px" arcsize="8%" fill="t" stroke="f"><v:fill type="tile" src="#" color="#7D7D7D"></v:fill><v:textbox style="mso-fit-shape-to-text:t" inset="27px,7px,0,6px"><p style="font-size:11px;line-height:11px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:-1px"> Like </p></v:textbox></v:roundrect><![endif]--></div>
<div style="Margin-bottom: 5px;">
<![if !mso]><a class="tweet" style="font-family: Lato,Tahoma,sans-serif;transition: opacity 0.2s ease-in;text-decoration: none;color: #ffffff;background-image: url(#);background-repeat: no-repeat;background-size: 200px 56px;border-radius: 2px;display: block;font-size: 11px;font-weight: bold;line-height: 11px;padding: 8px 11px 7px 28px;text-align: left;background-color: #7d7d7d;" href="http://campaigns.nylas.com/t/d-tw-jidutik-juyklhmj-e/" left-align-text="true">
Tweet
</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaigns.nylas.com/t/d-tw-jidutik-juyklhmj-e/" style="width:81px" arcsize="8%" fill="t" stroke="f"><v:fill type="tile" src="#" color="#7D7D7D"></v:fill><v:textbox style="mso-fit-shape-to-text:t" inset="27px,7px,0,6px"><p style="font-size:11px;line-height:11px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:-1px"> Tweet </p></v:textbox></v:roundrect><![endif]--></div>
<div style="Margin-bottom: 5px;">
<![if !mso]><a class="forwardtoafriend" style="font-family: Lato,Tahoma,sans-serif;transition: opacity 0.2s ease-in;text-decoration: none;color: #ffffff;background-image: url(#);background-repeat: no-repeat;background-size: 200px 56px;border-radius: 2px;display: block;font-size: 11px;font-weight: bold;line-height: 11px;padding: 8px 11px 7px 28px;text-align: left;background-color: #7d7d7d;" href="http://inbox.forwardtomyfriend.com/d-juyklhmj-B1CA593A-jidutik-l-s" left-align-text="true">
Forward
</a><![endif]>
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://inbox.forwardtomyfriend.com/d-juyklhmj-B1CA593A-jidutik-l-s" style="width:81px" arcsize="8%" fill="t" stroke="f"><v:fill type="tile" src="#" color="#7D7D7D"></v:fill><v:textbox style="mso-fit-shape-to-text:t" inset="27px,7px,0,6px"><p style="font-size:11px;line-height:11px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:-1px"> Forward </p></v:textbox></v:roundrect><![endif]--></div>
</div>
</td>
</tr>
</tbody></table>
<table class="left" style="border-collapse: collapse;border-spacing: 0;" align="left">
<tbody><tr>
<td style="padding: 0;vertical-align: top;color: #bbb;font-size: 12px;line-height: 22px;text-align: left;width: 400px;">
<div class="address" style="font-family: Lato,Tahoma,sans-serif;Margin-bottom: 18px;">
<div>Nylas, Inc.<br>
2030 Harrison St.<br>
San Francisco, CA</div>
</div>
<div class="permission" style="font-family: Lato,Tahoma,sans-serif;">
<div>You're receiving this email because you expressed interest in InboxApp, the Nylas Developer Program, or registered as a developer.</div>
</div>
<div class="campaign" style="font-family: Lato,Tahoma,sans-serif;Margin-bottom: 18px;">
<a style="transition: opacity 0.2s ease-in;text-decoration: none;color: #bbb;font-weight: bold;" href="http://campaigns.nylas.com/t/d-u-jidutik-juyklhmj-g/">Unsubscribe</a>
</div>
</td>
</tr>
</tbody></table>
</td>
<td style="padding: 0;vertical-align: top;">&nbsp;</td>
</tr>
</tbody></table>
<table class="spacer" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;width: 100%;height: 54px;"><tbody><tr><td style="padding: 0;vertical-align: top;">&nbsp;</td></tr></tbody></table>
</center>
<img style="border: 0 !important;-ms-interpolation-mode: bicubic;visibility: hidden !important;display: block !important;height: 1px !important;width: 1px !important;margin: 0 !important;padding: 0 !important;" src="#" width="1" height="1" border="0" alt="">
</body></html>
Reference in a new issue View git blame Copy permalink