Last active
August 29, 2015 14:00
-
-
Save dannyvassallo/1e0bbe3ae797fcdcc61e to your computer and use it in GitHub Desktop.
Compiled Email
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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’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’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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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