Skip to content

Instantly share code, notes, and snippets.

@cchantep

cchantep/subscribe-success-mail.html

Last active August 29, 2015 14:02
Show Gist options
  • Save cchantep/dbe056fff36afeca4e48 to your computer and use it in GitHub Desktop.
Save cchantep/dbe056fff36afeca4e48 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
subscribe-success-mail.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" />
<title>Welcome Message</title>
</head>
<body>
<center>
<table width="600" background="#FFFFFF" style="text-align:left" cellpadding="0" cellspacing="0">
<tr>
<td height="18" width="31" style="border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="18" width="131">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="18" width="466" style="border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
</tr>
<tr>
<td height="2" width="31" style="border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="2" width="131">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="2" width="466" style="border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
</tr>
<!--STRIPE-->
<tr>
<td width="31" bgcolor="lightblue" style="border-top:1px solid #FFF; border-bottom:1px solid #FFF" height="113">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<!--WHITE TEXT AREA-->
<td width="131" bgcolor="#FFFFFF" style="border-top:1px solid #FFF; text-align:center" height="113" valign="middle">
<span style="font-size:25px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:blue">Success!</span>
</td>
<!--TEXT AREA-->
<td bgcolor="lightblue" style="border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding-left:15px" height="113">
<span style="color:#FFFFFF; font-size:18px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">Thank you for subscribing to [SERVICE].</span>
</td>
</tr>
<!--DOUBLE BORDERS BOTTOM-->
<tr>
<td height="3" width="31" style="border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="3" width="131">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td height="3" style="border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4">
<div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
</tr>
<tr>
<td colspan="3">
<!--CONTENT STARTS HERE-->
<br />
<br />
<table cellpadding="0" cellspacing="0">
<tr>
<td width="15"><div style="line-height: 0px; font-size: 1px; position: absolute">&nbsp;</div>
</td>
<td width="325" style="padding-right:10px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:12px" valign="top">
<h2 style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:17px">Welcome!</h2>
<p>You are successfully subscribed and can look forward:</p>
<ul>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ul>
<p>In the meantime, you can <a href="[YOUR WEBSITE ADDRESS]">return to my website</a> to continue browsing.</p>
Best Regards,<br/>
[YOUR NAME]<br/>
[YOUR COMPANY NAME]<br/>
<br/>
This welcome email was sent to {!email} because you recently signed up to Applidok service.
</td>
<td style="border-left:1px solid #e4e4e4; padding-left:15px" valign="top">
<!--RIGHT COLUMN FIRST BOX-->
<table width="100%" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #e4e4e4; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:12px">
<tr>
<td>
<div style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:17px; font-weight:bold; padding-bottom:10px">Add Us To Your Address Book</div>
<img src="https://cloud.githubusercontent.com/assets/166062/3193049/a298dd22-eced-11e3-85a5-6452cb7204b2.png" align="right" style="padding-left:10px; padding-top:10px; padding-bottom:10px" alt=""/>
<p>To help ensure that you receive all email messages consistently in your inbox, please add this address to your address book or contacts list: <strong>[YOUR REPLY ADDRESS]</strong>.</p>
<br />
</td>
</tr>
</table>
<!--RIGHT COLUMN SECOND BOX-->
<br />
<table width="100%" cellpadding="0" cellspacing="0" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:12px">
<tr>
<td>
<div style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:17px; font-weight:bold; padding-bottom:10px">Have Any Questions?</div>
<img src="https://cloud.githubusercontent.com/assets/166062/3193050/a29c20b8-eced-11e3-868c-b6ad0de42f5a.png" align="right" style="padding-left:10px; padding-top:10px; padding-bottom:10px" alt=""/>
<p>Don't hesitate to hit the reply button to any of the messages you receive.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<table cellpadding="0" style="border-top:1px solid #e4e4e4; text-align:center; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:12px" cellspacing="0" width="600">
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment