cchantep/subscribe-success-mail.html

## 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>