Email sent from Bonobos to a Newsletter subscriber

Bonobos Newsletter subscriber

Subscribed 7 years, 3 months 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 dark;
  supported-color-schemes: light dark;
   }
 
/* 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:1kXMYt:XDPu0sBBUPe1mv_yDKT_B869Ez-ihV8J9B3MOGHCzRU") 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:1kXMYt:XDPu0sBBUPe1mv_yDKT_B869Ez-ihV8J9B3MOGHCzRU") 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:1kXMYt:XDPu0sBBUPe1mv_yDKT_B869Ez-ihV8J9B3MOGHCzRU") 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;
}
/* 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;}
 .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;}
 .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) {

 .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;">
   Get summer’s best before they dip for good. Limited time only.
  </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" 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="darkModeBackgroundBlack paddingLeft20 paddingRight20" style="padding: 20px 40px; background: #ffffff;">
                 <!-- LOGO -->
                 <table align="left" border="0" cellpadding="0" cellspacing="0" class="width120" style="width: 150px;" valign="top" width="150">
                  <tr>
                   <td class="paddingTop5">
                    <a data-linkto="https://" target="_blank" title="">
                     <img alt="Bonobos" border="0" class="width120 heightAuto" height="21" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F2%252F9e14f3cd-8fa5-49f7-a9eb-4e0d337b29b6.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display:block; width: 150px; height: 21px;" width="150"/>
                    </a>
                   </td>
                  </tr>
                 </table>
                 <!-- TEXT -->
                 <table align="right" border="0" cellpadding="0" cellspacing="0" class="width140" style="width: 360px;" valign="top" width="360">
                  <tr>
                   <td style="text-align: right; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #848484; font-weight: 400; letter-spacing: 1px;">
                    <p class="font11" style="margin: 0px; font-size: 12px; line-height: 21px;">
                     FREE SHIPPING &amp; RETURNS IN THE U.S.
                    </p>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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="darkModeBackgroundBlack" style="background: #ffffff;">
                 <a data-linkto="https://" target="_blank" title="">
                  <img alt="" data-assetid="79790" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F3%252F15d8f6a4-1162-4b54-9d7b-a758e9a488aa.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" 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" 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 darkModeBackgroundBlack" height="40" style="height: 40px;; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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="darkModeBackgroundBlack paddingLeft30 paddingRight30" style="background: #ffffff; padding: 0px 50px;">
                 <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: #000000; font-weight: 400; letter-spacing: 2px;">
                    <p class="font30" style="margin: 0px; font-size: 35px; line-height: 41px; font-weight: 700;">
                    </p>
                    <div class="font30">
                     Limited Time Only
                    </div>
                    <p class="font30">
                    </p>
                    <h1 class="font30" style="margin: 0px; font-size: 35px; line-height: 41px; font-weight: 700;">
                     Extra 60% Off
                    </h1>
                   </td>
                  </tr>
                  <!-- TEXT -->
                  <tr>
                   <td class="darkModeTextWhite" style="padding: 15px 0px 0px 0px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 0px;">
                    <p style="margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px;">
                     Some of our best summer styles are about to dip out for good. Get ‘em while you can.
                    </p>
                    <p style="margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px;">
                     <br/>
                     Final Sale Items
                    </p>
                   </td>
                  </tr>
                  <!-- CTA -->
                  <tr>
                   <td align="center" style="padding: 15px 0px 0px 0px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                     <tr>
                      <td class="darkModeCTA1" 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="darkModeCTA1" data-linkto="https://" style="color:#ffffff;text-decoration:none; padding: 11px 20px; border: 1px solid #000000; display: block;" target="_blank" title="">
                        SHOP NOW
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td class="darkModeTextWhite" style="padding: 15px 0px 0px 0px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                    <p style="margin: 0px 0px 0px 0px; font-size: 12px; line-height: 16px;">
                     USE CODE:
                     <b>
                      CANNONBALL
                     </b>
                     <br/>
                    </p>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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 darkModeBackgroundBlack" height="40" style="height: 40px;; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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="paddingLeft20 paddingRight20 darkModeBackgroundBlack" style="background: #ffffff; padding: 0px 40px;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- GRID ROW 1 -->
                  <tr>
                   <td class="paddingBottom20" style="padding: 0px 0px 30px 0px;">
                    <!--[if mso]>              <table width="620" width="620px;" border="0" cellspacing="0" cellpadding="0">              <tr>              <td width="295" style="width: 295px;" valign="top">             <![endif]-->
                    <!-- IMAGE -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="width130" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td>
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Shop Shirts" data-assetid="79788" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F3%252F48d60e9b-6d0d-4270-9ad1-9f22f469972f.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display: block; width: 100%; height: auto; padding: 0px; text-align: center;" width="295"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="darkModeTextWhite clearRightPadding clearLeftPadding" style="padding: 10px 10px 0px 10px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                       <p class="font11" style="font-weight: 700; margin: 0px 0px 3px 0px; font-size: 12px; line-height: 16px;">
                        SHOP PANTS
                       </p>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>              </td>              <td width="30" style="width: 30px;" valign="top">                <img src="//image.e.bonobos.com/lib/fe3b157175640479701c71/m/2/650263bf-9b53-47df-846b-18d566f8b3ad.gif" width="30" height="30" style="display:block; width: 30px; height: 30px;" />              </td>              <td width="295" style="width: 295px;" valign="top">             <![endif]-->
                    <!-- TEXT -->
                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="width130" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td>
                       <a data-linkto="https://" target="_blank" title="Shop Golf">
                        <img alt="SHOP GOLF" data-assetid="79786" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F3%252Fd4ac86e8-7c76-448c-b296-641730477c19.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display: block; width: 100%; height: auto; padding: 0px; text-align: center;" width="295"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="darkModeTextWhite clearRightPadding clearLeftPadding" style="padding: 10px 10px 0px 10px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                       <p class="font11" style="font-weight: 700; margin: 0px 0px 3px 0px; font-size: 12px; line-height: 16px;">
                        SHOP CASUAL SHIRTS
                       </p>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>              </td>              </tr>              </table>             <![endif]-->
                   </td>
                  </tr>
                  <!-- GRID ROW 2 -->
                  <tr>
                   <td>
                    <!--[if mso]>              <table width="620" width="620px;" border="0" cellspacing="0" cellpadding="0">              <tr>              <td width="295" style="width: 295px;" valign="top">             <![endif]-->
                    <!-- IMAGE -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="width130" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td>
                       <a data-linkto="https://" target="_blank" title="Shop Shorts">
                        <img alt="SHOP SHORTS" data-assetid="79787" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F3%252Faf158d68-9902-4a05-aa05-55620b714a23.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display: block; width: 100%; height: auto; padding: 0px; text-align: center;" width="295"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="darkModeTextWhite clearRightPadding clearLeftPadding" style="padding: 10px 10px 0px 10px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                       <p class="font11" style="font-weight: 700; margin: 0px 0px 3px 0px; font-size: 12px; line-height: 16px;">
                        SHOP KNITS
                       </p>
                      </td>
                     </tr>
                    </table>
                    <!--[if mso]>              </td>              <td width="30" style="width: 30px;" valign="top">                <img src="//image.e.bonobos.com/lib/fe3b157175640479701c71/m/2/650263bf-9b53-47df-846b-18d566f8b3ad.gif" width="30" height="30" style="display:block; width: 30px; height: 30px;" />              </td>              <td width="295" style="width: 295px;" valign="top">             <![endif]-->
                    <!-- TEXT -->
                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="width130" style="width: 295px;" valign="top" width="295">
                     <tr>
                      <td>
                       <a data-linkto="https://" target="_blank" title="">
                        <img alt="Shop Bottoms" data-assetid="79789" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F3%252Fa434cb17-6d0a-44ff-91cf-21a016426d95.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display: block; width: 100%; height: auto; padding: 0px; text-align: center;" width="295"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td class="darkModeTextWhite clearRightPadding clearLeftPadding" style="padding: 10px 10px 0px 10px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                       <p class="font11" style="font-weight: 700; margin: 0px 0px 3px 0px; font-size: 12px; line-height: 16px;">
                        SHOP SHORTS
                       </p>
                      </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" 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 darkModeBackgroundBlack" height="40" style="height: 40px;; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- MENU -->
               <tr>
                <td class="darkModeBackgroundBlack" style="background: #ffffff;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <!-- MENU ITEM -->
                  <tr>
                   <td style="border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px 20px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 2px; font-weight: 700;">
                    <p style="font-size: 18px; line-height: 25px; margin: 0px 0px 0px 0px;">
                     <a class="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                      NEW
                     </a>
                    </p>
                   </td>
                  </tr>
                  <!-- MENU ITEM -->
                  <tr>
                   <td style="border-bottom: 1px solid #666666; padding: 10px 20px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 2px; font-weight: 700;">
                    <p style="font-size: 18px; line-height: 25px; margin: 0px 0px 0px 0px;">
                     <a class="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                      SHIRTS
                     </a>
                    </p>
                   </td>
                  </tr>
                  <!-- MENU ITEM -->
                  <tr>
                   <td style="border-bottom: 1px solid #666666; padding: 10px 20px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 2px; font-weight: 700;">
                    <p style="font-size: 18px; line-height: 25px; margin: 0px 0px 0px 0px;">
                     <a class="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                      PANTS
                     </a>
                    </p>
                   </td>
                  </tr>
                  <!-- MENU ITEM -->
                  <tr>
                   <td style="border-bottom: 1px solid #666666; padding: 10px 20px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 2px; font-weight: 700;">
                    <p style="font-size: 18px; line-height: 25px; margin: 0px 0px 0px 0px;">
                     <a class="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                      SHORTS
                     </a>
                    </p>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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 darkModeBackgroundBlack" height="40" style="height: 40px;; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" style="min-width: 100%; " width="100%">
            <tr>
             <td class="stylingblock-content-wrapper camarker-inner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%">
               <!-- SOCIAL -->
               <tr>
                <td align="center" class="padding20 darkModeBackgroundBlack" style="padding: 30px 40px; background: #ffffff;">
                 <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: 0px auto;">
                  <tr>
                   <td style="padding: 0px 40px 0px 0px;">
                    <a target="_blank">
                     <img alt="Instagram" border="0" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F2%252Fce7aeb94-68a3-41d5-8661-a3eeb547f1ff.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display:block; width: 36px; height: 36px;" width="36"/>
                    </a>
                   </td>
                   <td style="padding: 0px 40px 0px 0px;">
                    <a target="_blank">
                     <img alt="Facebook" border="0" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F2%252F48809254-b222-49ab-aba3-e7120f63c26d.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display:block; width: 36px; height: 36px;" width="36"/>
                    </a>
                   </td>
                   <td>
                    <a target="_blank">
                     <img alt="Twitter" border="0" height="36" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F2%252Fdb9bfc07-d9b1-4d1e-ad8c-5d9c7b9f82d1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="display:block; width: 36px; height: 36px;" width="36"/>
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- APP -->
               <tr>
                <td class="darkModeBackgroundBlack" style="padding: 0px 40px 30px 40px; background: #ffffff;">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <td class="darkModeTextWhite" style="padding: 0px 0px 15px 0px; text-align: center; font-family:  'Avenir Next',  'Nunito Sans', Tahoma,  sans-serif; color: #000000; font-weight: 400; letter-spacing: 1px;">
                    <p style="font-size: 12px; line-height: 16px; margin: 0px 0px 0px 0px;">
                     A smarter way to get dressed.
                     <br/>
                     Download our new app.
                    </p>
                   </td>
                  </tr>
                  <tr>
                   <td align="center">
                    <a target="_blank">
                     <img align="center" alt="Download on the App Store" border="0" height="40" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.e.bonobos.com%252Flib%252Ffe3b157175640479701c71%252Fm%252F2%252F0e587553-dd5f-4d13-8327-b7e506487473.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmUuYm9ubyJ9:1kXMYt:KmlUhqtZPVAEMDROUOBGNVG2PJoBOSufd1VqlT9D7tI" style="width: 120px; height: 40px;" width="120"/>
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- LINKS AND CANSPAM -->
               <tr>
                <td class="darkModeBackgroundBlack paddingLeft20 paddingRight20 darkModeTextWhite" style="background: #ffffff; padding: 0px 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="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                   Help &amp; FAQ's
                  </a>
                  |
                  <a alias="Footer_Phone" class="darkModeTextWhite" style="color: #000000; text-decoration: none;">
                   1-877-294-7737
                  </a>
                  |
                  <a class="darkModeTextWhite" 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="darkModeTextWhite" 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;">
                  To ensure delivery to your inbox, please add
                  <a class="darkModeTextWhite" style="color: #000000; text-decoration: none; cursor: default;">
                   ninjas@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 0px 0px;">
                  This email was sent to
                  <a class="darkModeTextWhite" 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="darkModeTextWhite" style="color: #000000; text-decoration: none;" target="_blank">
                   unsubscribe
                  </a>
                  .
                 </p>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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 darkModeBackgroundBlack" height="40" style="height: 40px;; background: #ffffff;">
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- CONTENT SLOT -->
         <tr>
          <td>
           <table cellpadding="0" cellspacing="0" class="stylingblock-content-wrapper" 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="darkModeBackgroundBlack paddingLeft20 paddingRight20 darkModeTextWhite" style="background: #ffffff;padding: 0px 40px 20px 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;">
                  Offer valid from 7/24/2020 at 12:00 am ET to 8/1/2020 at 11:59 pm PT on sale &amp; 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. Void where prohibited by law. Terms of offer are subject to change. To redeem online, enter promo code at checkout.
                 </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>
         <!-- CANSPAM -->
         <tr>
          <td>
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td height="1" style="display:none; height: 1px; line-height: 0px; font-size: 0px;color: #f2f2f2;">
               45 W 25th St., New York, New York 10010 United States
               <br/>
               <br/>
               <a style="color: #f2f2f2; text-decoration: underline;" target="_blank">
                Manage Subscriptions
               </a>
               |
               <a style="color: #f2f2f2; text-decoration: underline;" target="_blank">
                Update Profile
               </a>
               |
               <a style="color: #642064; text-decoration: underline;" target="_blank">
                Unsubscribe
               </a>
               <br/>
               <br/>
               © 2020 Bonobos, Inc.
              </td>
             </tr>
            </tbody>
           </table>
          </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 height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.e.bonobos.com%252Fopen.aspx%253Fffcb10-feee1c74736c03-fe6411717464077a771c-fe3b157175640479701c71-fefe1170766c05-fe6011777461067c7d16-ff63107875/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5lLmJvbiJ9:1kXMYt:SSMjUb1Z_EbPVirMK8VEMOU15T2cXha8awFEus2w0sE" width="1"/>
  <img height="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fbeacon.krxd.net%252F1x1_usermatch.gif%253Fpartner%253DMiauObZf_sfmc_110004581_sha256%2526partner_uid%253Dadd41eab3cf470d3f17064c4172796d6aea80b88df0b10d7065730e1375b2183/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZiZWFjb24ua3J4ZCJ9:1kXMYt:2a01mcpFmu6P2zf4MF8Ydpat23by44lUQ9memWu83iw" style="display:none" width="0"/>
  <img height="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fbeacon.krxd.net%252F1x1_usermatch.gif%253Fpartner%253DMiauObZf_sfmc_110004581_subid%2526partner_uid%253D57152182/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZiZWFjb24ua3J4ZCJ9:1kXMYt:2a01mcpFmu6P2zf4MF8Ydpat23by44lUQ9memWu83iw" style="display:none" width="0"/>
  <img height="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fbeacon.krxd.net%252F1x1_ad_impression.gif%253Fconfid%253Durh947g31%2526advertiserid%253D110004581%2526campaignid%253D84687/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZiZWFjb24ua3J4ZCJ9:1kXMYt:2a01mcpFmu6P2zf4MF8Ydpat23by44lUQ9memWu83iw" style="display:none;" width="0"/>
 </body>
</html>
5 years ago - ninjas@e.bonobos.com
The Last Splash of Summer: Extra 60% Off Final Sale
Get summer’s best before they dip for good. Limited time only. FREE SHIPPING & RETURNS IN THE U.S...
Inboxes

Bonobos Newsletter subscriber
