Created
November 8, 2013 15:56
-
-
Save benbabics/7373148 to your computer and use it in GitHub Desktop.
A Pen by benbabics.
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
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff"> | |
<tbody> | |
<tr> | |
<td valign="top" height="10"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" width="121"> | |
<a href="#" target="_blank"> | |
<img src="http://blog.stik.com/wp-content/uploads/2013/04/cropped-stik-logo-small@2x.jpg" alt="Stik Logo" height="50"> | |
</a> | |
</td> | |
<td valign="top" style="text-align:right;font-size:18px;font-weight:100;font-family:Helvetica,Arial,sans-serif;vertical-align:middle"> | |
<a href="#" style="color:#3771b1;" target="_blank">View in Browser</a> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="10"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<!-- <td valign="top" style="padding:10px;background:#fafafa;border-top:2px solid #528bc9;border-bottom:2px solid #e6e6e6;"> --> | |
<td valign="top" style="background:#528bc9;border-top:2px solid #3771b1;"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td valign="top" width="580" height="370"> | |
<img src="http://lorempixel.com/580/370/abstract/" alt="" width="580" height="370" border="0" align="left" style="display:block"> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td height="60"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:35px;color:#444;font-weight:400;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:50px">Lorem Ipsum</td> | |
</tr> | |
<tr> | |
<td valign="top" height="20"> </td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:18px;color:#888;font-weight:100;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:30px"> | |
<a href="#" style="color:#528bc9" target="_blank">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Integer vel enim nec sapien malesuada iaculis. Morbi ante lacus, pharetra tincidunt leo in, venenatis euismod ante. Donec iaculis massa nec urna ultricies interdum. Morbi pretium dolor sit amet lorem vehicula vehicula. | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="38"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" align="left"> | |
<a href="#" target="_blank" style="background:#f6871f;border-bottom:2px solid #df7009;padding: 10px 20px 10px 20px;font-size:18px;color:#ffffff;font-weight:100;text-align:left;text-decoration:none;font-family:Helvetica,Arial,sans-serif;line-height:30px">Check out Stik</a> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td height="60"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<!-- | |
<tr> | |
<td valign="top" height="2" style="background:#eeeeee;line-height:0;padding:0"></td> | |
</tr> | |
<tr> | |
<td valign="top" width="100%"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td valign="top" height="80"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" width="100" height="100"> | |
<img src="http://lorempixel.com/100/100" alt="" width="100" height="100" align="left"> | |
</td> | |
<td valign="top" width="47"></td> | |
<td valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:20px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:20px"> | |
Lorem ipsum dolor sit amet | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#888;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel enim nec sapien malesuada iaculis. | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="65"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" width="100" height="100"> | |
<img src="http://lorempixel.com/100/100" alt="" width="100" height="100" align="left"> | |
</td> | |
<td valign="top" width="47"></td> | |
<td valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:20px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:20px"> | |
Lorem ipsum dolor sit amet | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#888;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel enim nec sapien malesuada iaculis. | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="65"></td> | |
</tr> | |
<tr> | |
<td valign="top"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" width="100" height="100"> | |
<img src="http://lorempixel.com/100/100" alt="" width="100" height="100" align="left"> | |
</td> | |
<td valign="top" width="47"></td> | |
<td valign="top"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:20px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:20px"> | |
Lorem ipsum dolor sit amet | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#888;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel enim nec sapien malesuada iaculis. | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="80"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
--> | |
<tr> | |
<td valign="top" width="100%" style="background:#fafafa;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;"> | |
<table width="580" height="110" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td valign="middle" width="375" style="font-size:20px;color:#444;font-weight:500;text-align:center;font-family:Helvetica,Arial,sans-serif;line-height:30px"> | |
Questions? Give us a call: | |
<span style="font-size:20px;color:#888;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif;line-height:30px"> | |
(313) 373-7844 | |
</span> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="60"></td> | |
</tr> | |
<tr> | |
<td valign="top" width="100%"> | |
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center"> | |
<tbody> | |
<tr> | |
<td valign="top" width="193"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:18px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif"> | |
Company | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Website</a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Blog </a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
<td valign="top" width="193"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:18px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif"> | |
Products | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Collect Reviews</a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Showcase Reviews</a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
<td valign="top" width="193"> | |
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |
<tbody> | |
<tr> | |
<td valign="top" style="font-size:18px;color:#444;font-weight:500;text-align:left;font-family:Helvetica,Arial,sans-serif"> | |
Follow | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="15"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Facebook</a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
<tr> | |
<td valign="top" style="font-size:17px;color:#528bc9;font-weight:100;text-align:left;font-family:Myriad Pro,Arial,sans-serif;line-height:30px"> | |
<a style="text-decoration:none;color:#528bc9;text-decoration:underline" href="#" target="_blank">Twitter</a> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="0"></td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td valign="top" height="50"></td> | |
</tr> | |
</tbody> | |
</table> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment