HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URL's added here will be added as <link>
s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
If the stylesheet you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!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" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<title>HERSHEY</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta name="format-detection" content="telephone=no" />
<style type="text/css">
body { margin: 0 !important; padding: 0 !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
img { border: 0 !important; outline: none !important; }
p { Margin: 0px !important; Padding: 0px !important; }
table { border-collapse: collapse; mso-table-lspace: 0px; mso-table-rspace: 0px; }
td, a, span { border-collapse: collapse; mso-line-height-rule: exactly; }
.ExternalClass * { line-height: 100%; }
.defaultlink_ia a { color: inherit !important; text-decoration: none !important; }
span.MsoHyperlink { mso-style-priority: 99; color: inherit; }
span.MsoHyperlinkFollowed { mso-style-priority: 99; color: inherit; }
.marun_ia a { text-decoration: none; color: #7b443e; }
.white_ia a { text-decoration: none; color: #ffffff; }
.whiteA_ia a { text-decoration: underline; color: #ffffff; }
@media only screen and (min-width:481px) and (max-width:667px) {
.main_table_ia { width: 100% !important; }
.wrapper_ia { width: 100% !important; }
.side_ia { width: 10px !important; }
.hide_ia { display: none !important; }
.img_ia { width: 100% !important; height: auto !important; max-width: none !important; }
.height_ia { height: 20px !important; }
.top_ia { padding-top: 20px !important; }
.pad_ia { padding: 0 25px !important; }
.aside_ia { padding: 25px 14px !important; }
.auto_ia { height: auto !important; }
.h30_ia { height: 50px !important; }
.pad_n_ia { padding: 0px !important; }
.topA_ia { line-height: 50px !important; }
.pad_left_ia { padding: 0px 0px 20px 6px !important; }
.pad20_ia { padding: 20px 0px !important; }
.top10_ia { padding-top: 10px !important; }
.clear_ia { clear: both !important; width: 100% !important; display: block !important; }
.aside2_ia { padding: 30px 15px 15px!important; }
.h25_ia { height: 25px !important; }
.topbtm_ia { padding: 10px 0px !important; }
.padd20_ia { padding: 0px 20px !important; }
}
@media only screen and (min-width:375px) and (max-width:480px) {
.main_table_ia { width: 100% !important; }
.wrapper_ia { width: 100% !important; }
.side_ia { width: 10px !important; }
.hide_ia { display: none !important; }
.img_ia { width: 100% !important; height: auto !important; max-width: none !important; }
.height_ia { height: 20px !important; }
.top_ia { padding-top: 20px !important; }
.pad_ia { padding: 0 25px !important; }
.aside_ia { padding: 25px 14px !important; }
u + .body_ia .full_wrap_ia { width: 100% !important; width: 100vw !important; }
.auto_ia { height: auto !important; }
.h30_ia { height: 50px !important; }
.br_ia { display: block !important; border-top: 1px #9f8085 solid !important; }
.pad_n_ia { padding: 0px !important; }
.topA_ia { line-height: 50px !important; }
.pad_left_ia { padding: 0px 0px 20px 6px !important; }
.br1_ia { display: block !important; }
.pad20_ia { padding: 20px 0px !important; }
.top10_ia { padding-top: 10px !important; }
.clear_ia { clear: both !important; width: 100% !important; display: block !important; }
.aside2_ia { padding: 30px 15px 15px!important; }
.h25_ia { height: 25px !important; }
.topbtm_ia { padding: 10px 0px !important; }
.padd20_ia { padding: 0px 20px !important; }
}
@media screen and (max-width: 374px) {
.main_table_ia { width: 100% !important; }
.wrapper_ia { width: 100% !important; }
.side_ia { width: 10px !important; }
.hide_ia { display: none !important; }
.img_ia { width: 100% !important; height: auto !important; max-width: none !important; }
.height_ia { height: 20px !important; }
.top_ia { padding-top: 20px !important; }
.top10_ia { padding-top: 10px !important; }
.pad_ia { padding: 0 25px !important; }
.aside_ia { padding: 25px 10px !important; }
.aside2_ia { padding: 30px 15px 15px!important; }
u + .body_ia .full_wrap_ia { width: 100% !important; width: 100vw !important; }
.auto_ia { height: auto !important; }
.h30_ia { height: 50px !important; }
.br_ia { display: block !important; border-top: 1px #9f8085 solid !important; }
.pad_n_ia { padding: 0px !important; }
.topA_ia { line-height: 50px !important; }
.pad_left_ia { padding: 0px 0px 20px 6px !important; }
.br1_ia { display: block !important; }
.pad20_ia { padding: 20px 0px !important; }
.font14_ia { font-size: 13px !important; }
.h25_ia { height: 25px !important; }
.clear_ia { clear: both !important; width: 100% !important; display: block !important; }
.topbtm_ia { padding: 10px 0px !important; }
.font22_ia { font-size: 23px !important; line-height: 27px !important; }
.padd20_ia { padding: 0px 20px !important; }
.fonts14_ia { font-size: 14px !important; }
}
</style>
</head>
<body class="body_ia" style="margin:0px auto; padding:0px;" bgcolor="#ffffff">
<img src="http://link.hersheys.com/1x1.dyn?0HD5xN_CIxNqmtB-pwM1ys=0" width=1 height=1
width="1" height="1" border="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="full_wrap_ia"
bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table align="center" width="720" border="0" cellspacing="0" cellpadding="0" class="main_table_ia"
style="width:720px; table-layout:fixed;">
<!-- header section -->
<tr>
<td bgcolor="#ffffff" valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="padding:8px 8px 0px; color:#4b1c1b; font-family:Arial, sans-serif; font-size:12px; line-height:15px;">
<a href="#" target="_blank" style="color:#4b1c1b; text-decoration:none;">Enter our sweepstakes!</a>
</td>
</tr>
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="15" style="width:15px;" class="side_ia"> </td>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="10" style="height:10px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
<tr>
<td valign="top" align="left" class="pad_left_ia">
<a href="https://www.hersheys.com/en_us/home.html?utm_campaign=email_HSYMar219&utm_source=Header&utm_medium=email&utm_content=Hershey_Logo"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/logo.png" alt="HERSHEY"
width="96" height="25" style="display:block; border:none; max-width:96px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"
/>
</a>
</td>
</tr>
<tr>
<td height="14" class="hide_ia" style="height:14px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
</tbody>
</table>
</td>
<td width="15" style="width:15px;" class="side_ia"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--// header section -->
<!-- body section -->
<tr>
<td align="center" valign="top">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="auto_ia" valign="top" background="http://images.postdirect.com/master/7/817263/bg_1.jpg"
height="263" style="background-image:url(http://images.postdirect.com/master/7/817263/bg_1.jpg); background-size:cover; background-position:center top; background-repeat:no-repeat;"
bgcolor="#fe5201">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:720px;height:263px;">
<v:fill type="frame" src="http://images.postdirect.com/master/7/817263/bg_1.jpg"
color="#fe5201" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" height="263" style="height:263px;" class="auto_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" style="width:15px;" class="side_ia"> </td>
<td align="center" valign="top">
<table align="center" width="690" border="0" cellspacing="0" cellpadding="0" style="width:690px;"
class="wrapper_ia">
<tr>
<td height="65" style="height:65px; font-size:0px; line-height:0px;" class="h30_ia">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
<tr>
<td class="defaultlink_ia font22_ia" align="center" style="color:#3e000a; font-family:Arial, sans-serif; font-size:25px; line-height:28px; font-weight:bold;">It's all about REESE'S this month</td>
</tr>
<tr>
<td height="7" style="height:7px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#3e000a; font-family:Arial, sans-serif; font-size:15px; line-height:20px;">From delicious treats to a sweet sweepstakes,<span class="br1_ia"></span> we're
<br
class="hide_ia" />sharing our favorite ways to celebrate<span class="br1_ia"></span> March Madness.</td>
</tr>
<tr>
<td height="73" style="height:73px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
<tr>
<td align="center" valign="bottom">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#4b1c1b" align="center" valign="middle" class="white_ia fonts14_ia"
height="50" style="font-family:Arial, sans-serif;font-size:15px;color:#ffffff;font-weight:bold;text-transform:uppercase;">Snacks to make the crowd go wild</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="15" style="width:15px;" class="side_ia"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#fe5201">
<tr>
<td width="15" style="width:15px;" class="side_ia"> </td>
<td valign="bottom" align="center">
<table width="690" style="width:690px;" border="0" cellspacing="0" cellpadding="0"
class="wrapper_ia" align="center" bgcolor="#ffad00">
<tr>
<td align="center" valign="top" style="padding:38px 34px 40px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="left" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px; background-color:#421e1e;"
class="wrapper_ia">
<tr>
<td valign="top" align="center">
<a href="https://www.hersheys.com/kitchens/en_us/recipes/reeses-lovers-cookies.html?utm_campaign=email_HSYMar219&utm_source=Kitchens&utm_medium=email&utm_content=Reese_Lover_Cookies"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/HER_MarchSend2_ReesesGIFvs2@2x.gif"
width="310" height="155" style="display:block; max-width:310px; color:#ffffff; font-family:'Tahoma', Geneva, sans-serif; font-size:14px; line-height:23px;"
class="img_ia" border="0" alt="Reese's" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 30px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">REESE'S on REESE'S on REESE'S!</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:15px; line-height:20px; padding-bottom:15px;">These simple cookies are fully loaded<span class="br1_ia"></span> and a real crowd-pleaser.
<br
/> <span style="font-size:12px;">Skill Level: Beginner | Prep Time: 5 minutes</span>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="https://www.hersheys.com/kitchens/en_us/recipes/reeses-lovers-cookies.html?utm_campaign=email_HSYMar219&utm_source=Kitchens&utm_medium=email&utm_content=Reese_Lover_Cookies"
target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">Bake now!</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2" style="width:2px;" class="clear_ia" bgcolor="#ffad00">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="right" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px;"
class="wrapper_ia">
<tr>
<td align="center" valign="top" class="top10_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#421e1e">
<tr>
<td align="center" valign="top">
<a href="https://www.hersheys.com/kitchens/en_us/recipes/allstar-team-cupcakes.html?utm_campaign=email_HSYMar219&utm_source=Kitchens&utm_medium=email&utm_content=All_Star_Team_Cupcakes"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/img4.jpg" width="310" height="155"
style="display:block; max-width:310px; font-family:'Tahoma', Geneva, sans-serif; font-size:14px; line-height:23px;"
class="img_ia" border="0" alt="" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 25px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">A creative way to celebrate<span class="br1_ia"></span> the big game</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:15px; line-height:20px; padding-bottom:15px;">Add a touch of creativity to fuel that<span class="br1_ia"></span> hungry basketball
team.
<br /> <span style="font-size:12px;">Skill Level: Beginner | Prep Time: 65 minutes</span>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="https://www.hersheys.com/kitchens/en_us/recipes/allstar-team-cupcakes.html?utm_campaign=email_HSYMar219&utm_source=Kitchens&utm_medium=email&utm_content=All_Star_Team_Cupcakes"
target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">Make the team</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="15" style="width:15px;" class="side_ia"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="background-color:#6d1f42;" bgcolor="#6d1f42">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#fe5201">
<tr>
<td width="15" style="width:15px;" class="side_ia"> </td>
<td valign="bottom" align="center">
<table width="690" style="width:690px;" border="0" cellspacing="0" cellpadding="0"
class="wrapper_ia" align="center" bgcolor="#6d1f42">
<tr>
<td bgcolor="#4b1c1b" align="center" valign="middle" class="white_ia topbtm_ia fonts14_ia"
height="50" style="font-family:Arial, sans-serif;font-size:15px;color:#ffffff;font-weight:bold;text-transform:uppercase;">Cheer on your team with<span class="br1_ia"></span> these game-winning treats</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:38px 34px 40px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="left" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px; background-color:#421e1e;"
class="wrapper_ia">
<tr>
<td valign="top" align="center">
<a href="https://shop.reeses.com/REESES-1-lb-Gift-Tin/p/HSY-482817&c=Hersheys@Reeses@Gifts@BestSellers?utm_campaign=email_HSYMar219&utm_source=Reese&utm_medium=email&utm_content=Reese_Gift_Tin"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/img1.jpg" width="310" style="display:block; max-width:310px; color:#ffffff; font-family:'Tahoma', Geneva, sans-serif; font-size:14px; line-height:23px;"
class="img_ia" border="0" alt="Reese's" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 30px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">1 lb. Gift Tin</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:15px; line-height:20px; padding-bottom:15px;">filled with delicious REESE'S Peanut<span class="br1_ia"></span> Butter Cup Miniatures</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="https://shop.reeses.com/REESES-1-lb-Gift-Tin/p/HSY-482817&c=Hersheys@Reeses@Gifts@BestSellers?utm_campaign=email_HSYMar219&utm_source=Reese&utm_medium=email&utm_content=Reese_Gift_Tin"
target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">shop now</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2" style="width:2px;" class="clear_ia" bgcolor="#6d1f42">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="right" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px;"
class="wrapper_ia">
<tr>
<td align="center" valign="top" class="top10_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#421e1e">
<tr>
<td align="center" valign="top">
<a href="https://shop.reeses.com/Worlds-Largest-REESES-Peanut-Butter-Cups-Filled-with-REESES-PIECES-Candies/p/HSY-447237&c=Hersheys@Reeses@Holiday?utm_campaign=email_HSYMar219&utm_source=Reese&utm_medium=email&utm_content=Reese_Largest_PB_Cup"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/img2.jpg" width="310" style="display:block; max-width:310px; font-family:'Tahoma', Geneva, sans-serif; font-size:14px; line-height:23px; color:#ffffff;"
class="img_ia" border="0" alt="Reese's Pieces Big Cup" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 30px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">World's Largest REESE'S<span class="br1_ia"></span> Peanut Butter Cups</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:14px; line-height:20px; padding-bottom:15px;">filled with REESE'S PIECES Candies</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="https://shop.reeses.com/Worlds-Largest-REESES-Peanut-Butter-Cups-Filled-with-REESES-PIECES-Candies/p/HSY-447237&c=Hersheys@Reeses@Holiday?utm_campaign=email_HSYMar219&utm_source=Reese&utm_medium=email&utm_content=Reese_Largest_PB_Cup"
target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">shop now</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="15" style="width:15px;" class="side_ia"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="background-color:#6d1f42;" bgcolor="#6d1f42">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#fe5201">
<tr>
<td align="center" valign="top">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#fe5201">
<tr>
<td width="15" style="width:15px;" class="side_ia"> </td>
<td valign="bottom" align="center" class="auto_ia">
<table width="690" style="width:690px;" border="0" cellspacing="0" cellpadding="0"
class="wrapper_ia" align="center" bgcolor="#31c6f4">
<tr>
<td bgcolor="#4b1c1b" align="center" valign="middle" class="white_ia fonts14_ia"
height="50" style="font-family:Arial, sans-serif;font-size:15px;color:#ffffff;font-weight:bold;text-transform:uppercase;">More ways to get in the spirit</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:38px 34px 10px;" class="aside2_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="left" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px; background-color:#421e1e;"
class="wrapper_ia">
<tr>
<td align="center" valign="top">
<a href="https://www.hersheys.com/chocolateworld/en_us/seasonal-events.html?utm_campaign=email_HSYMar219&utm_source=HCW&utm_medium=email&utm_content=Reese_Basketball_Challenge"
target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/image_1.jpg" width="310"
style="display:block; max-width:310px; color:#ffffff; font-family:'Tahoma', Geneva, sans-serif; font-size:14px; line-height:23px;"
class="img_ia" border="0" alt="Reese's BASKETBALL Challenge" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 20px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">Get in on the madness</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:15px; line-height:20px; padding-bottom:22px;">Step on up to the REESE'S
<br class="hide_ia" /> <span class="br1_ia"></span> Basketball Challenge! Join us
<br class="hide_ia" /> <span class="br1_ia"></span> <strong>weekends through March 17</strong> at
<span
class="br1_ia"></span>HERSHEY'S CHOCOLATE WORLD.</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="https://www.hersheys.com/chocolateworld/en_us/seasonal-events.html?utm_campaign=email_HSYMar219&utm_source=HCW&utm_medium=email&utm_content=Reese_Basketball_Challenge"
target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">Details</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2" style="width:2px;" class="clear_ia" bgcolor="#31c6f4">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
<td align="center" valign="top" class="clear_ia" bgcolor="#421e1e">
<table align="right" width="310" border="0" cellspacing="0" cellpadding="0" style="width:310px;"
class="wrapper_ia">
<tr>
<td align="center" valign="top" class="top10_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#421e1e">
<tr>
<td align="center" valign="top">
<a href="/Html/404.html?aspxerrorpath=/en-us/AgeGate" target="_blank" style="text-decoration:none;">
<img src="http://images.postdirect.com/master/7/817263/image_2.jpg" width="310"
style="display:block; max-width:310px; font-family:'Tahoma', Geneva, sans-serif; color:#ffffff; font-size:14px; line-height:23px;"
class="img_ia" border="0" alt="Go for 3 Reese's 3 Winner every hour!" />
</a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding:20px 10px 24px;" class="aside_ia">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="defaultlink_ia" align="center" style="color:#ffffff; font-family:Arial, sans-serif; font-size:17px; line-height:21px; font-weight:bold; padding-bottom:10px;">Enter for the chance to win a box
<br class="hide_ia" />of REESE'S 3-CUP Packs!</td>
</tr>
<tr>
<td align="center" class="font14_ia defaultlink_ia" style="color:#ffffff; font-family:Arial, sans-serif; font-size:15px; line-height:20px; padding-bottom:21px;">Go for 3 with our March Madness<span class="br1_ia"></span> sweepstakes*. Request
a code or upload<span class="br1_ia"></span> proof of your REESE'S purchase to enter.</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center" valign="middle" class="marun_ia" height="40" style="font-family:Arial, sans-serif;font-size:15px;color:#3e000a;font-weight:bold;text-transform:uppercase;">
<a href="/Html/404.html?aspxerrorpath=/en-us/AgeGate" target="_blank" style="text-decoration:none;color:#3e000a;display:block;line-height:40px;">How to Play</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="middle" class="whiteA_ia padd20_ia" style="font-family:Arial, sans-serif;font-size:9px; line-height:12px;color:#ffffff;">*NO PURCH. NEC. Open to legal US res of 50 US/DC, 18+ only. Begins 2/4/19 and
ends 4/8/19.
<a href="https://reesesgoforthree.com/en-us/Rules?utm_campaign=email_HSYMar219&utm_source=Reese&utm_medium=email&utm_content=Reese_March_Madness_Sweeps"
target="_blank" style="text-decoration:underline; color:#ffffff; white-space:nowrap;">Click here for official rules</a>. Void where prohibited.</br>REESE'S
is the Official Candy Partner of NCAA Basketball®</td>
</tr>
<tr>
<td height="42" class="h25_ia" style="height:42px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
</table>
</td>
<td width="15" style="width:15px;" class="side_ia"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="42" class="h25_ia" style="height:42px; font-size:0px; line-height:0px;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" width="1"
height="1" style="display:block; border:none;" />
</td>
</tr>
</table>
</td>
</tr>
<!-- body section -->
<!-- footer section -->
<tr>
<td bgcolor="#3e000a" class="pad_n_ia" valign="top" align="center" style="padding:30px 30px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="center" style="color:#71444b; font-family:Arial, sans-serif; font-size:15px; line-height:20px; text-transform:uppercase; font-weight:bold; text-transform:uppercase;">
<a href="https://www.hersheys.com/en_us/our-brands.html?utm_campaign=email_HSYMar219&utm_source=Footer&utm_medium=email&utm_content=Our_Brands"
target="_blank" style="color:#ffffff; text-decoration:none;" class="topA_ia">our brands</a> <span class="hide_ia"> | </span>
<span
class="br_ia"></span>
<a href="https://www.hersheys.com/kitchens/en_us/home.html?utm_campaign=email_HSYMar219&utm_source=Footer&utm_medium=email&utm_content=Bake"
target="_blank" style="color:#ffffff; text-decoration:none;" class="topA_ia">BAKE</a> <span class="hide_ia"> | </span>
<span
class="br_ia"></span>
<a href="https://www.hersheys.com/celebrate/en_us/home.html?utm_campaign=email_HSYMar219&utm_source=Footer&utm_medium=email&utm_content=Celebrate"
target="_blank" style="color:#ffffff; text-decoration:none;" class="topA_ia">celebrate</a> <span class="hide_ia"> | </span>
<span
class="br_ia"></span>
<a href="https://www.hersheys.com/chocolateworld/en_us/home.html?utm_campaign=email_HSYMar219&utm_source=Footer&utm_medium=email&utm_content=Visit_Us"
target="_blank" style="color:#ffffff; text-decoration:none;" class="topA_ia">visit us</a> <span class="hide_ia"> | </span>
<span
class="br_ia"></span>
<a href="https://www.hersheysstore.com/?utm_campaign=email_HSYMar219&utm_source=Footer&utm_medium=email&utm_content=Shop"
target="_blank" style="color:#ffffff; text-decoration:none;" class="topA_ia">shop</a> <span class="br_ia"></span>
</td>
</tr>
<tr>
<td height="50" style="height:50px;" class="height_ia"> </td>
</tr>
<tr>
<td class="top_ia" valign="middle" align="center" style="color:#c2c2c2; font-family:Arial, sans-serif; font-size:10px; line-height:20px; font-weight:bold;">
<a href="https://www.thehersheycompany.com/en_us/home/privacy-policy.html" target="_blank"
style="color:#c2c2c2; text-decoration:none;">Privacy Policy</a>
<a href="http://link.hersheys.com/YesConnect/HtmlMessagePreview?i12g7Zqotot8S4UCySPemnc3Wq50Zo4v1QI15MjZOK0=.enc=&msgVersion=web"
target="_blank" style="color:#c2c2c2; text-decoration:none;">View in browser</a>
<a href="http://email.hersheys.com/unsubscribe.jsp?s=5cMQ&i=27711802708"
target="_blank" style="color:#c2c2c2; text-decoration:none;">Unsubscribe</a>
</td>
</tr>
<tr>
<td height="30" style="height:30px;" class="height_ia"> </td>
</tr>
<tr>
<td class="pad_ia defaultlink_ia" valign="middle" align="center" style="color:#c2c2c2; font-family:Arial, sans-serif; font-size:10px; line-height:15px;"><span style="font-style:italic;">Disclaimer: You are receiving this email because you have previously provided The Hershey Company with your e-mail address.<br class="hide_ia"/>
We will periodically send you marketing communications about our products, recipes, stores and more. If you no longer want<br class="hide_ia"/>
to receive these communications, please click the <a href="http://email.hersheys.com/unsubscribe.jsp?s=5cMQ&i=27711802708" target="_blank" style="text-decoration:none;color:#c2c2c2;">UNSUBSCRIBE</a> link above and follow the instructions for unsubscribing.</span>
<br
/>
<br />© 2019 The Hershey Company
<br />100 Crystal A Drive, Hershey, PA 17033
<br />
<a href="tel:8004681714" style="color:#c2c2c2; text-decoration:none;">800-468-1714</a>
</td>
</tr>
<tr>
<td height="50" style="height:50px;" class="height_ia"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="hide_ia" style="line-height:1px;min-width:720px;background-color:#ffffff;">
<img alt="" src="http://images.postdirect.com/master/7/817263/spacer.gif" height="1"
width="720" style="max-height:1px; min-height:1px; display:block; width:720px; min-width:720px;"
border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="hide_ia" style="white-space: nowrap; display: none; font-size:0px; line-height:0px;color:#4b1c1b; background-color:#4b1c1b;">
</div>
</body>
</html>
Also see: Tab Triggers