Last active
August 29, 2015 14:00
-
-
Save dannyvassallo/1e0bbe3ae797fcdcc61e to your computer and use it in GitHub Desktop.
Compiled Email
This file contains 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 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 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 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 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 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 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 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 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 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