HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>welcome series campaign monitor</title>
</head>
<body>
<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: 32px;
line-height: 32px;
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: 16px;
line-height: 16px;
}
.column {
text-align: left;
}
.contents {
table-layout: fixed;
width: 100%;
}
.padded {
padding-left: 50px;
padding-right: 50px;
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;
}
.two-col .padded {
padding-left: 20px;
padding-right: 20px;
}
.three-col .column {
width: 200px;
}
.three-col .padded {
padding-left: 8px;
padding-right: 8px;
}
@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(http://i5.cmail20.com/static/eb/beta/05-slate/imgf/fblike.png);
}
.footer .tweet {
background-image: url(http://i6.cmail20.com/static/eb/beta/05-slate/imgf/tweet.png);
}
.footer .linkedinshare {
background-image: url(http://i7.cmail20.com/static/eb/beta/05-slate/imgf/lishare.png);
}
.footer .forwardtoafriend {
background-image: url(http://i8.cmail20.com/static/eb/beta/05-slate/imgf/forward.png);
}
@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(http://i9.cmail20.com/static/eb/beta/05-slate/imgf/fblike@2x.png) !important;
}
.footer .tweet {
background-image: url(http://i1.cmail20.com/static/eb/beta/05-slate/imgf/tweet@2x.png) !important;
}
.footer .linkedinshare {
background-image: url(http://i10.cmail20.com/static/eb/beta/05-slate/imgf/lishare@2x.png) !important;
}
.footer .forwardtoafriend {
background-image: url(http://i2.cmail20.com/static/eb/beta/05-slate/imgf/forward@2x.png) !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: 20px;
}
.wrapper .column h3 + * {
Margin-top: 16px;
}
.wrapper .column p + *,
.wrapper .column ol + *,
.wrapper .column ul + *,
.wrapper .column blockquote + *,
.image + .contents td > :first-child {
Margin-top: 26px;
}
.wrapper .column li + * {
Margin-top: 13px;
}
.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: 20px;
}
.contents:nth-last-child(n+3) h3:last-child,
.no-padding .contents:nth-last-child(n+2) h3:last-child {
Margin-bottom: 16px;
}
.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: 26px;
}
.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: 22px;
}
.two-col .column li + * {
Margin-top: 11px;
}
.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: 22px;
}
.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: 26px !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: 26px !important;
}
.column li + * {
Margin-top: 13px !important;
}
}
.one-col-bg,
.two-col-bg,
.three-col-bg,
.one-col-feature-bg {
width: 100%;
}
.one-col,
.two-col,
.three-col,
.one-col-feature {
table-layout: fixed;
}
.wrapper h1 {
font-size: 36px;
line-height: 44px;
}
.wrapper h2 {
font-size: 26px;
line-height: 34px;
}
.wrapper h3 {
font-size: 16px;
line-height: 24px;
}
.wrapper p,
.wrapper ol,
.wrapper ul {
font-size: 16px;
line-height: 25px;
}
.wrapper p a,
.wrapper ol a,
.wrapper ul a {
text-decoration: underline;
}
.wrapper p a:hover,
.wrapper ol a:hover,
.wrapper ul a:hover {
text-decoration: none;
}
.wrapper ol,
.wrapper ul {
Margin-left: 30px;
}
.wrapper a {
text-decoration: none;
}
.wrapper blockquote {
Margin-left: 0;
Margin-right: 0;
}
.wrapper blockquote p {
text-align: center;
}
.wrapper blockquote p,
.wrapper blockquote ol,
.wrapper blockquote ul {
line-height: 27px;
}
.divider {
font-size: 4px;
line-height: 4px;
}
.one-col h1,
.one-col .btn {
text-align: center;
}
.one-col blockquote {
padding-top: 16px;
padding-bottom: 16px;
}
.one-col blockquote p,
.one-col blockquote ol,
.one-col blockquote ul {
font-size: 18px;
line-height: 32px;
Margin-left: -35px;
Margin-right: -35px;
}
.one-col .divider {
Margin-left: 225px;
Margin-right: 225px;
}
.two-col ol,
.two-col ul {
Margin-left: 26px;
}
.two-col .divider {
Margin-left: 105px;
Margin-right: 105px;
}
.two-col blockquote {
padding-top: 14px;
padding-bottom: 14px;
}
.two-col blockquote p,
.two-col blockquote ol,
.two-col blockquote ul {
Margin-left: 0;
Margin-right: 0;
}
.three-col ol,
.three-col ul {
Margin-left: 20px;
}
.three-col .divider {
Margin-left: 67px;
Margin-right: 67px;
}
.three-col blockquote {
padding: 12px 0;
}
.one-col-feature .column {
width: 600px;
}
.one-col-feature .column-top,
.one-col-feature .column-bottom {
font-size: 40px;
line-height: 40px;
}
.half-padding .one-col-feature .column-top,
.half-padding .one-col-feature .column-bottom {
font-size: 20px;
line-height: 20px;
}
.no-padding .one-col-feature .column-top,
.no-padding .one-col-feature .column-bottom {
font-size: 0px;
line-height: 0px;
}
.one-col-feature h1,
.one-col-feature h2,
.one-col-feature h3,
.one-col-feature p {
text-align: center;
}
.one-col-feature blockquote {
background-image: url(http://i3.cmail20.com/static/eb/beta/05-slate/images/blockquote.png);
background-repeat: no-repeat;
background-position: center top;
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
padding-top: 38px;
padding-bottom: 0;
}
.one-col-feature blockquote p,
.one-col-feature blockquote ol,
.one-col-feature blockquote ul {
Margin-left: 0;
Margin-right: 0;
}
.one-col-feature .btn {
text-align: center;
}
.one-col-feature .divider {
Margin-left: 225px;
Margin-right: 225px;
}
.wrapper h1,
.wrapper h2,
.wrapper h3 {
font-weight: bold;
}
.preheader {
width: 100%;
}
.preheader td,
.preheader p {
font-size: 11px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 17px;
width: 50%;
}
.preheader .title,
.preheader .webversion {
padding: 8px 32px;
}
.preheader .title {
text-align: left;
}
.preheader .webversion {
text-align: right;
}
.header {
width: 100%;
}
.logo {
width: 600px;
}
.logo div {
letter-spacing: -0.01em;
}
.logo div a {
text-decoration: none;
}
.logo div.logo-center {
text-align: center;
}
.logo div.logo-center img {
Margin-left: auto;
Margin-right: auto;
}
.preheader a {
font-weight: 700;
letter-spacing: 0.03em;
}
@media (min-width: 0) {
body {
min-width: 100% !important;
}
[class=wrapper] {
width: 100% !important;
}
}
@media only screen and (max-width: 620px) {
[class=wrapper] .preheader {
display: none;
}
[class=wrapper] .header {
margin: 0 auto !important;
}
[class=wrapper] .logo {
padding-left: 10px !important;
padding-right: 10px !important;
width: 280px !important;
}
[class=wrapper] .logo img {
max-width: 280px !important;
height: auto !important;
}
[class=wrapper] .second .column-top,
[class=wrapper] .three-col .third .column-top {
display: none;
}
[class=wrapper] h1 {
font-size: 36px !important;
line-height: 44px !important;
}
[class=wrapper] h2 {
font-size: 26px !important;
line-height: 34px !important;
}
[class=wrapper] h3 {
font-size: 16px !important;
line-height: 24px !important;
}
[class=wrapper] p,
[class=wrapper] ol,
[class=wrapper] ul {
font-size: 16px !important;
line-height: 26px !important;
}
[class=wrapper] ol,
[class=wrapper] ul {
margin-left: 32px !important;
}
[class=wrapper] .divider {
Margin-left: 115px !important;
Margin-right: 115px !important;
}
[class=wrapper] blockquote {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
[class=wrapper] blockquote p,
[class=wrapper] blockquote ol,
[class=wrapper] blockquote ul {
font-size: 18px !important;
line-height: 32px !important;
margin-left: -10px !important;
margin-right: -10px !important;
}
[class=wrapper] blockquote ol,
[class=wrapper] blockquote ul {
margin-left: 10px !important;
}
[class=wrapper] .one-col-feature .column-top,
[class=wrapper] .one-col-feature .column-bottom {
font-size: 62px !important;
line-height: 62px !important;
}
.half-padding .column [class=wrapper] .one-col-feature .column-top,
.half-padding .column [class=wrapper] .one-col-feature .column-bottom {
font-size: 31px !important;
line-height: 31px !important;
}
[class=wrapper] .one-col-feature blockquote {
padding-top: 38px !important;
padding-bottom: 25px !important;
}
}
@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) {
[class=wrapper] .one-col-feature blockquote {
background-image: url(http://i4.cmail20.com/static/eb/beta/05-slate/images/blockquote@2x.png) !important;
background-size: 28px 26px !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:sans-serif}.wrapper .btn a{}.wrapper .btn a{font-family:sans-serif}.logo div{}.logo div{font-family:Cabin,Avenir,sans-serif}.mso .logo div{font-family:sans-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:#fff}.mso body{background-color:#fff !important}.mso .wrapper,.mso .preheader,.mso .header,.mso .footer,.mso .one-col-bg{background-color:#fff}.wrapper h1{color:#fff}.wrapper h2{color:#2f353e}.wrapper h3{color:#646b75}.wrapper p,.wrapper ol,.wrapper ul{color:#87898c}.wrapper .image{color:#87898c}.wrapper a{color:#19a9e5}.wrapper a:hover{color:#1487b7 !important}.wrapper .btn a{background-color:#7ebd26;color:#fff}.wrapper .btn a:hover{color:#fff !important}.logo div{color:#2e3b4e}.logo div a{color:#2e3b4e}.logo div a:hover{color:#2e3b4e
!important}.one-col-bg{background-color:#fff}.two-col-bg{background-color:#f7f7f7}.three-col-bg{background-color:#f2f2f2}.one-col-feature-bg{background-color:#ebebeb}.one-col blockquote{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.one-col .divider{background-color:#e6e6e6}.two-col blockquote{border-top:1px solid #dedede;border-bottom:1px solid #dedede}.two-col .divider{background-color:#dedede}.three-col blockquote{border-top:1px solid #dadada;border-bottom:1px solid #dadada}.three-col .divider{background-color:#dadada}.one-col-feature .divider{background-color:#d4d4d4}.preheader,.footer .inner td{color:#bdbdbd}.wrapper .preheader a,.wrapper .footer a{color:#bdbdbd}.wrapper .preheader a:hover,.wrapper .footer a:hover{color:#979797 !important}.wrapper .footer .fblike,.wrapper .footer .tweet,.wrapper .footer .linkedinshare,.wrapper .footer
.forwardtoafriend{background-color:gray}
</style>
</head>
<!--[if mso]>
<body class="mso">
<![endif]-->
<!--[if !mso]>
<!-->
<body class="ff-spacing no-padding" style="margin: 0;padding: 0;min-width: 100%;background-color: #fff;">
<!--<![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: #fff;">
<table class="preheader" style="border-collapse: collapse;border-spacing: 0;width: 100%;color: #bdbdbd;">
<tbody>
<tr>
<td class="title" style="padding: 8px 32px;vertical-align: top;font-family: Lato,Tahoma,sans-serif;font-size: 11px;font-weight: 400;letter-spacing: 0.01em;line-height: 17px;width: 50%;text-align: left;">
<div>Your new Campaign Monitor account is ready to go.</div>
</td>
<td class="webversion" style="padding: 8px 32px;vertical-align: top;font-family: Lato,Tahoma,sans-serif;font-size: 11px;font-weight: 400;letter-spacing: 0.01em;line-height: 17px;width: 50%;text-align: right;">
<div>No Images?
<a style="font-weight: 700;letter-spacing: 0.03em;transition: opacity 0.2s ease-in;text-decoration: none;color: #bdbdbd;" href="/t/ViewEmail/y/085B9D4A8266C41B/F001F76C0B4330A3942A2DF08F503B7C">Click here</a>
</div>
</td>
</tr>
</tbody>
</table>
<table class="header" style="border-collapse: collapse;border-spacing: 0;width: 100%;">
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;"> </td>
<td class="logo emb-logo-padding-box" style="padding: 0;vertical-align: top;mso-line-height-rule: at-least;width: 600px;padding-top: 20px;padding-bottom: 24px;">
<div class="logo-center" style="letter-spacing: -0.01em;font-family: Cabin,Avenir,sans-serif;color: #2e3b4e;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: #2e3b4e;" href="https://www.campaignmonitor.com/?utm_campaign=Welcome+Series+Thanks+for+signing+up&utm_content=Welcome+Series+Thanks+for+signing+up+&utm_medium=email&utm_source=Email+marketing+software&utm_term=Campaign+Monitor">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;Margin-left: auto;Margin-right: auto;max-width: 226px;" src="http://i1.cmail20.com/ei/y/F6/663/DD5/125040/temp_import/csfinal/campaignmonitor_logo_6_foremails2.png" alt="Campaign Monitor"
width="226" height="40">
</a>
</div>
</td>
<td style="padding: 0;vertical-align: top;"> </td>
</tr>
</tbody>
</table>
<table class="one-col-bg" style="border-collapse: collapse;border-spacing: 0;width: 100%;background-color: #fff;" emb-background-style>
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;" align="center">
<table class="one-col centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;table-layout: fixed;">
<tbody>
<tr>
<td class="column" style="padding: 0;vertical-align: top;text-align: left;">
<div>
<div class="column-top" style="font-size: 0px;line-height: 0px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:5px;font-size:1px"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="one-col-bg" style="border-collapse: collapse;border-spacing: 0;width: 100%;background-color: #19a9e5;">
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;" align="center">
<table class="one-col centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;table-layout: fixed;">
<tbody>
<tr>
<td class="column" style="padding: 0;vertical-align: top;text-align: left;">
<div>
<div class="column-top" style="font-size: 0px;line-height: 0px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:30px;font-size:1px"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<h2 style="font-style: normal;font-weight: bold;Margin-bottom: 0;Margin-top: 0;font-size: 26px;line-height: 34px;font-family: Lato,Tahoma,sans-serif;color: #2f353e;text-align: center;"><span style="color:#ffffff">Welcome to Campaign Monitor</span></h2>
<p class="size-16" style="font-style: normal;font-weight: 400;Margin-bottom: 26px;Margin-top: 20px;font-size: 16px;line-height: 24px;font-family: sans-serif;color: #87898c;text-align: center;"><span style="color:rgb(246, 246, 248); text-align:center">You're all set. Now you can create beautifully-designed, professional email marketing campaigns to grow your business.</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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div class="btn btn--center" style="Margin-bottom: 26px;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: #fff;font-family: sans-serif;background-color: #7ebd26;"
href="/login?ReturnUrl=%2F%3FID%3D%26signupcomplete%3Dtrue%26signupsource%3DInline&ID=&signupcomplete=true&signupsource=Inline">LOG IN TO YOUR NEW ACCOUNT</a>
<![endif]>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="/login?ReturnUrl=%2F%3FID%3D%26signupcomplete%3Dtrue%26signupsource%3DInline&ID=&signupcomplete=true&signupsource=Inline"
style="width:296px" arcsize="7%" fillcolor="#7EBD26" 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:sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px">LOG IN TO YOUR NEW ACCOUNT</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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:20px;font-size:1px"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="one-col-feature-bg" style="border-collapse: collapse;border-spacing: 0;width: 100%;background-color: #f1fbfe;">
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;" align="center">
<table class="one-col-feature centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;table-layout: fixed;">
<tbody>
<tr>
<td class="column" style="padding: 0;vertical-align: top;text-align: left;width: 600px;">
<div>
<div class="column-top" style="font-size: 0px;line-height: 0px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:25px;font-size:1px"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<h3 class="size-18" style="font-style: normal;font-weight: bold;Margin-bottom: 0;Margin-top: 0;font-size: 18px;line-height: 26px;font-family: Lato,Tahoma,sans-serif;color: #646b75;text-align: center;"><span style="color:#197bb0">Your new account</span></h3>
<p style="font-style: normal;font-weight: 400;Margin-bottom: 26px;Margin-top: 16px;font-size: 16px;line-height: 25px;font-family: sans-serif;color: #87898c;text-align: center;">Login: xxxxxxxxxx.createsend.com
<br>Email: xxxxx@xxxxxxxxxxxxx</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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:14px;font-size:1px"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="one-col-bg" style="border-collapse: collapse;border-spacing: 0;width: 100%;background-color: #fbfbfb;">
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;" align="center">
<table class="one-col centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;table-layout: fixed;">
<tbody>
<tr>
<td class="column" style="padding: 0;vertical-align: top;text-align: left;">
<div>
<div class="column-top" style="font-size: 0px;line-height: 0px;transition-timing-function: cubic-bezier(0, 0, 0.2, 1);transition-duration: 150ms;transition-property: all;"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<div style="line-height:24px;font-size:1px"> </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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<h2 style="font-style: normal;font-weight: bold;Margin-bottom: 0;Margin-top: 0;font-size: 26px;line-height: 34px;font-family: Lato,Tahoma,sans-serif;color: #2f353e;text-align: center;"><span style="color:rgb(25, 123, 176)">We're here to help!</span></h2>
<p class="size-15" style="font-style: normal;font-weight: 400;Margin-bottom: 26px;Margin-top: 20px;font-size: 15px;line-height: 23px;font-family: sans-serif;color: #87898c;text-align: center;"><span style="color:#848689">To talk with one of our email marketing experts, call <strong style="font-weight: bold;">1-855-526-7253</strong> or email us at </span>
<strong style="font-weight: bold;"><span style="color:#848689">sales@campaignmonitor.com</span>
</strong>
</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: 50px;padding-right: 50px;word-break: break-word;word-wrap: break-word;">
<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: sans-serif;color: #87898c;" align="center">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px;" src="http://i1.cmail20.com/ei/y/F6/663/DD5/125040/temp_import/csfinal/people7.png" alt="" width="500" height="151">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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;"> </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: #bdbdbd;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="forwardtoafriend" style="font-family: Lato,Tahoma,sans-serif;transition: opacity 0.2s ease-in;text-decoration: none;color: #ffffff;background-image: url(http://i8.cmail20.com/static/eb/beta/05-slate/imgf/forward.png);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: gray;"
href="http://campaignmonitor.forwardtomyfriend.com/y-jkilhydklk-7DF9AEEB-mykkdh-l-jlh" left-align-text="true">Forward</a>
<![endif]>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://campaignmonitor.forwardtomyfriend.com/y-jkilhydklk-7DF9AEEB-mykkdh-l-jlh"
style="width:81px" arcsize="8%" fill="t" stroke="f">
<v:fill type="tile" src="http://i8.cmail20.com/static/eb/beta/05-slate/imgf/forward.png"
color="gray"></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: #bdbdbd;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>217 2nd Street, San Francisco, CA 94105</div>
</div>
<div class="permission" style="font-family: Lato,Tahoma,sans-serif;">
<div>You’re receiving this because you’ve signed up for a new account.</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: #bdbdbd;font-weight: bold;" href="http://campaignmonitor.cmail20.com/t/y-u-mykkdh-jkilhydklk-jlk/">Unsubscribe</a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0;vertical-align: top;"> </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="https://campaignmonitor.cmail20.com/t/y-o-mykkdh-jkilhydklk/o.gif"
width="1" height="1" border="0" alt="">
</body>
</html>
</body>
</html>
2 Responses