Email sent from Bonobos to a Newsletter subscriber

Bonobos Newsletter subscriber

Subscribed 6 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- SUPPORTS OUTLOOK DPI SCALING-->
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!-- PREVENTS PAGE ZOOMING -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  <!-- ADDS SUPPORT FOR OLD VERSIONS OF INTERNET EXPLORER -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!-- LINK DETECTION -->
  <meta content="telephone=no" name="format-detection"/>
  <!-- APPEARS IN BROWSER TAB -->
  <title>
   Bonobos
  </title>
  <!-- OPTIONAL GOOGLE FONT -->
  <!--[if !mso]><!-- -->
  <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&amp;display=swap" rel="stylesheet"/>
  <!--<![endif]-->
  <!-- FAVICON  -->
  <link href="//www.google.com/s2/favicons?domain=https://bonobos.com/" rel="icon" type="image/png"/>
  <!-- DARK MODE -->
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
  <style>
   /* DARK MODE */
 :root {
  color-scheme: light;
  supported-color-schemes: light;
   }
 
/* CUSTOM FONTS */
@font-face {
   font-family: "Avenir Next";
  /* REGULAR  src: url("https://inboxflows.com/_/image/https%253A%252F%252Fhighline-production-static.bonobos.com%252Fstatic%252Fpublic%252Ffonts%252Favenir%252FAvenirNextW06-Regular-42726636dcc3020a70064b96f2872e1c.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZoaWdobGluZS1wciJ9:1qPMok:fAk_btUNnpfGbQokq_N2HdPpKRFZybHCM3evknO-Ok0") format('woff');*/
 src: url("https://inboxflows.com/_/image/https%253A%252F%252Fhighline-production-static.bonobos.com%252Fstatic%252Fpublic%252Ffonts%252Favenir%252FAvenirNextW06-Medium-53ec3444b9b24aafd1136f3757b28b6b.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZoaWdobGluZS1wciJ9:1qPMok:fAk_btUNnpfGbQokq_N2HdPpKRFZybHCM3evknO-Ok0") format('woff');
   font-weight: 400;
   font-display: swap;
 }
 
@font-face {
   font-family: "Avenir Next";
   src: url("https://inboxflows.com/_/image/https%253A%252F%252Fhighline-production-static.bonobos.com%252Fstatic%252Fpublic%252Ffonts%252Favenir%252FAvenirNextW06-Bold-593f9cbe96d0600c1b2d7900956adbdd.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZoaWdobGluZS1wciJ9:1qPMok:fAk_btUNnpfGbQokq_N2HdPpKRFZybHCM3evknO-Ok0") format('woff');
   font-weight: 700;
   font-display: swap;
 }
 
/* PREVENTS BROWSER TEXT RESIZING */
*, body, div, p, a, li, table, td, table td {
 -webkit-text-size-adjust: none !important;
 -moz-text-size-adjust: none !important;
 -o-text-size-adjust: none !important;
 -ms-text-size-adjust: none !important;
}
/* GENERAL STYLING */
body, table, td, table td, img {
 font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; 
 border: none;
 margin: 0px;
 padding: 0px;
}
/* PREVENTS WINDOWS 10 FROM UNDERLINING LINKS */
a {text-decoration: none;}
/* YAHOO STRIPS THE INLINE STYLING OF THE BODY TAG, SO THIS IS A FALLBACK */
body {
 background: #ffffff; 
}
/*ALLOWS TEXT WRAPPING, CONTROLS LINE HEIGHT, AND PREVENTS ADDED BORDERS IN OUTLOOK */
body, table, td, table td {
 mso-line-height-rule: exactly; 
  mso-margin-bottom-alt:0; 
  mso-margin-top-alt:0; 
  mso-table-lspace:0pt; 
  mso-table-rspace:0pt;
 border-collapse: collapse; 
} 
/* OUTLOOK.COM FIXES. OUTLOOK.COM AUTOMATICALLY ADDS A CLASS OF "ExternalClass" TO YOUR BODY TAG, WHICH IS WHY THESE WORK */
/*RESETS OUTLOOK.COM LINE HEIGHT TO 100% INSTEAD OF ITS DEFAULT OF 131% */
.ExternalClass * {
 line-height: 100%;
 width: 100%; 
}
 
/* DARK MODE */
/* TARGETS OUTLOOK IOS, IOS MAIL, APPLE MAIL, OUTLOOK 2019 MAC, OUTLOOK.COM */
@media (prefers-color-scheme: dark ) {
 
 /* BACKGROUNDS */
 .darkModeBackgroundBlack {background: #000000 !important;}
 .darkModeBackgroundWhite {background: #ffffff !important;}
 .darkModeBackgroundGrey1 {background: #111111 !important;}
 .darkModeBackgroundGrey2 {background: #222222 !important;}
 .darkModeBackgroundGrey3 {background: #333333 !important;}
 .darkModeBackgroundGrey4 {background: #555555 !important;}
 .darkModeBackgroundGrey5 {background: #5b5d64 !important;}
 .darkModeBackgroundBranded1 {background: #000000 !important;}
 .darkModeBackgroundBranded2 {background: #000000 !important;}
 .darkModeBackgroundBranded3 {background: #000000 !important;}
 .darkModeBackgroundBranded4 {background: #000000 !important;}
 .darkModeBackgroundBranded5 {background: #000000 !important;}
 .darkModeBackgroundAlert {background: #000000 !important;}
 
 /* TEXT */
 .darkModeTextWhite {color: #ffffff !important;}
 .darkModeTextBlack {color: #000000 !important;}
 .darkModeTextLightGrey {color: #f4f4f4 !important;}
 .darkModeTextBranded1 {color: #ffffff !important;}
 .darkModeTextBranded2 {color: #ffffff !important;}
 .darkModeTextBranded3 {color: #ffffff !important;}
 .darkModeTextBranded4 {color: #ffffff !important;}
 .darkModeTextBranded5 {color: #ffffff !important;}
 
 /* CTA */
   .darkModeCTA1 {background: #848484 !important; border: none !important; color: #ffffff !important}
 .darkModeCTA2 {background: #666666 !important; border: none !important; color: #ffffff !important }
 .darkModeCTA3 {background: #000000 !important; border: none !important;  color: #ffffff !important}
 .darkModeCTA4 {background: #000000 !important; border: none !important; color: #ffffff !important }
 .darkModeCTA5 {background: #000000 !important; border: none !important; color: #ffffff !important }
 
 /* HIDE */
 .darkModeHide {display: none !important;}
 
 }

@media only screen and (max-width: 500px) {
  
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
 .mobileBackgroundWhite {background: #ffffff !important;} 
 
/*------------MOBILE HIDE AND SHOW---------------*/
.mobileHide {
 display: none !important;
 height: 0px !important;
 width: 0px !important;
 max-height: 0px !important;
 max-width: 0px !important;
 font-size: 0px !important;
 line-height: 0px !important;
}
.mobileShow {
 display: block !important;
 height: auto !important;
 width: auto !important;
 max-height: none !important;
 max-width: none !important;
 font-size: 10px !important;
 line-height: 10px !important;
}
/*-------------ALIGNMENT-------------------------*/
.block {
 display: block !important; 
}
.inlineBlock {
 display: inline-block !important; 
}
.centerBlock {
 margin: 0px auto !important; 
 float: none !important;
}
.centerText {text-align: center !important;}
.leftText {text-align: left !important;}
.rightText {text-align: right !important;}

/*---------HEIGHT----------*/
.heightAuto {height: auto !important;}
.height230 {height: 230px !important;}
.height130 {height: 130px !important;}
.height20 {height: 20px !important;}

/*---------WIDTH----------*/
.maxWidth480 {max-width: 480px !important;}
.widthAuto {width: auto !important;}
.widthFull {width: 100% !important; min-width: inherit !important; height: auto !important;}
.width320 {width: 320px !important; min-width: inherit !important;}
.width318 {width: 318px !important;}
.width310 {width: 310px !important;}
.width300 {width: 300px !important;}
.width298 {width: 298px !important;}
.width290 {width: 290px !important;}
.width280 {width: 280px !important;}
.width278 {width: 278px !important;}
.width270 {width: 270px !important;}
.width260 {width: 260px !important;}
.width250 {width: 250px !important;}
.width240 {width: 240px !important;}
.width230 {width: 230px !important;}
.width220 {width: 220px !important;}
.width210 {width: 210px !important;}
.width200 {width: 200px !important;}
.width190 {width: 190px !important;}
.width180 {width: 180px !important;}
.width170 {width: 170px !important;}
.width160 {width: 160px !important;}
.width150 {width: 150px !important;}
.width140 {width: 140px !important;}
.width130 {width: 130px !important;}
.width120 {width: 120px !important;}
.width110 {width: 110px !important;}
.width100 {width: 100px !important;}
.width90 {width: 90px !important;}
.width80 {width: 80px !important;}
.width70 {width: 70px !important;}
.width60 {width: 60px !important;}
.width50 {width: 50px !important;}
.width40 {width: 40px !important;}
.width30 {width: 30px !important;}
.width20 {width: 20px !important;}
.width10 {width: 10px !important;}
.width5 {width: 5px !important;}

/*---------PADDING----------*/
.clearPadding {padding: 0px !important}
.clearLeftPadding {padding-left: 0px !important;}
.clearRightPadding {padding-right: 0px !important;}
.clearTopPadding {padding-top: 0px !important;}
.clearBottomPadding {padding-bottom: 0px !important;}

.padding50 {padding: 50px !important;}
.padding40 {padding: 40px !important;}
.padding30 {padding: 30px !important;}
.padding20 {padding: 20px !important;}
.padding19 {padding: 19px !important;}
.padding15 {padding: 15px !important;}
.padding10 {padding: 10px !important;}
.padding9 {padding: 9px !important;}
.padding5 {padding: 5px !important;}

.paddingLeft100 {padding-left: 100px !important;}
.paddingLeft90 {padding-left: 90px !important;}
.paddingLeft80 {padding-left: 80px !important;}
.paddingLeft70 {padding-left: 70px !important;}
.paddingLeft60 {padding-left: 60px !important;}
.paddingLeft50 {padding-left: 50px !important;}
.paddingLeft40 {padding-left: 40px !important;}
.paddingLeft30 {padding-left: 30px !important;}
.paddingLeft20 {padding-left: 20px !important;}
.paddingLeft10 {padding-left: 10px !important;}
.paddingLeft5 {padding-left: 5px !important;}

.paddingRight100 {padding-right: 100px !important;}
.paddingRight90 {padding-right: 90px !important;}
.paddingRight80 {padding-right: 80px !important;}
.paddingRight70 {padding-right: 70px !important;}
.paddingRight60 {padding-right: 60px !important;}
.paddingRight50 {padding-right: 50px !important;}
.paddingRight40 {padding-right: 40px !important;}
.paddingRight30 {padding-right: 30px !important;}
.paddingRight20 {padding-right: 20px !important;}
.paddingRight10 {padding-right: 10px !important;}
.paddingRight5 {padding-right: 5px !important;}

.paddingBottom100 {padding-bottom: 100px !important;}
.paddingBottom90 {padding-bottom: 90px !important;}
.paddingBottom80 {padding-bottom: 80px !important;}
.paddingBottom70 {padding-bottom: 70px !important;}
.paddingBottom60 {padding-bottom: 60px !important;}
.paddingBottom50 {padding-bottom: 50px !important;}
.paddingBottom40 {padding-bottom: 40px !important;}
.paddingBottom30 {padding-bottom: 30px !important;}
.paddingBottom20 {padding-bottom: 20px !important;}
.paddingBottom13 {padding-bottom: 13px !important;}
.paddingBottom10 {padding-bottom: 10px !important;}
.paddingBottom5 {padding-bottom: 5px !important;}

.paddingTop100 {padding-top: 100px !important;}
.paddingTop90 {padding-top: 90px !important;}
.paddingTop80 {padding-top: 80px !important;}
.paddingTop70 {padding-top: 70px !important;}
.paddingTop60 {padding-top: 60px !important;}
.paddingTop50 {padding-top: 50px !important;}
.paddingTop40 {padding-top: 40px !important;}
.paddingTop30 {padding-top: 30px !important;}
.paddingTop20 {padding-top: 20px !important;}
.paddingTop10 {padding-top: 10px !important;}
.paddingTop5 {padding-top: 5px !important;}

/*---------BORDERS----------*/
.clearBorders { border: none !important;}
.clearLeftBorder {border-left: none !important;}
.clearRightBorder {border-right: none !important;}
.clearTopBorder {border-top: none !important;}
.clearBottomBorder {border-bottom: none !important;}

.leftBorder {border-left: 1px solid #666666 !important;}
.rightBorder {border-right: 1px solid #666666 !important;}
.topBorder {border-top: 1px solid #666666 !important;}
.bottomBorder {border-bottom: 1px solid #666666 !important;}

/*---------FONT SIZES----------*/
.font40 {font-size:40px !important; line-height: 52px !important;}
.font35 {font-size:35px !important; line-height: 44px !important;}
.font30 {font-size:30px !important; line-height: 38px !important;}
.font25 {font-size:25px !important; line-height: 32px !important;}
.font20 {font-size:20px !important; line-height: 26px !important;}
.font18 {font-size:18px !important; line-height: 22px !important;}
.font17 {font-size:17px !important; line-height: 21px !important;}
.font16 {font-size:16px !important; line-height: 20px !important;}
.font15 {font-size:15px !important; line-height: 19px !important;}
.font14 {font-size:14px !important; line-height: 18px !important;}
.font13 {font-size:13px !important; line-height: 17px !important;}
.font12 {font-size:12px !important; line-height: 16px !important;}
.font11 {font-size:11px !important; line-height: 14px !important;}
.font10 {font-size:10px !important; line-height: 13px !important;}

}
  </style>
  <!-- FOR OUTLOOK DPI SCALING -->
  <!--[if gte mso 9]> <xml>     <o:OfficeDocumentSettings>     <o:AllowPNG/>     <o:PixelsPerInch>96</o:PixelsPerInch>     </o:OfficeDocumentSettings> </xml> <![endif]-->
  <!-- BACKUP FONTS FOR OUTLOOK -->
  <!--[if mso]>    <style type="text/css">       body, table, td {font-family:  Tahoma,  sans-serif !important; v-text-align:left;}    </style> <![endif]-->
 </head>
 <body class="darkModeBackgroundGrey1 mobileBackgroundWhite" style="background: #f7f7f7; margin: 0px; padding: 0px;">
  <style type="text/css">
   div.preheader 
{ display: none !important; }
  </style>
  <div class="preheader" style="font-size: 1px; display: none !important;">
   Available for a limited time only. Terms apply.
  </div>
  <!-- 100% WIDTH WRAPPER BACKGROUND TABLE -->
  <table border="0" cellpadding="0" cellspacing="0" class="darkModeBackgroundGrey1 mobileBackgroundWhite" style="background: #f7f7f7;" width="100%">
   <tr>
    <td align="center" class="clearPadding darkModeBackgroundGrey1 mobileBackgroundWhite" style="background: #f7f7f7; padding: 20px 0px;">
     <!-- FIXED WIDTH, CENTERED WRAPPER TABLE -->
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="width320" style="table-layout: fixed; min-width: 700px; width: 700px;" width="700">
      <tr>
       <td align="left">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td align="center" class="darkModeBackgroundWhite" style="background: #ffffff;">
                 <table align="center" border="0" cellpadding="0" cellspacing="0" class="width320" style="width: 700px;" valign="top" width="700">
                  <tr>
                   <td class="paddingTop10 clearBottomPadding" style="padding: 10px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                     <tr>
                      <!-- LOGO -->
                      <td class="height20" style="background: #ffffff; margin: 0px auto;">
                       <a data-linkto="https://" title="">
                        <img alt="" class="width130" data-assetid="86276" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252Fb86f4a84-dfda-4482-9b70-294a82c07cd4.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 200px; height: auto; padding: 0px 0px 10px 0px; margin: 0px; text-align: center;" width="200"/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td class="paddingLeft20 paddingRight20 clearTopPadding clearBottomPadding" style="background: #000000; padding: 5px 0px; margin: 0px auto;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- HEADLINE -->
                  <tr>
                   <td class="darkModeTextWhite" style="text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #ffffff; font-weight: 400; letter-spacing: 1px;">
                    <h1 class="font10 darkModeTextWhite" style="font-weight: 400; margin: 5px 0px; font-size: 14px;">
                     <a data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 0px 0px 0px; line-height: 16px;" title="">
                      Free Shipping &amp; Returns in the U.S.
                     </a>
                    </h1>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td align="center" class="darkModeBackgroundWhite" style="background: #ffffff;">
                 <a data-linkto="https://" title="">
                  <img alt="Extra 30% Off Sale Items Shop The Semi-Annual Season Finale  *terms and exclusions apply. " data-assetid="125050" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252Fc74b905f-cbef-424d-be60-0149216e9ca2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 100%; height: auto; padding: 0px; text-align: center;" width="700"/>
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td class="darkModeBackgroundWhite paddingLeft20 paddingRight20" style="background: #ffffff; padding: 20px 50px 30px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- HEADLINE -->
                  <tr>
                   <td class="darkModeTextBlack" style="text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 2px;">
                    <h1 class="font25 paddingLeft20 paddingRight20" style="font-weight: 400; margin: 0px 0px 20px; font-size: 28px;">
                     EXTRA 30% OFF ALL SALE ITEMS
                    </h1>
                   </td>
                  </tr>
                  <!-- TEXT -->
                  <tr>
                   <td class="darkModeTextBlack" style="padding: 0x 0px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 0px;">
                    <p class="clearPadding font14" style="margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px; padding: 0px 50px;">
                     You know all those styles you saved and forgot about? They’re on sale now. Just thought you should know.
                     <br/>
                     <br/>
                     USE CODE:
                     <b>
                      SUMMERFIN
                     </b>
                    </p>
                   </td>
                  </tr>
                  <!-- CTA -->
                  <tr>
                   <td align="center" style="padding: 25px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                     <tr>
                      <td class="darkModeCTA3" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 12px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; ">
                       <a class="darkModeCTA3" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                        SHOP SALE
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                  <!-- SUB TEXT -->
                  <tr>
                   <td class="darkModeTextBlack" style="padding: 0x 0px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 0px;">
                    <p class="font10 paddingLeft10 paddingRight10" style="margin: 25px 0px 0px 0px; font-size: 10px; line-height: 15px; padding: 0px 180px;">
                     TERMS APPLY.
                    </p>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- GRID -->
               <tr>
                <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 0px; margin: 0px;">
                 <!--if[if mso]>    <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 25px; margin: 0px;"><! [endif]-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- GRID ROW -->
                  <tr>
                   <td style="padding: 0px 0px 0px 0px;">
                    <!--[if mso]>  <table width="620" width="620px;" border="0"  cellspacing="0" cellpadding="0" align="center">  <tr>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 1 -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="right" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP PANTS
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  <td width="30" style="width: 30px;" valign="top">  </td>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 2 -->
                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3 paddingLeft10 paddingRight10" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP SHIRTS
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  </tr>  </table>  <![endif]-->
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td class="height20 darkModeBackgroundWhite" height="25" style="height: 25px; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- GRID -->
               <tr>
                <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 0px; margin: 0px;">
                 <!--if[if mso]>    <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 25px; margin: 0px;"><! [endif]-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- GRID ROW -->
                  <tr>
                   <td style="padding: 0px 0px 0px 0px;">
                    <!--[if mso]>  <table width="620" width="620px;" border="0"  cellspacing="0" cellpadding="0" align="center">  <tr>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 1 -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="right" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP GOLF
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  <td width="30" style="width: 30px;" valign="top">  </td>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 2 -->
                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3 paddingLeft10 paddingRight10" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP JEANS
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  </tr>  </table>  <![endif]-->
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td class="height20 darkModeBackgroundWhite" height="25" style="height: 25px; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- GRID -->
               <tr>
                <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 0px; margin: 0px;">
                 <!--if[if mso]>    <td class="clearPadding darkModeBackgroundWhite" style="background: #ffffff; padding: 0px 40px 25px; margin: 0px;"><! [endif]-->
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- GRID ROW -->
                  <tr>
                   <td style="padding: 0px 0px 0px 0px;">
                    <!--[if mso]>  <table width="620" width="620px;" border="0"  cellspacing="0" cellpadding="0" align="center">  <tr>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 1 -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="right" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP BLAZERS
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  <td width="30" style="width: 30px;" valign="top">  </td>  <td width="295" style="width: 295px;" valign="top">  <!             [endif]-->
                    <!-- CTA 2 -->
                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="width150" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td align="center" style="padding: 0px 0px 0px;">
                       <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                        <tr>
                         <td class="darkModeCTA3 font10 width140" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 11px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; " width="180">
                          <a class="darkModeCTA3 paddingLeft10 paddingRight10" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                           SHOP SWEATERS
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>  </td>  </tr>  </table>  <![endif]-->
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <tr>
                <td class="darkModeBackgroundWhite padding20" style="background: #ffffff; padding: 15px 0px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- CTA -->
                  <tr>
                   <td align="center" style="padding: 0px 0px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                     <tr>
                      <td class="darkModeCTA3 clearPadding" height="34" style="background: #000000; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; text-align: center; font-size: 12px; line-height: 16px; font-weight: 400;  height: 34px; letter-spacing: 2px; padding: 0px 0px;">
                       <a class="darkModeCTA3" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                        SHOP ALL
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" role="presentation" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- AMPSCRIPT VARIABLES -->
               <tr>
                <td>
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <td height="1" style="display:none; height: 1px; line-height: 0px; font-size: 0px;color: #f2f2f2;">
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- DIVIDING LINE -->
               <tr>
                <td class="darkModeBackgroundWhite paddingRight5 paddingLeft5" style="background: #ffffff; padding: 0px 20px 0px; margin: 0px 0px;">
                 <hr height="1" style="height:1px; border:0 none; color: #505050; background-color: #505050; margin-top:10px; margin-bottom:10px;"/>
                </td>
               </tr>
               <!-- SERVICE -->
               <tr>
                <td class="darkModeBackgroundWhite" style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; text-align:center; color: #505050; background: #ffffff; letter-spacing: 2px; margin:0px auto;">
                 <p class="font18" style="font-size: 20px; padding: 0px 0px;">
                  WE’RE HERE TO HELP
                 </p>
                </td>
               </tr>
               <!--- NAV MENU --->
               <tr>
                <td align="center" class="padding10 darkModeBackgroundWhite" style="padding: 0px 0px 0px; background: #ffffff; margin:0px auto;">
                 <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                  <!-- SERVICE ICONS -->
                  <tr>
                   <td class="paddingRight70" style="padding: 0px 190px 0px 0px;">
                    <a data-linkto="https://" target="_blank" title="">
                     <img alt="Virtual Styling" data-assetid="93012" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F2%252Fac855c12-78bb-4d1c-ba02-7beee03dbe4f.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 40px; height: 36px; padding: 0px; text-align: center;" width="40"/>
                    </a>
                   </td>
                   <td class="paddingRight70" style="padding: 0px 190px 0px 0px;">
                    <a data-linkto="https://" target="_blank" title="">
                     <img alt="Visit a Guideshop" data-assetid="93418" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F2%252Fbc69ff24-206d-4d5f-91fc-524516ebbee1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 40px; height: 36px; padding: 0px; text-align: center;" width="40"/>
                    </a>
                   </td>
                   <td>
                    <a data-linkto="https://" target="_blank" title="">
                     <img alt="Order Help" data-assetid="93015" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F2%252Ffb975a89-ac82-4555-95fe-687db42cb0c0.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 40px; height: 36px; padding: 0px; text-align: center;" width="40"/>
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- ICON LABELS -->
               <tr>
                <td align="center" class="darkModeBackgroundWhite" style="padding: 0px 0px 0px; background: #ffffff;">
                 <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                  <tr>
                   <td style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 14px; text-align:center; color: #505050; padding: 0px 0px 0px 0px; width:233px; text-align: center;">
                    <p class="font12 clearTopPadding" style="margin: 0px 0px 15px 0px; padding:10px 0px 0px 0px;">
                     Virtual Styling
                    </p>
                   </td>
                   <td style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 14px; text-align:center; color: #505050; padding: 0px 0px 0px 0px; width:233px; text-align: center;">
                    <p class="font12 clearPadding" style="margin: 0px 0px 15px 0px; padding:10px 0px 0px 0px;">
                     Visit a Guideshop
                    </p>
                   </td>
                   <td style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 14px; text-align:center; color: #505050; padding: 0px 0px 0px 0px; width:233px; text-align: center;">
                    <p class="font12 clearTopPadding" style="margin: 0px 0px 15px 0px; padding:10px 0px 0px 0px;">
                     Order Help
                    </p>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- DIVIDING LINE -->
               <tr>
                <td class="darkModeBackgroundWhite paddingRight5 paddingLeft5" style="background: #ffffff; padding: 0px 20px 0px;">
                 <hr height="1" style="height:1px; border:0 none; color: #505050; background-color: #505050; margin-top:10px; margin-bottom:10px;"/>
                </td>
               </tr>
               <!-- NAV MENU -->
               <tr>
                <td align="center" class="width320" style="width: 700px; background: #ffffff; margin: 0px 0px 0px; display:block;" width="700">
                 <table border="0" cellpadding="0" cellspacing="0" class="width320" height="40" style="width: 700px;" width="700">
                  <tr>
                   <!-- NEW -->
                   <td class="font11 width60 height20" height="50" style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 18px; text-align:center; letter-spacing: 1px; color: #505050; padding-top:4px; border-right: 1px #505050 solid;" width="140">
                    <a class="navLink" data-linkto="https://" style="color:#505050;text-decoration:none; height: 20px; max-height: 20px;" target="_blank" title="">
                     NEW
                    </a>
                   </td>
                   <!-- PANTS -->
                   <td class="font11 width60 height20" height="50" style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 18px; text-align:center; letter-spacing: 1px; color: #505050; padding-top:4px; border-right: 1px #505050 solid;" width="140">
                    <a data-linkto="https://" style="color:#505050;text-decoration:none; height: 20px; max-height: 20px;" target="_blank" title="">
                     PANTS
                    </a>
                   </td>
                   <!-- SHIRTS -->
                   <td class="font11 width60 height20" height="50" style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 18px; text-align:center; letter-spacing: 1px; color: #505050; padding-top:4px; border-right: 1px #505050 solid;" width="140">
                    <a data-linkto="//" style="color:#505050;text-decoration:none; height: 20px; max-height: 20px;" target="_blank" title="">
                     SHIRTS
                    </a>
                   </td>
                   <!-- SWEATERS -->
                   <td class="font11 width60 height20" height="50" style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 18px; text-align:center; letter-spacing: 1px; color: #505050; padding-top:4px;" width="140">
                    <a class="navLink" data-linkto="https://" style="color:#505050;text-decoration:none; height: 20px; max-height: 20px;" target="_blank" title="">
                     GOLF
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- DIVIDING LINE -->
               <tr>
                <td class="darkModeBackgroundWhite paddingLeft5 paddingRight5" style="background: #ffffff; padding: 0px 20px 0px;">
                 <hr height="1" style="height:1px; border:0 none; color: #505050; background-color: #505050; margin-top:10px; margin-bottom:10px;"/>
                </td>
               </tr>
               <!-- ICONS -->
               <tr>
                <td align="center" class="width320" style="width: 700px; background: #ffffff; margin: 0px 0px 0px;display:block;" width="700">
                 <table border="0" cellpadding="0" cellspacing="0" class="width320" height="40" style="width: 700px;" width="700">
                  <tr>
                   <td class="darkModeBackgroundWhite paddingTop10" style="background: #ffffff;  padding: 20px 0px 0px 0px;  border-right: solid 1px #505050;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="width160" style="width: 350px;" valign="top" width="350">
                     <!-- SOCIAL ICONS -->
                     <tr>
                      <td align="center" class="padding5 paddingLeft10" style="padding: 0px 0px 0px 90px;">
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Instagram" data-assetid="91362" height="35" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252F7b00e70b-a702-40ee-ab1a-17dc3e736791.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 35px; height: 35px; padding: 0px; text-align: center;" width="35"/>
                       </a>
                      </td>
                      <td align="center" class="padding5" style="padding: 0px 0px 0px 0px;">
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Facebook" data-assetid="91363" height="35" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252Fd194e4f4-90b1-4aa4-a007-adfe2f2a2d76.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 35px; height: 35px; padding: 0px; text-align: center;" width="35"/>
                       </a>
                      </td>
                      <td align="center" class="padding5 paddingRight10" style="padding: 0px 90px 0px 0px;">
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Twitter" data-assetid="91364" height="35" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252F92e77d76-32cc-4367-b832-8fc4e7406481.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 35px; height: 35px; padding: 0px; text-align: center;" width="35"/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                   <td class="darkModeBackgroundWhite paddingTop10" style="background: #ffffff;  padding: 20px 0px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="width160" style="width: 350px;" valign="top" width="350">
                     <!-- APP ICON -->
                     <tr>
                      <td align="center" class="padding5" style="padding: 0px 0px 0px 0px;">
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Download The App" data-assetid="91360" height="33" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe281171716404757c1779%252Fm%252F1%252F3164abef-093f-4e51-a4e3-740169dff4a8.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1qPMol:6ryJOMg1TGAexS3HXdjKvKieqNj83yjoSu5l2xbfj1g" style="display: block; width: 100px; height: 33px; padding: 0px; text-align: center;" width="100"/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- ICON LABELS -->
               <tr>
                <td align="center" class="width320" style="width: 700px; background: #ffffff; margin: 0px 0px 0px;display:block;" width="700">
                 <table border="0" cellpadding="0" cellspacing="0" class="width320" height="40" style="width: 700px; height:40px;" width="700">
                  <tr>
                   <td class="darkModeBackgroundWhite clearPadding" style="background: #ffffff;  padding: 0px 0px 0px 0px; border-right: solid 1px #505050;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="width160" style="width: 350px;" valign="top" width="350">
                     <tr>
                      <td style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 14px; text-align:center; color: #505050; padding: 0px 0px 0px 0px; width:233px; text-align: center;">
                       <p class="font12" style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
                        Stay Connected
                       </p>
                      </td>
                     </tr>
                    </table>
                   </td>
                   <td class="darkModeBackgroundWhite clearPadding" style="background: #ffffff;  padding: 0px 0px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="width160" style="width: 350px;" valign="top" width="350">
                     <tr>
                      <td style="-webkit-text-size-adjust:none; font-family: 'Avenir Next', 'Nunito Sans Black', Tahoma, sans-serif; font-size: 14px; text-align:center; color: #505050; padding: 0px 0px 0px 0px; width:233px; text-align: center;">
                       <p class="font12" style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
                        Download Our App
                       </p>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- DIVIDING LINE -->
               <tr>
                <td class="darkModeBackgroundWhite paddingLeft5 paddingRight5" style="background: #ffffff; padding: 0px 20px 0px;">
                 <hr height="1" style="height:1px; border:0 none; color: #505050; background-color: #505050; margin-top:10px; margin-bottom:10px;"/>
                </td>
               </tr>
               <!-- LINKS AND CANSPAM -->
               <tr>
                <td class="darkModeBackgroundWhite paddingLeft20 paddingRight20 darkModeTextBlack" style="background: #ffffff; padding: 20px 40px 15px 40px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 0px 15px 0px;">
                  <a class="darkModeTextBlack" style="color: #000000; text-decoration: none;" target="_blank">
                   Help &amp; FAQ's
                  </a>
                  |
                  <a alias="Footer_Phone" class="darkModeTextBlack" style="color: #000000; text-decoration: none;">
                   1-877-294-7737
                  </a>
                  |
                  <a class="darkModeTextBlack" style="color: #000000; text-decoration: none;" target="_blank">
                   Returns
                  </a>
                 </p>
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 0px 15px 0px;">
                  This email was sent by: Bonobos, Inc.
                  <br class="mobileHide"/>
                  <a class="darkModeTextBlack" style="color: #000000; text-decoration: none;  cursor: default;">
                   45 W 25th St., New York, New York, 10010, United States
                  </a>
                 </p>
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 0px 15px 0px;">
                  This is an advertisement from Bonobos, the Pants Professionals.
                 </p>
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 0px 15px 0px;">
                  To ensure delivery to your inbox, please add
                  <span class="darkModeTextBlack" style="color: #000000; text-decoration: none; cursor: default;">
                   bonobos
                  </span>
                  <a class="darkModeTextBlack" style="color: #000000; text-decoration: none; cursor: default;">
                   @e.bonobos.com
                  </a>
                  to your address book and
                  <br class="mobileHide"/>
                  safe-sender list.
                 </p>
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 0px 15px 0px;">
                  This email was sent to
                  <a class="darkModeTextBlack" style="color: #000000; text-decoration: none; cursor: default;">
                   21079ea2@uifeed.com
                  </a>
                  . If you no longer want to receive emails from us, you can
                  <br class="mobileHide"/>
                  <a class="darkModeTextBlack" data-linkto="other" style="color:#000000;text-decoration:underline;" target="_blank" title="">
                   unsubscribe
                  </a>
                  .
                 </p>
                 <p style="font-size: 10px; line-height: 14px; margin: 0px 10px 0px 10px;">
                  Offer valid from 7/26/2023 at 12:00 am ET to 8/3/2023 at 11:59 pm PT at Bonobos.com and in Bonobos Guideshop locations on sale and final sale items only. Final sale items cannot be returned or exchanged. Cannot be combined with any other offers or promotions. Offer is non-transferable and cannot be applied to previous purchases or the purchase of gift cards. Offer not valid at Bonobos outlet stores. Void where prohibited by law. Terms of offer are subject to change. To redeem online, enter promo code at checkout. See site for details.
                 </p>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
     <!-- END OF FIXED WIDTH WRAPPER TABLE -->
    </td>
   </tr>
  </table>
  <!-- END OF 100% WIDTH WRAPPER BACKGROUND TABLE -->
  <!-- EXACT TARGET TRACKING CODE -->
  <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.e.bonobos.com%252Fopen.aspx%253Fffcb10-fec215777c66037e-fe5313767c6602787c14-fe281171716404757c1779-ff00117175650c-fe531c74766c037b7413-ff041671756c04%2526d%253D110027%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5lLmJvbiJ9:1qPMol:i9Nk5TJC1iu3YkH0nRlRqegfnPNv8nTRhM79r2uodU8" width="1"/>
 </body>
</html>
9 months, 3 weeks ago - bonobos@e.bonobos.com
Psst, Extra 30% Off Sale Is Here (And It’s Awesome)
Available for a limited time only. Terms apply. Free Shipping & Returns in the U.S. EXTRA 30% OFF...
Inboxes

Bonobos Newsletter subscriber
