mirror of
https://github.com/jsbin/jsbin.git
synced 2026-01-18 15:18:04 +00:00
97 lines
5.4 KiB
HTML
97 lines
5.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi">
|
||
</head>
|
||
<body id="jsbinannouce" style="width: 100% !important; -webkit-text-size-adjust: none; margin: 0; padding: 0;">
|
||
<center>
|
||
<table id="backgroundTable" style="border-spacing: 0; border-collapse: collapse; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; height: 100% !important; width: 100% !important; color: #4c4c4c; font-size: 15px; line-height: 150%; background: #ffffff; margin: 0; padding: 0; border: 0;">
|
||
<tr style="vertical-align: top; padding: 0;">
|
||
<td align="center" valign="top" style="vertical-align: top; padding: 0;">
|
||
<table class="container" id="templateContainer" style="border-spacing: 0; border-collapse: collapse; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; height: 100%; width: 600px; color: #4c4c4c; font-size: 15px; line-height: 150%; background: #ffffff; margin: 0px 0; padding: 0; border: 0;">
|
||
<tr style="vertical-align: top; padding: 0;">
|
||
<td class="container templateContainerPadding" align="center" valign="top" style="vertical-align: top; padding: 0 40px;">
|
||
<table id="templateContent" style="border-spacing: 0; border-collapse: collapse; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; height: 100%; width: 100%; background: #ffffff; margin: 0; padding: 0; border: 0;">
|
||
<tr style="vertical-align: top; padding: 0;">
|
||
<td style="vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
|
||
|
||
|
||
<!-- BODY -->
|
||
<p style="margin: 20px 0;">Just to let you know, the subscription charge for your JS Bin Pro account on {{created}}, failed against the card ending in <span style="font-family: monospace; background: #ddd;">{{last4}}</span>.</p>
|
||
|
||
<p style="margin: 20px 0;">You'll need to fix this before your subscription automatically cancelled (after 3 charge attempts).</p>
|
||
|
||
<p style="margin: 20px 0;"><a style="font-weight: bold; text-decoration: underline;" href="https://jsbin.com/account/subscription?utm_medium=email">Update your card details today</a></p>
|
||
|
||
<p style="margin: 20px 0;">Many thanks,</p>
|
||
<p style="margin: 20px 0;">– <a href="https://twitter.com/rem">Remy</a> (creator of JS Bin)</p>
|
||
|
||
<!-- /BODY -->
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
<tr style="vertical-align: top; padding: 0;">
|
||
<td class="container templateContainerPadding" align="center" valign="top" style="vertical-align: top; padding: 0 40px;">
|
||
<table id="footerContent" style="border-spacing: 0; border-collapse: collapse; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; height: 100%; width: 100%; border-top-style: solid; border-top-color: #ebeaef; color: #999999; font-size: 12px; background: #ffffff; margin: 0; padding: 0; border-width: 1px 0 0;">
|
||
<tr style="vertical-align: top; padding: 0;">
|
||
<td valign="top" style="vertical-align: top; text-align: left; padding: 0;" align="left">
|
||
<p style="margin: 20px 0;">
|
||
Your username: {{user.name}}<br>
|
||
</p>
|
||
</td>
|
||
<td width="30"> </td>
|
||
<td valign="top" style="vertical-align: top; text-align: right; padding: 0;" align="right">
|
||
<p style="margin: 20px 0;">JS Bin Ltd.<br>Company No. 8998555<br>Made in Brighton, UK</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top" style="vertical-align: top; text-align: center; padding: 0;" align="center" colspan="3">
|
||
<a style="color: #00F;font-weight: bold;text-decoration: none;" href="http://jsbin.com/upgrade?utm_source=pro-announce3&utm_medium=email&utm_content=logo&utm_campaign=pro"><img src="http://static.jsbin.com/images/jsbin-knockout.png" alt="JS Bin" width="128" height="128" style="outline: none; text-decoration: none; border: 0;" /></a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<style type="text/css">
|
||
body {
|
||
width: 100% !important;
|
||
}
|
||
.ReadMsgBody {
|
||
width: 100%;
|
||
}
|
||
.ExternalClass {
|
||
width: 100%;
|
||
}
|
||
body {
|
||
-webkit-text-size-adjust: none;
|
||
}
|
||
body {
|
||
margin: 0; padding: 0;
|
||
}
|
||
img {
|
||
border: 0; outline: none; text-decoration: none;
|
||
}
|
||
#backgroundTable {
|
||
height: 100% !important; margin: 0; padding: 0; width: 100% !important;
|
||
}
|
||
#backgroundTable {
|
||
color: #4c4c4c; background-color: #ffffff; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; font-size: 15px; line-height: 150%;
|
||
}
|
||
|
||
@media screen and (max-width: 600px) {
|
||
body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none !important }
|
||
body { width: 100% !important; min-width: 100% !important }
|
||
.container { width: auto !important; padding: 0 10px !important;}
|
||
}</style>
|
||
</body>
|
||
</html>
|