123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

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.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!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">&nbsp;</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">&nbsp;</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">&nbsp;</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&nbsp;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">&nbsp;</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">&nbsp;</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&nbsp;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">&nbsp;</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">&nbsp;</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&nbsp;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&nbsp;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&nbsp;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">&nbsp;</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">&nbsp;</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&nbsp;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&nbsp;where&nbsp;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">&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">&nbsp;</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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <a href="http://link.hersheys.com/YesConnect/HtmlMessagePreview?i12g7Zqotot8S4UCySPemnc3Wq50Zo4v1QI15MjZOK0=.enc=&msgVersion=web"
                      target="_blank" style="color:#c2c2c2; text-decoration:none;">View in browser</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <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">&nbsp;</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&nbsp;for&nbsp;unsubscribing.</span> 
                      <br
                      />
                      <br />&copy; 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">&nbsp;</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;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp;</div>
  </body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console