Skip to content

Instantly share code, notes, and snippets.

@benbabics

benbabics/A-Pen-by-benbabics.markdown

Created November 8, 2013 15:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save benbabics/7373148 to your computer and use it in GitHub Desktop.
Save benbabics/7373148 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by benbabics.
Raw
index.html
<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">&nbsp;</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">
&nbsp;(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