Skip to content

Instantly share code, notes, and snippets.

@procload

procload/email.html

Created April 28, 2015 19:30
Show Gist options
  • Save procload/934efbc27d5212082dc3 to your computer and use it in GitHub Desktop.
Save procload/934efbc27d5212082dc3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
email.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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<style type="text/css">
/* Responsive Media Queries */
/* //////////////////////////////////// */
@media only screen and (max-width: 600px) {
img {
max-width: auto !important;
max-height: auto !important;
}
.pre-header a {
font-size: 14px !important;
}
.hero-description p,
.large-text-block p {
font-size: 28px !important;
}
.email-header a img {
width: 400px !important;
height: 76px !important;
}
.hero-headline h1,
table[class="content-block"] .content-block-header h2 {
font-size: 36px !important;
}
table[class="content-block"] .col .content-description a {
font-size: 24px !important;
}
table[class="content-block"] .col .content-description p {
font-size: 21px !important;
}
td[class="four-col"] td {
display: block;
width: 47%;
float: left;
}
td[class="four-col"] td .col {
width: 100% !important;
padding: 0 !important;
margin-bottom: 16px;
}
td[class="four-col"] td div {
width: 100%;
}
td[class="four-col"] td img {
width: 100%;
}
td[class="four-col"] td[class="third"] {
clear: both;
}
td[class="four-col"] td[class="second"],
td[class="four-col"] td[class="last"] {
float: right;
}
}
</style>
</head>
<body style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; width: 100% !important" bgcolor="#fff">
<center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div class="frame all-the-things" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; max-width: 600px; padding: 0 20px">
<!--[if !mso]><!--><table width="100%" cellpadding="0" cellspacing="0" class="container" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%"><!--<![endif]-->
<!--[if gte mso 9]><table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="600" ><![endif]-->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<!-- ********************************* -->
<!-- Pre-Header -->
<div class="pre-header" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; padding-top: 5px; text-align: center" align="center">
<a href="{view_url}" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">Obsessed!</a>
| <a href="{view_url}" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">View in browser</a>
</div>
<!-- /Pre-Header -->
<!-- Header -->
<div class="email-header" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 15px 0 5px; text-align: center" align="center">
<a href="http://food52.com/" title="Food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">
<img src="http://media.sailthru.com/3sg/1jz/4/f/552e7a681a10b.jpg" alt="Food52" width="212" height="40" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" />
</a>
</div>
<!-- /Header -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider header" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- full image content block -->
<table class="content-block" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div class="full-image" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<a href="https://food52.com/shop/gifts/staff-picks" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none"><img alt="Staff Picks" width="600px" src="http://placehold.it/600x250" style="-ms-interpolation-mode: bicubic; border: none; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
</div>
</td>
</tr>
</table>
<h1 style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25em; margin: 0 0 10px; text-align: center; text-transform: uppercase" align="center"><a href="https://food52.com/shop/gifts/staff-picks" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">Food52 Staff Picks</a></h1>
<!-- large text block -->
<table class="content-block" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div class="large-text-block" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<p style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; margin: 0 0 16px">It's no surprise that some products from our Shop have a special place in our hearts. We ooh and ah over them from the moment they arrive in the office, rave about them even when it's old news, and buy them for our closest friends. Let's call them secret weapons—here are some Food52ers' top picks:</p>
</div> <!-- /large-text-block -->
</td>
</tr>
</table>
<!-- Two Column Large Content Block -->
<table cellpadding="0" cellspacing="0" border="0" class="content-block" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<!-- Start of two columns -->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="two-col" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 12px; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center">
<table cellpadding="0" padding-top="100" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Georgia', serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td height="280" valign="middle" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"> <div class="content-image" style="float: none; font-family: 'Georgia', serif; font-size: 28px;">
<a href="https://food52.com/shop/products/116-flour-sack-towel-set-of-3" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;">
Flour Sack Towels</a></div>
<div><a href="https://food52.com/users/26633-kenzi-wilbur" style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; font-size: 16px;">"This is like the perfect pair of blue jeans for your kitchen: You'll reach for them everyday, and they'll get better, softer, with use."<br />—Kenzi, Managing Editor</a>
</a></div><br />
<div><center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<a href="https://food52.com/shop/products/116-flour-sack-towel-set-of-3" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"><img alt="Shop Now" width="124px" src="http://media.sailthru.com/3sg/1jz/3/9/54fde98d75968.png" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
</div>
</center></div>
</td>
</tr>
</table>
</td>
<!-- /col -->
<td width="40" class="spacer" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"></td>
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="https://food52.com/shop/products/116-flour-sack-towel-set-of-3" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 6px; text-align: center; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jz/4/r/553eaec09b6b9.jpg" width="280" border="0" alt="tip1"/></a></div></td>
</tr>
</table></td>
</tr>
</table></td>
<!-- /col -->
</tr>
</table>
</td>
</tr>
</table> <!-- /content-block -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- Two Column Large Content Block -->
<table cellpadding="0" cellspacing="0" border="0" class="content-block" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<!-- Start of two columns -->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="two-col" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 12px; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="https://food52.com/shop/products/1167-brass-coasters" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 6px; text-align: center; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jz/4/s/553fd09ae13a9.jpg" width="280" border="0" alt="Brass Coasters"/></a></div></td>
<!-- /col -->
<td width="40" class="spacer" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"></td>
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center">
<table cellpadding="0" padding-top="100" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Georgia', serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td height="280" valign="middle" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"> <div class="content-image" style="float: none; font-family: 'Georgia', serif; font-size: 28px;">
<a href="https://food52.com/shop/products/1167-brass-coasters" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;">
Brass Coasters</a></div>
<div><a href="https://food52.com/users/784-michael-hoffman" style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; font-size: 16px;">"Bought them as gifts, then treated myself. They're satisfyingly hefty, and look great under a tumbler of whiskey."<br />—Michael, Product Manager</a>
</a></div><br />
<div><center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<a href="https://food52.com/shop/products/1167-brass-coasters" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"><img alt="Shop Now" width="124px" src="http://media.sailthru.com/3sg/1jz/3/9/54fde98d75968.png" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
</div>
</center></div>
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
<!-- /col -->
</tr>
</table>
</td>
</tr>
</table> <!-- /content-block -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- Footer -->
<div class="email-footer" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1.7em; padding: 14px 0 40px; text-align: center" align="center">
<div class="social-icons" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 0 10px">
<a href="https://www.facebook.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c5ac0309.png" alt="Facebook" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
<a href="https://twitter.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c747f14b.png" alt="Twitter" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
<a href="http://www.pinterest.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c6d92653.png" alt="Pinterest" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
<a href="http://instagram.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c6219ea8.png" alt="Instagram" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a>
</div>
<div class="footer-text" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<a href="{forward_url}" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: underline">Forward this email</a> to a friend.
<a href="{optout_confirm_url}" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: underline">Click here to unsubscribe or manage your preferences.</a>
<br style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif" />
© {date(yyy)} Food52. All Rights Reserved.
<br style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif" />
{include 'address'}
</div>
{beacon}
</div>
<!-- /Footer -->
<!-- ********************************* -->
</td>
</tr>
</table>
</div> <!-- /frame -->
</center>
<center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div class="frame all-the-things" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; max-width: 600px; padding: 0 20px">
<!--[if !mso]><!-->
<table width="100%" cellpadding="0" cellspacing="0" class="container" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; max-width: 600px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<!--<![endif]-->
<!--[if gte mso 9]><table align="center" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="600" ><![endif]-->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"><!-- ********************************* -->
<!-- Pre-Header -->
<div class="pre-header" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; padding-top: 5px; text-align: center" align="center"> <a href="{view_url}" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">Obsessed!</a> | <a href="{view_url}" style="color: #ccc; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">View in browser</a> </div>
<!-- /Pre-Header -->
<!-- Header -->
<div class="email-header" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 15px 0 5px; text-align: center" align="center"> <a href="http://food52.com/" title="Food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none"> <img src="http://media.sailthru.com/3sg/1jz/4/f/552e7a681a10b.jpg" alt="Food52" width="212" height="40" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /> </a> </div>
<!-- /Header -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider header" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- full image content block -->
<table class="content-block" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"><div class="full-image" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="https://food52.com/shop/gifts/staff-picks" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none"><img alt="Staff Picks" width="600px" src="http://placehold.it/600x250" style="-ms-interpolation-mode: bicubic; border: none; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> </div></td>
</tr>
</table>
<h1 style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25em; margin: 0 0 10px; text-align: center; text-transform: uppercase" align="center"><a href="https://food52.com/shop/gifts/staff-picks" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none">Food52 Staff Picks</a></h1>
<!-- large text block -->
<table class="content-block" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"><div class="large-text-block" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<p style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; margin: 0 0 16px">It's no surprise that some products from our Shop have a special place in our hearts. We ooh and ah over them from the moment they arrive in the office, rave about them even when it's old news, and buy them for our closest friends. Let's call them secret weapons—here are some Food52ers' top picks:</p>
</div>
<!-- /large-text-block --></td>
</tr>
</table>
<!-- Two Column Large Content Block -->
<table cellpadding="0" cellspacing="0" border="0" class="content-block" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<!-- Start of two columns -->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="two-col" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 12px; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" padding-top="100" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Georgia', serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td height="280" valign="middle" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Georgia', serif; font-size: 28px;"> <a href="https://food52.com/blog/11653-5-reasons-to-serve-buffet-style" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"> Flour Sack Towels</a></div>
<div><a href="" style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; font-size: 16px;">&quot;This is like the perfect pair of blue jeans for your kitchen: You'll reach for them everyday, and they'll get better, softer, with use.&quot;<br />
—Kenzi, Managing Editor</a> </a></div>
<br />
<div>
<center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"><img alt="Shop Now" width="124px" src="http://media.sailthru.com/3sg/1jz/3/9/54fde98d75968.png" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> </div>
</center>
</div></td>
</tr>
</table></td>
<!-- /col -->
<td width="40" class="spacer" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"></td>
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="https://food52.com/blog/11653-5-reasons-to-serve-buffet-style" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 6px; text-align: center; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jz/4/r/553eaec09b6b9.jpg" width="280" border="0" alt="tip1"/></a></div></td>
</tr>
</table></td>
</tr>
</table></td>
<!-- /col -->
</tr>
</table></td>
</tr>
</table>
<!-- /content-block -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- Two Column Large Content Block -->
<table cellpadding="0" cellspacing="0" border="0" class="content-block" style="border-collapse: collapse; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0 0 15px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; text-align: center; width: 100%">
<!-- Start of two columns -->
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="two-col" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 12px; mso-table-lspace: 0pt; mso-table-rspace: 0pt">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="https://food52.com/blog/11653-5-reasons-to-serve-buffet-style" style="color: #666; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 6px; text-align: center; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jz/4/r/553eaec09b6b9.jpg" width="280" border="0" alt="tip1"/></a></div></td>
<!-- /col -->
<td width="40" class="spacer" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"></td>
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td valign="top" class="col" width="280" align="center" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center"><table cellpadding="0" padding-top="100" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Georgia', serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td height="280" valign="middle" class="content-item large" style="border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 10px"><div class="content-image" style="float: none; font-family: 'Georgia', serif; font-size: 28px;"> <a href="https://food52.com/blog/11653-5-reasons-to-serve-buffet-style" style="color: #7b9196; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"> Flour Sack Towels</a></div>
<div><a href="" style="color: #909090; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; font-size: 16px;">&quot;This is like the perfect pair of blue jeans for your kitchen: You'll reach for them everyday, and they'll get better, softer, with use.&quot;<br />
—Kenzi, Managing Editor</a> </a></div>
<br />
<div>
<center style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;"><img alt="Shop Now" width="124px" src="http://media.sailthru.com/3sg/1jz/3/9/54fde98d75968.png" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> </div>
</center>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<!-- /col -->
</tr>
</table></td>
</tr>
</table>
<!-- /content-block -->
<!-- Divider -->
<table border="0" cellpadding="0" cellspacing="0" class="section-divider" style="border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 20px; border-collapse: collapse; border-top-color: #fff; border-top-style: solid; border-top-width: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; margin: 0 auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%">
<tr style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif">
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
<td style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px" bgcolor="#f7f7f7"> </td>
<td class="gutter" style="background: #f7f7f7; border-collapse: collapse; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 5px; line-height: 5px; width: 0" bgcolor="#f7f7f7"></td>
</tr>
</table>
<!-- /Divider -->
<!-- Footer -->
<div class="email-footer" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 1.7em; padding: 14px 0 40px; text-align: center" align="center">
<div class="social-icons" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 0 10px"> <a href="https://www.facebook.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c5ac0309.png" alt="Facebook" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> <a href="https://twitter.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c747f14b.png" alt="Twitter" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> <a href="http://www.pinterest.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c6d92653.png" alt="Pinterest" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> <a href="http://instagram.com/food52" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 5px; text-decoration: none"><img src="http://media.sailthru.com/3sg/1jy/6/n/53a86c6219ea8.png" alt="Instagram" style="-ms-interpolation-mode: bicubic; border: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: auto !important; max-width: 100%; outline: none; text-decoration: none" /></a> </div>
<div class="footer-text" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif"> <a href="{forward_url}" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: underline">Forward this email</a> to a friend. <a href="{optout_confirm_url}" target="_blank" style="color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: underline">Click here to unsubscribe or manage your preferences.</a> <br style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif" />
© {date(yyy)} Food52. All Rights Reserved. <br style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif" />
{include 'address'} </div>
{beacon} </div>
<!-- /Footer -->
<!-- ********************************* --></td>
</tr>
</table>
</div>
<!-- /frame -->
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment