HP-Security-header-banner

<table cellpadding="0" cellspacing="0" width="100%" style="background-color: #DCEEF2; min-width: 100%;">
   <tbody><tr>
      <td style="padding: 0px;">
         <!-- START HERO -->
         <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody><tr>
               <td align="left" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="row expandXs" style="text-align: left; float: left;" width="320">
                     <tbody><tr>
                        <td align="left" style="padding: 20px 20px 25px 20px;" valign="top">
                           <table border="0" cellpadding="0" cellspacing="0" width="100%">
                              <tbody><tr>
                                 <td class="centerXs" style="text-align: left; color: rgb(0, 109, 184); font-size: 32px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; padding-top: 5px;" valign="top">
                                    <b>Think Security.</b>
                                 </td>
                              </tr>
                              <tr>
                                 <td class="text-center centerXs" style="padding-top: 15px; text-align: left" valign="top">
                                    <table border="0" cellpadding="0" cellspacing="0" class="table-center" style="display: table;">
                                       <tbody><tr>
                                          <td bgcolor="#ffffff" height="3" style="font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">
                                             <img height="3" src="https://spacergif.org/006DB8.gif" width="90" style="height:3px">
                                          </td>
                                       </tr>
                                    </tbody></table>
                                 </td>
                              </tr>
                              <tr>
                                 <td class="text-center centerXs" style="color: #293648; font-size: 18px; line-height: 1.4em; font-weight: 400; font-family: Arial, Helvetica, sans-serif; padding-top: 20px; text-align: left;" valign="top">
                                    {{customer.first_name}}, as a valued {{order.cobrand|upper}} customer, we care about you and your family's safety. We are dedicated to protecting the ones you love.
                                 </td>
                              </tr>
                              <tr>
                                 <td class="text-center centerXs" style="padding-top: 15px; text-align: left;" valign="top">
                                    <!-- Button -->
                                    <table border="0" cellpadding="0" cellspacing="0" class="table-center">
                                       <tbody><tr>
                                          <td align="center" bgcolor="#5EB445" style="padding: 12px 35px 12px 35px;" valign="middle">
                                             <strong style="font-weight: 700;"><strong style="font-weight: 700;"><a alias="security-offers" conversion="true" data-linkto="other" href="{{style_cobrand.url_site}}/shop/home-security/?{{style_cobrand.cobrand_pid}}&amp;utm_source={{order.cobrand|lower}}&amp;utm_medium=email&amp;utm_campaign=commercial&amp;utm_content=button-1&amp;utm_topic=security&amp;utm_cta=url-security&amp;bvconf={{order.bv_confirmation_num}}" name="CARE 2" style="color:#ffffff;text-decoration:none; font-size: 19px; line-height: 1.3em; font-weight: 400; text-transform: uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;" target="_blank" title="Look at our security offers" xt="SPCLICK"><strong style="font-weight: 700;">Learn More</strong></a></strong></strong>
                                          </td>
                                       </tr>
                                    </tbody></table>
                                    <!-- /Button -->
                                 </td>
                              </tr>
                           </tbody></table>
                        </td>
                     </tr>
                  </tbody></table>
                  <!--[if gte mso 9]>
               </td>
               <td width="330" align="right" valign="top">
                  <![endif]-->
                  <table align="right" border="0" cellpadding="0" cellspacing="0" class="row HideXs" width="330">
                     <tbody><tr>
                        <td align="left" valign="top">
                           <img alt="Saving on security is easy with HomePerks!" data-assetid="65658" height="308" src="https://i.ibb.co/nB0CKvP/security-banner.jpg" style="display: block; outline: none; padding: 0px; text-align: center; height: 308px; width: 330px; border: none;" width="330">
                        </td>
                     </tr>
                  </tbody></table>
               </td>
            </tr>
         </tbody></table>
         <!-- END HERO -->
      </td>
   </tr>
</tbody></table>