Skip to content

Instantly share code, notes, and snippets.

@bethcasey

bethcasey/gist:b60da1d9950af5a41eaf0a9bfe585115

Last active August 18, 2016 12:46
Show Gist options
  • Save bethcasey/b60da1d9950af5a41eaf0a9bfe585115 to your computer and use it in GitHub Desktop.
Save bethcasey/b60da1d9950af5a41eaf0a9bfe585115 to your computer and use it in GitHub Desktop.
Download ZIP
Team Striker Email Design | 2
Raw
gistfile1.txt
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta property="og:title" content="%%subject%%" />
<meta name="format-detection" content="telephone=no" />
<title>%%subject%%</title>
</head>
<body style="background-color: #fff; height: 100% !important; width: 100% !important; margin: 0; padding: 0;">
<div bgcolor="#ffffff" style="margin:0;padding:0">
<p style="color:white;font-size:2px"></p>
<table border="0" cellpadding="0" cellspacing="0" width="600" align="center">
<tbody><tr>
<td style="padding:40px 0 30px 0">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border:1px solid #eaeef1;border-collapse:collapse">
<tbody><tr>
<td bgcolor="#ffffff" style="padding:15px 30px 15px 30px;border-bottom:1px solid #eaeef1">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td style="color:#153b4a;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif" class="">Update with Logo Here</td>
<td align="right" style="color:#153b4a;font-size:28px;font-weight:bold;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;padding-bottom:8px" class=""><a href="" style="color:#ffffff;font-size:12px;text-decoration:none" target="_blank"><font color="#153b4a">Home</font></a></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#fff">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr height="200px;">
<td align="center" style="border-bottom:1px solid #eaeef1" class=""><img alt="Welcome Image" class="CToWUd a6T" height="250" src="http://www2.lenoxsoft.com/l/196382/2016-06-08/5jw2c/196382_/img/email_header_1.jpg" style="display: block; width: 600px; height: 250px;" tabindex="0" width="600">
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:40px 30px 20px 30px">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="color:#153b4a;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:24px" class=""><div style="text-align: center;"><b>Download our e-Brochure:<br>
Five Attitudes Every Successful Entrprenure Needs to Develop</b></div>
</td>
</tr>
<tr>
<td style="padding:20px 0 0px 0;color:#153b4a;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;line-height:20px" class=""><p>%%first_name%%&nbsp;<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br>
<br>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#FBFBFB">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:30px 30px 30px 30px;border-bottom:1px solid #eaeef1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="padding:20px 0 10px 0;color:#153b4a;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;line-height:20px;text-align:center" class="">
<a href="" style="background-color:#00bfd3;padding:10px 20px;color:#ffffff;font-weight:600;border-radius:5px;text-decoration:none" target="_blank">Update the Button Text Here</a></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:30px 30px 30px 30px;border-bottom:1px solid #eaeef1;border-top:1px solid #eaeef1">
<table border="0" cellpadding="5" cellspacing="5" width="100%">
<tbody><tr valign="top">
<td style="color:#2c3341;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;padding:0px 0px 0px 0px;text-align:center" width="45%" class=""><strong>Update Section Here</strong><br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;<br>
<br>
<br>
<a href="" style="background-color:#153b4a;padding:10px 20px;color:#ffffff;font-weight:600;border-radius:5px;text-decoration:none" target="_blank">Sample Button</a>
</td> <td valign="top" style="color:#2c3341;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;text-align:center" width="45%" class=""><strong>Update Section Here</strong><br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;<br>
<br>
<br>
<a href="" style="background-color:#153b4a;padding:10px 20px;color:#ffffff;font-weight:600;border-radius:5px;text-decoration:none" target="_blank">Sample Button</a></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:0px 0px 0px 0px;border-bottom:1px solid #eaeef1;border-top:1px solid #eaeef1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:30px 30px 30px 30px;border-bottom:1px solid #eaeef1;border-top:1px solid #eaeef1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding:30px 30px 30px 30px;border-bottom:1px solid #eaeef1;border-top:1px solid #eaeef1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="color:#2c3341;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px" width="75%" class="">%%user_html_signature%%</td>
<td align="right" width="25%" class=""></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#ccccc" style="padding:30px 30px 30px 30px">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="color:#2c3341;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px" width="75%" class="">Copyright ©&nbsp;<br>
%%account_address%%</td>
<td align="right" width="25%">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="font-family:Arial,sans-serif;font-size:12px;font-weight:bold" class="">
<a href="" style="color:#2c3341" target="_blank">
<img src="http://www2.lenoxsoft.com/l/196382/2016-07-15/chmgh/196382/13816/Twitter_Outline.png" alt="Twitter" width="47" height="39" style="display:block" border="0" class="CToWUd">
</a>
</td>
<td style="font-size:0;line-height:0" width="20" class="">&nbsp;</td>
<td style="font-family:Arial,sans-serif;font-size:12px;font-weight:bold" class="">
<a href="" style="color:#ffffff" target="_blank">
<img src="http://www2.lenoxsoft.com/l/196382/2016-07-15/chmgk/196382/13818/Facebook_Outline.png" alt="Facebook" width="50" height="50" style="display:block" border="0" class="CToWUd">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td style="padding:30px 30px 30px 30px;color:#2c3341;text-align:center;font-size:11px;font-weight:bold;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif" class=""><a href="%%unsubscribe%%">Click here to unsubscribe.</a></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment