Skip to content

Instantly share code, notes, and snippets.

@seanc

seanc/output.html

Created October 3, 2016 22:24
Show Gist options
  • Save seanc/58d9e199b3b4b6c435c8f71d103eb14c to your computer and use it in GitHub Desktop.
Save seanc/58d9e199b3b4b6c435c8f71d103eb14c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
output.html
<!DOCTYPE html>
<html lang="en" style="min-height: 100%;">
<head>
<meta charset="utf-8">
</head>
<body style="background-color: #32363a; background-image: linear-gradient(#383c40,#2c3034); color: #6a6e72; font: 400 16px/1 '-apple-system', BlinkMacSystemFont, sans-serif; margin: 0; min-height: 100%; min-width: 608px; text-rendering: optimizeLegibility;">
<div style="display: none;">🚚</div>
<div style="box-sizing: border-box; margin: auto; padding: 16px; width: 640px;">
<div style="margin: 16px 0; text-align: center; text-transform: uppercase;">advertisement</div>
<div style="border-radius: 4px; box-shadow: 0 32px 64px rgba(31,35,39,0.5); overflow: hidden;">
<a href="http://http://www.machineryaccess.com/" style="background: #1f2327; color: #d51f36; display: block;"><img src="http://www.accesspublishinginc.com/images/banner-machinery.gif" alt="Machinery Access Banner" style="display: block; max-width: 100%;"></a>
<div style="background: #e7ebef; color: #1f2327; padding: 16px;">
<div style="text-transform: capitalize;">
<table style="background: #1f2327; border-spacing: 4px; color: #d7dbdf; text-align: center; width: 100%;">
<tbody>
<tr>
<td colspan="4" style="padding: 0; vertical-align: top;">
<div style="box-sizing: border-box; font-size: 20px; font-weight: 300; letter-spacing: 0.0625em; min-width: 256px; padding: 4px 8px;">Active Truck Parts and Sales</div>
</td>
</tr>
<tr>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.activetruckparts.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/active/1.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.activetruckparts.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/active/2.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.activetruckparts.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/active/3.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;"><a href="http://www.activetruckparts.com/" style="background-color: #32363a; background-image: linear-gradient(#383c40,#2c3034); color: #d7dbdf; display: block; line-height: 104.25px; text-decoration: none; width: 139px;">see more</a></td>
</tr>
<tr>
<td colspan="4" style="background: #e7ebef; box-sizing: border-box; color: #1f2327; letter-spacing: normal; line-height: 1.25; min-height: 48px; min-width: 256px; padding: 4px 8px; text-align: left; vertical-align: top;"><span>We have the region s largest inventory of used parts for medium and heavy duty trucks</span></td>
</tr>
<tr>
<th colspan="2" style="padding: 0;">
<div style="box-sizing: border-box; font-weight: 300; min-width: 256px; padding: 4px 8px;">19640 CR 28, Hudson CO 80642</div>
<div style="box-sizing: border-box; font-weight: 300; min-width: 256px; padding: 4px 8px;">1-877-337-8695</div>
</th>
<td colspan="2" style="padding: 0; vertical-align: top;"><a href="http://www.activetruckparts.com/" style="background-color: #ca2035; background-image: linear-gradient(#d51f36,#be2034); box-sizing: border-box; color: #d7dbdf; display: block; height: 48px; line-height: 40px; min-width: 256px; padding: 4px 8px; text-decoration: none;">learn more</a></td>
</tr>
</tbody>
</table>
</div>
<div style="padding: 16px 0 0; text-transform: capitalize;">
<table style="background: #1f2327; border-spacing: 4px; color: #d7dbdf; text-align: center; width: 100%;">
<tbody>
<tr>
<td colspan="4" style="padding: 0; vertical-align: top;">
<div style="box-sizing: border-box; font-size: 20px; font-weight: 300; letter-spacing: 0.0625em; min-width: 256px; padding: 4px 8px;">Puget Sound Truck Sales</div>
</td>
</tr>
<tr>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.pugetsoundtrucks.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/puget/1.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.pugetsoundtrucks.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/puget/2.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;">
<a href="http://www.pugetsoundtrucks.com/" style="color: #d7dbdf; display: block; text-decoration: none;"><img src="http://www.accesspublishinginc.com/email/thumbs/14/puget/3.gif" alt="Product Thumbnail" style="display: block; max-width: 100%;"></a>
</td>
<td style="padding: 0; vertical-align: top;"><a href="http://www.pugetsoundtrucks.com/" style="background-color: #32363a; background-image: linear-gradient(#383c40,#2c3034); color: #d7dbdf; display: block; line-height: 104.25px; text-decoration: none; width: 139px;">see more</a></td>
</tr>
<tr>
<td colspan="4" style="background: #e7ebef; box-sizing: border-box; color: #1f2327; letter-spacing: normal; line-height: 1.25; min-height: 48px; min-width: 256px; padding: 4px 8px; text-align: left; vertical-align: top;"><span>Phone: (253) 863-7646, Cell: 253-405-0854, Email: [email protected]</span></td>
</tr>
<tr>
<th colspan="2" style="padding: 0;">
<div style="box-sizing: border-box; font-weight: 300; min-width: 256px; padding: 4px 8px;">1512 Thornton Ave. SW</div>
<div style="box-sizing: border-box; font-weight: 300; min-width: 256px; padding: 4px 8px;">Pacific, Washington 98047</div>
</th>
<td colspan="2" style="padding: 0; vertical-align: top;"><a href="http://www.pugetsoundtrucks.com/" style="background-color: #ca2035; background-image: linear-gradient(#d51f36,#be2034); box-sizing: border-box; color: #d7dbdf; display: block; height: 48px; line-height: 40px; min-width: 256px; padding: 4px 8px; text-decoration: none;">learn more</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment