Skip to content

Instantly share code, notes, and snippets.

@dannyvassallo
Last active August 29, 2015 14:00
Show Gist options
  • Save dannyvassallo/1e0bbe3ae797fcdcc61e to your computer and use it in GitHub Desktop.
Save dannyvassallo/1e0bbe3ae797fcdcc61e to your computer and use it in GitHub Desktop.
Compiled Email
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Status Update</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left"> Hi {{email}},</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
According to our records, a status update has been posted to your account. Further action may be required so we urge you to log into your account by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK FOR ACCOUNT LOGIN</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Subscription Cancelled</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{email}}, we&rsquo;re sorry to see you go!</h2>
<h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">As requested {{track}} by {{artist}} will be removed from VYDIA.</h3>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
According to our records, your release has been cancelled. Unfortunately your content will be removed from all stores and all related reviews, stream counts and comments will be deleted. We hate to see you leave so in case you change your mind we&rsquo;ll keep your content on file. To avoid disruption in your service we encourage you to update your billing information by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO UPDATE BILLING INFORMATION</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Annual Subscription (ACTION REQUIRED)</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{name}}, {{track}} by {{artist}} is up for renewal on {{renewal date}}</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="text-align: center; vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="center">***ACTION REQUIRED***</h3>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
According to our records, your credit card on file has expired. To avoid disruption in your service we encourage you to update your billing information by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO UPDATE BILLING INFORMATION</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please provide valid credit card information in order for your release to be renewed on the renewal date, {{renewal date}}. If your credit card cannot be charged, then your release will not be renewed, your content will be removed from all stores and all related reviews, stream counts and comments will be deleted.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO UPDATE BILLING INFORMATION</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Annual Subscription</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{email}}, {{track}} by {{artist}} is up for renewal on {{renewal date}}</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Your account is set to auto renew. To avoid disruption in your service we encourage you to update your billing information by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO UPDATE BILLING INFORMATION</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Receipt - Get on VEVO for as low as $20!</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Receipt for your payment to VYDIA</h2>
<h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{email}}, we appreciate your business.</h3>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;">
{{receipt}}
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Receipt - Get on TV for as low as $20!</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Receipt for your payment to VYDIA</h2>
<h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{email}}, we appreciate your business.</h3>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;">
{{receipt}}
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">File request from {{requester}}.</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{email}}, {{requester}}, would like your help uploading a file.</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">{{track}}, {{artist}}</h3>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Uploading a file is easy so get started today by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO UPLOAD FILE</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">Reset your VYDIA password.</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">{{ email }}, forgot your password?</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
According to our records, you requested your password be reset. Get started by clicking the button below.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO RESET PASSWORD</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA Annual Subscription PAYMENT FAILED</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">VYDIA Annual Subscription (PAYMENT FAILED)</h2>
<h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">Hi {{name}}, {{track}} by {{artist}} is up for renewal on {{renewal date}}</h3>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><center style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<h3 style="text-align: center; vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="center">***ACTION REQUIRED***</h3>
</center>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;">
According to our records, your credit card payment has failed. To avoid disruption in your service we encourage you to update your billing information by clicking the button below.
<br style="font-family: 'Montserrat', 'Helvetica', 'Arial';">
If your credit card cannot be charged, then your release will not be renewed, your content will be removed from all stores and all related reviews, stream counts and comments will be deleted.
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">UPDATE BILLING INFORMATION</a>
</section><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
<head><style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
h1{
color:#606060;
display:block;
font-family:Helvetica;
font-size:40px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
}
body {
background-color: #F6F6F6;
text-align: center;
}
* {
font-family: 'Montserrat', 'Helvetica', 'Arial';
}
#body-content {
width: 690px;
margin: 0 auto;
display: inline-block;
text-align: left;
}
#pre-text {
padding: 6px 12px;
}
#footer {
padding: 6px 12px;
}
#main-content {
padding: 0 12px;
text-align: center;
background-color: #F6F6F6;
}
/* classes */
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-top: 1em;
}
.btn {
background: rgb(211, 19, 168) !important;
color: rgb(255, 255, 255) !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 3em;
display: inline-block;
text-decoration: none;
padding: 0 2em;
text-align: center;
font-size: 0.9em;
text-transform: uppercase;
border: none;
font-weight: normal;
min-width: 200px;
margin-bottom: 25px;
outline: 0;
cursor: pointer;
}
.bar {
background-color: white;
}
.tiny {
font-size: 60%;
}
section {
padding: 6px 12px;
}
</style></head>
<body style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0; border: 0;" bgcolor="#F6F6F6">
<div id="body-content" style="vertical-align: baseline; width: 690px; display: inline-block; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0 auto; padding: 0; border: 0;" align="left">
<div id="pre-text" class="tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0; padding: 6px 12px; border: 0;">VYDIA account balance</div>
<div id="header" class="bar" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: white; margin: 0; padding: 0; border: 0;">
<img src="http://pullzone.vydiainc.netdna-cdn.com/wp-content/uploads/2014/02/logo.jpg" alt="Vydia Logo" style="vertical-align: baseline; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;">
</div>
<div id="main-content" style="vertical-align: baseline; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; background-color: #F6F6F6; margin: 0; padding: 0 12px; border: 0;" align="center">
<div class="clear" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 0; border: 0;"></div>
<h2 style="vertical-align: baseline; color: #404040; display: block; letter-spacing: -.75px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 26px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">{{email}}, your account is eligible for payment.</h2>
<section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
According to our records, your account has a balance of {{account balance}} and is now eligible for payment. Login to your account by clicking the button below and request payment.
</p>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><a href="#link" class="btn" style="vertical-align: baseline; word-wrap: break-word; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: rgb(211, 19, 168) !important; color: rgb(255, 255, 255) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; text-decoration: none; text-align: center; text-transform: uppercase; min-width: 200px; outline: 0; cursor: pointer; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 3em; font-family: 'Montserrat', 'Helvetica', 'Arial'; margin: 0 0 25px; padding: 0 2em; border: 0 none;">CLICK TO REQUEST PAYMENT</a>
</section><section style="vertical-align: baseline; display: block; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 0; padding: 6px 12px; border: 0;"><h3 style="vertical-align: baseline; color: #606060; display: block; letter-spacing: -.5px; text-align: left; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 125%; font-family: Helvetica; margin: 1em 0 0; padding: 0; border: 0;" align="left">
Thanks for using VYDIA!
</h3>
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
-The VYDIA support team
</p>
</section>
</div>
<div id="footer" class="bar tiny" style="vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; font-size: 60%; line-height: normal; font-family: 'Montserrat', 'Helvetica', 'Arial'; background-color: white; margin: 0; padding: 6px 12px; border: 0;">
<p style="vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: normal; line-height: normal; margin: 1em 0; padding: 0; border: 0;" align="left">
Please do not reply to this email. This mailbox is not monitored and you will not receive a response. For assistance, please visit support.vydia.com.
</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment