Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Crocs
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <!--Help prevent blue links and autolinking-->
  <meta content="telephone=no, date=no, address=no, email=no" name="format-detection"/>
  <!--prevent Apple from reformatting and zooming messages.-->
  <meta name="x-apple-disable-message-reformatting"/>
  <!-- Allow for better image rendering on Windows hi-DPI displays. -->
  <!--[if mso]> <noscript>     <xml>       <o:OfficeDocumentSettings>         <o:AllowPNG/>         <o:PixelsPerInch>96</o:PixelsPerInch>       </o:OfficeDocumentSettings>     </xml> </noscript> <![endif]-->
  <!--webfont code goes here-->
  <style>
   @font-face {
    font-family: 'TT Crocs';
    font-weight: 400;
    src: url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL400woff2.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgyNzM4OH0:1uveO9:7rBBiN7oI97f6c_FqAFzvbF3SgVjykwjbP4m3jmQYV0') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL400woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgzMzIzMX0:1uveO9:bjFYEjFqldXwFINX5M76YgMSlVXcTx8VqXKPbGVRR_0') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'TT Crocs';
    font-weight: 700;
    src: url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL700woff2.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgzNTI4NH0:1uveO9:CTzAgNQPDJ_PtqIoj-Q0H_Pew3jYEHSi85z6Zs8r_3s') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL700woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgzNjU4OH0:1uveO9:K-Txfg4TD7xr25KLLAnGzjD7cSgcYMumqykzyUXfkvc') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'TT Crocs';
    font-weight: 900;
    src: url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL900woff2.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgzNzc4OH0:1uveO9:QzhRkyhtbIy9gK2beaNsu84F5x2LBv7k1SrgX2CkJas') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL900woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNjgzODkxM30:1uveO9:Fo0a33VMsXXHbgIIsRGncUYNMsInIupzTW0mfFkas7Y') format('woff');
    font-display: swap;
}
  </style>
  <!--correct superscripts in Outlook-->
  <!--[if (gte mso 9)|(IE)]>         <style>           sup{font-size:100% !important;}         </style>         <![endif]-->
  <style type="text/css">
   .email-body {
    background-color: #ffffff;
}
.link:hover {
    text-decoration: underline !important;
}
body {
    margin: 0 !important;
    min-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}
body, table, td, a {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
img {
    border: 0;
    height: auto;
    line-height: 100%;
}
a[x-apple-data-detectors] {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}
u + .email-body #new-gmail-hack {
    display: block !important;
}
#MessageViewBody, #MessageWebViewDiv {
    margin: 0 !important;
    min-width: 100vw;
    padding: 0 !important;
    zoom: 1 !important;
}
#MessageViewBody #backgroundTable {
    min-width: 100vw;
}
  </style>
  <!-- Mobile Responsive Styles -->
  <style>
   @media only screen and (max-width: 639px) {

  /* ========================
     TEXT + TYPOGRAPHY STYLES
     ======================== */
  .free-shipping-banner {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  /* ========================
     COLUMN LAYOUT STYLES
     ======================== */
  .columnContainer {
    width: 100% !important;
  }
  .columnSingle {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  .columnSingleLeft {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  /* ========================
     IMAGE STYLES
     ======================== */
  .img-flex {
    max-width: 100% !important;
  }

  /* ========================
     VISIBILITY CONTROLS
     ======================== */
  .mobileHide {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .mobileView {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: inherit !important;
    max-width: inherit !important;
    float: none !important;
    overflow: visible !important;
    visibility: visible !important;
    mso-hide: none !important;
    font-size: inherit !important;
  }

  /* ========================
     TEXT ALIGNMENT UTILITIES
     ======================== */
  .TextLeftMobile {
    text-align: left !important;
  }
  .TextCenterMobile {
    text-align: center !important;
  }
  .TextRightMobile {
    text-align: right !important;
  }

  /* ========================
     SPACING UTILITIES
     ======================== */
  .PaddingMobileSm {
    padding: 10px !important;
  }
  .PaddingMobileNone {
    padding: 0 !important;
  }
  .MarginMobileNone {
    margin: 0 !important;
  }

  /* ========================
     FONT SIZE UTILITIES
     ======================== */
  .FontSizeMobileSm {
    font-size: 14px !important;
  }
  .FontSizeMobileXs {
    font-size: 12px !important;
  }

  /* ========================
     WIDTH / LAYOUT UTILITIES
     ======================== */
  .FullWidthMobile {
    width: 100% !important;
    display: block !important;
  }

  /* ========================
     IMAGE ALIGNMENT UTILITIES
     ======================== */
  .CenterImageMobile {
    display: block !important;
    margin: 0 auto !important;
  }

  /* ========================
     BLOCK CENTERING (FOR STACKED PRODUCT LAYOUT)
     ======================== */
  .CenterBlockMobile {
    margin: 0 auto !important;
  }

}
  </style>
 </head>
 <body class="email-body">
  <style type="text/css">
   div.preheader 
{ display: none !important; }
  </style>
  <div class="preheader" style="font-size: 1px; display: none !important;">
   New trending tones just landed in the Dylan Platform.
  </div>
  <!-- Hidden buffer to suppress fallback preview -->
  <div style="display: none; max-height: 0px; overflow: hidden;">
   ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏
 ‌     ­ ͏ ‌     ­ ͏ ‌     ­
 ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­
 ͏ ‌     ­ ͏ ‌     ­ ͏ ‌    
 ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌    
 ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌  
   ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌  
   ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌
     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌
     ­ ͏ ‌     ­ ͏ ‌     ­͏
 ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏
 ‌     ­ ͏ ‌     ­ ͏ ‌     ­
 ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­
 ͏ ‌     ­ ͏ ‌     ­ ͏ ‌    
 ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌    
 ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌  
   ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­ ͏ ‌     ­
  </div>
  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fdemandwarecrocs.demdex.net%252Fevent%253Fd_dpid%253D196107%2526c_emailopened%253DYes%2526d_dpuid%253D9f25aab833474c68881badb1ea8bedb13d2cde3d457f0bf85ded43031a7fd626%2526campaignID%253Dus_20250908_collection_dylanplatform_x%2526c_subscriberID%253D338437052/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkZW1hbmR3YXJlYyIsInRpbWUiOjE3NTczNDc2MDEuNzA1ODk3Nn0:1uveO9:QhPzk__sCZW8Qq4hlRTLPj8XOlBJewGTbroIo8tDK24" style="visibility:hidden;display:none;" width="1"/>
  <!-- sets the segment ID that is used in the WAC -->
  <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" role="presentation" width="100%">
   <tr>
    <td align="center">
     <table border="0" cellpadding="0" cellspacing="0" role="presentation">
      <tr>
       <td align="center" class="main" style="width: 640px;">
        <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" role="presentation" width="100%">
            <tr>
             <td align="center" bgcolor="#141215" style="padding: 12px 20px; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #ffffff;">
              <a class="" style="text-decoration: none; color: #ffffff;" target="_blank">
               Free shipping on qualified orders
              </a>
             </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" role="presentation" width="100%">
            <tr>
             <td align="center" bgcolor="#ffffff" style="padding: 25px 0px; background: linear-gradient(#ffffff, #ffffff); background-color: #ffffff;">
              <a target="_blank">
               <img alt="crocs™" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe591570726001747c17%252Fm%252F18%252F1ce014eb-4b05-4ddf-8f15-753a0e5347f1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNzA2MDg5fQ:1uveO9:xJRjrOudJEbaDaQB8CxbPqzOjaT2_Y7uLtEkIptGTvg" style="width: 176px; height: auto; display: block; margin: 0 auto; border: 0;" width="176"/>
              </a>
             </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" role="presentation" width="100%">
            <tr>
             <td align="center" bgcolor="#CCD4E6" style="padding: 12px 20px; font-family: TT Crocs; font-weight: 900; font-size: 22px; line-height: 26px; text-transform: uppercase; color: #141215;">
              <a class="" style="text-decoration: none; color: #141215;" target="_blank">
               Refer a Friend: Give 25% off, Get 25% off
              </a>
             </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">
           <!-- -->
           <!-- ===========================================      IMPORTANT: Do NOT edit the code below      -------------------------------------------      The following section generates the content       block based on the variables above.      =========================================== -->
           <!-- -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#C4FAFF" width="640">
                 <!-- -->
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="display: !important;" width="100%">
                  <tr>
                   <td align="center" style="padding: 0px 0px 0px;">
                    <a tabindex="-1" target="_blank">
                     <img alt="Shop The Viral Dylan Collection Today!" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe591570726001747c17%252Fm%252F1%252Ff90487dd-9d60-483a-9788-fe2a9391acbb.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNzA2MjAwOH0:1uveO9:mYyZGdkwsk7EqBPAf2qh0ay62Y_83lap2TpgHpgWUA8" style="width: 100%; max-width: 640px; display: block; margin: 0 auto; border: 0;" width="640"/>
                    </a>
                   </td>
                  </tr>
                 </table>
                 <!-- -->
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="left" style="padding: 46px 20px 16px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 900; font-size: 28px; line-height: 34px; text-align: left;" width="500">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           The Style That’s Going Viral
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="left" style="padding: 0px 20px 22px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-align: left;" width="460">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Once a comfy classic, now a fashion statement. Now available in an array
 of fresh shades, the Dylan Platform is proof that clogs are back — and better than ever.
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <tr>
                      <td align="left" style="padding: 0
 10px;">
                       <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation">
                        <tr>
                         <!-- -->
                         <td class="columnSingle" style="display: !important;" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 0px 10px 50px;" width="100%">
                             <a target="_blank">
                             </a>
                             <table bgcolor="#141215" border="0" cellpadding="0" cellspacing="0" style="border-radius: 50px;">
                              <tr>
                               <td align="center" style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-transform: none; padding: 15px 20px;" valign="middle">
                                <a class="link" style="width: 100%; display: inline-block; text-decoration: none; color: #ffffff;" target="_blank">
                                 Shop New Colors
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <!-- -->
                         <!-- -->
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                    </table>
                   </td>
                  </tr>
                 </table>
                </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">
           <!-- -->
           <!-- ===========================================      IMPORTANT: Do NOT edit the code below      -------------------------------------------      The following section generates the content       block based on the variables above.      =========================================== -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#f2f2f2" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center" style="padding: 46px 20px 36px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 900; font-size: 28px; line-height: 34px; text-align: center;" width="500">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Shop By Size
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 18px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; text-align: center;" width="460">
                          <a style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                           Women
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 30px;">
                       <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation">
                        <tr>
                         <!-- Row 1: Images 1 & 2 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 4 - 5
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 6 - 7
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <!-- Row 2: Images 3 & 4 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 8 - 9
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                10+
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 18px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; text-align: center;" width="460">
                          <a style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                           Men
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 30px;">
                       <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation">
                        <tr>
                         <!-- Row 1: Images 1 & 2 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 4 - 7
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 8 - 10
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <!-- Row 2: Images 3 & 4 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 11 - 13
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 14+
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 18px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; text-align: center;" width="460">
                          <a style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                           Little Kids
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 30px;">
                       <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation">
                        <tr>
                         <!-- Row 1: Images 1 & 2 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 C2 - C3
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 C4 - C5
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <!-- Row 2: Images 3 & 4 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 C6 - C8
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 C9+
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 18px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; text-align: center;" width="460">
                          <a style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                           Big Kids
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" style="padding: 0px 20px 50px;">
                       <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation">
                        <tr>
                         <!-- Row 1: Images 1 & 2 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 C11 - C13
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 J1 - J2
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                         <!-- Row 2: Images 3 & 4 -->
                         <td align="center" class="columnSingle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <!-- 1st CTA -->
                            <td align="right" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 J3 - J4
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                            <!-- 2nd CTA -->
                            <td align="left" style="padding: 5px;" width="130">
                             <a style="text-decoration: none; display: block;" target="_blank">
                             </a>
                             <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 5px; border: 1px solid #e8eaec; width: 130px;">
                              <tr>
                               <td align="center" style="padding: 15px 0; width: 100%; font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #141215;" valign="middle">
                                <a class="link" style="text-decoration: none; color: #141215" tabindex="-1" target="_blank">
                                 J5+
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </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">
           <!-- -->
           <!-- ===========================================      IMPORTANT: Do NOT edit the code below      -------------------------------------------      The following section generates the content       block based on the variables above.      =========================================== -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <!-- Headline Display -->
            <!-- -->
            <tr style="display: !important;">
             <td align="center" style="padding: 46px 20px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td style="font-family: 'TT Crocs', sans-serif; font-weight: 900; font-size: 28px; line-height: 34px; text-align: center;" width="500">
                 <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                  Recommended for You
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
            <!-- -->
            <!-- Einstein Product Display -->
            <tr>
             <td align="center" bgcolor="#ffffff" style="padding: 20px 0px 20px; background: linear-gradient(#ffffff, #ffffff); background-color: #ffffff;">
              <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" width="640">
               <tr>
                <!-- Product 1 -->
                <td align="center" class="columnSingle" valign="bottom">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tr>
                   <td align="center" style="padding: 0px 10px 20px; margin: 0 auto;" valign="middle" width="260">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center">
                       <a target="_blank">
                        <img src="https://inboxflows.com/_/image/https%253A%252F%252F10745993.recs.igodigital.com%252Frr%252Fv2%252F685c6ddd06fd7c003f1cd785%252Fi%252F1%252F62e875d0%2540uifeed.com/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkYxMDc0NTk5My5yZSIsInRpbWUiOjE3NTczNDc2MDEuNzA2MzA3Nn0:1uveO9:1rUEJJylPT8Q0mX8_V73noxFKVQs17hJQRy0UkghvXM" style="display: block; margin: 0 auto; border: 0;" width=""/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
                <!-- Product 2 -->
                <td align="center" class="columnSingle" valign="bottom">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tr>
                   <td align="center" style="padding: 0px 10px 20px; margin: 0 auto;" valign="middle" width="260">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center">
                       <a target="_blank">
                        <img src="https://inboxflows.com/_/image/https%253A%252F%252F10745993.recs.igodigital.com%252Frr%252Fv2%252F685c6ddd06fd7c003f1cd785%252Fi%252F2%252F62e875d0%2540uifeed.com/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkYxMDc0NTk5My5yZSIsInRpbWUiOjE3NTczNDc2MDEuNzA2NDE2Nn0:1uveO9:KgOnZYx2a-BuqOkzpLb-wVTWUZvX54S3a9J8oWYItSk" style="display: block; margin: 0 auto; border: 0;" width=""/>
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
              <table bgcolor="" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tr>
                <td align="center">
                 <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" style="padding: 0px;" width="640">
                  <tr>
                   <!-- Product 3 -->
                   <td align="center" class="columnSingle" valign="bottom">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center" style="padding: 0px 10px 20px; margin: 0 auto;" valign="middle" width="260">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center">
                          <a target="_blank">
                           <img src="https://inboxflows.com/_/image/https%253A%252F%252F10745993.recs.igodigital.com%252Frr%252Fv2%252F685c6ddd06fd7c003f1cd785%252Fi%252F3%252F62e875d0%2540uifeed.com/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkYxMDc0NTk5My5yZSIsInRpbWUiOjE3NTczNDc2MDEuNzA2NTE4fQ:1uveO9:ZFS2x6ePllRRGh1Vg_eQQafmeY4NpNX_YPeWWWQmUl8" style="display: block; margin: 0 auto; border: 0;" width=""/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                   <!-- Product 4 -->
                   <td align="center" class="columnSingle" valign="bottom">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="center" style="padding: 0px 10px 20px; margin: 0 auto;" valign="middle" width="260">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td align="center">
                          <a target="_blank">
                           <img src="https://inboxflows.com/_/image/https%253A%252F%252F10745993.recs.igodigital.com%252Frr%252Fv2%252F685c6ddd06fd7c003f1cd785%252Fi%252F4%252F62e875d0%2540uifeed.com/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkYxMDc0NTk5My5yZSIsInRpbWUiOjE3NTczNDc2MDEuNzA2NjE4M30:1uveO9:DDPARQbFv2-rF_05AuKv4mn8gtL9VeWzkA6qE50hqUI" style="display: block; margin: 0 auto; border: 0;" width=""/>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
            <!-- CTA Display -->
            <!-- -->
           </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" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0 20px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" width="100%">
               <!-- Row 1 -->
               <tr>
                <td align="center" class="columnSingle" width="50%">
                 <table border="0" cellpadding="0" cellspacing="0" style="max-width: 100%; width: 100%;" width="100%">
                  <tr>
                   <td align="center" style="padding: 10px;">
                    <a target="_blank">
                    </a>
                    <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #141215; border-radius: 50px; width: 100%;">
                     <tr>
                      <td align="center" style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; padding: 15px 0;" valign="middle">
                       <a class="link" style="width: 100%; display: inline-block; text-align: center; text-decoration: none; color: #141215;" target="_blank">
                        Shop Clogs
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
                <td align="center" class="columnSingle" width="50%">
                 <table border="0" cellpadding="0" cellspacing="0" style="max-width: 100%; width: 100%;" width="100%">
                  <tr>
                   <td align="center" style="padding: 10px;">
                    <a target="_blank">
                    </a>
                    <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #141215; border-radius: 50px; width: 100%;">
                     <tr>
                      <td align="center" style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; padding: 15px 0;" valign="middle">
                       <a class="link" style="width: 100%; display: inline-block; text-align: center; text-decoration: none; color: #141215;" target="_blank">
                        Shop Jibbitz™ Charms
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
               <!-- Row 2 -->
               <tr>
                <!-- First Dynamic CTA -->
                <td align="center" class="columnSingle" width="50%">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <td align="center" style="padding: 10px;">
                    <a target="_blank">
                    </a>
                    <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #141215; border-radius: 50px; width: 100%;">
                     <tr>
                      <td align="center" style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; padding: 15px 0;" valign="middle">
                       <a class="link" style="display: inline-block; text-decoration: none; color: #141215;" target="_blank">
                        Shop Sale
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
                <!-- Second Dynamic CTA -->
                <td align="center" class="columnSingle" width="50%">
                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                   <td align="center" style="padding: 10px;">
                    <a target="_blank">
                    </a>
                    <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border: 1px solid #141215; border-radius: 50px; width: 100%;">
                     <tr>
                      <td align="center" style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; padding: 15px 0;" valign="middle">
                       <a class="link" style="display: inline-block; text-decoration: none; color: #141215;" target="_blank">
                        Shop Sandals
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </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">
           <!-- Start of refer a friend -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 1px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#141215" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="left" style="padding: 20px 20px 6px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left; color: #ffffff;" width="500">
                          <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                           Invite your friends to step into comfort together!
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <tr>
                      <td align="left" style="padding: 0px 20px 20px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 26px; line-height: 34px; text-transform: none; letter-spacing: 0px; text-align: left; color: #ffffff;" width="500">
                          <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                           Refer a Friend:
                           <span style="white-space: nowrap;">
                            Give 25%, Get 25% Off!
                           </span>
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <!-- End of refer a friend -->
           <!-- Start of app links -->
           <!-- -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="display: !important;" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 1px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#141215" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" style="padding: 10px 0px 10px;" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" width="100%">
                     <tr>
                      <td align="left" class="columnSingleLeft" valign="middle">
                       <!-- Place left column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 15px 30px 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; text-transform: none; letter-spacing: 0px; text-align: left; white-space: nowrap; color: #ffffff;">
                                Download The Crocs App
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End left column content -->
                      </td>
                      <td align="left" class="columnSingleLeft" valign="middle">
                       <!-- Place right column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 10px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td align="center" style="padding: 0 10px;">
                                <a target="_blank">
                                 <img alt="Download on the App Store" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252F9c36c0ef-333c-4e6c-bec8-9e0ac799d475.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA2NzJ9:1uveO9:js6Z0KMsDfkQpEpTApVr8es9QUx4x69Bzi-l4-oIeMM" style="width: 120px; height: auto; display: block; margin: 0 auto; border: 0;" width="120"/>
                                </a>
                               </td>
                               <td align="center" style="padding: 0 5px;">
                                <a target="_blank">
                                 <img alt="Get It On Google Play" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252F13246762-1111-4174-bca8-2f84a6bf62a5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA2ODE5M30:1uveO9:R3LfFePItqhq9gIUL2rf_W2TdIw192R9CHHpTR-8BkU" style="width: 135px; height: auto; display: block; margin: 0 auto; border: 0;" width="135"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End right column content -->
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <!-- -->
           <!-- End of app links -->
           <!-- Start of social links -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 1px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#141215" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" style="padding: 10px 0px 10px;" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" width="100%">
                     <tr>
                      <!-- -->
                      <td align="left" class="columnSingleLeft" style="display: !important;">
                       <!-- Place left column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 15px 20px 10px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td align="center" style="padding: 0 0px;">
                                <a target="_blank">
                                 <img alt="Find Your Store" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252Fc4df71ec-309f-44f4-b10a-27bb864eeb78.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA2OTE1OX0:1uveO9:xSY9KOHZ5-NBd0iAH2Xir7URdfr6eCL1JDq-wDlu_js" style="width: 25px; height: auto; margin: 0 auto; border: 0; vertical-align: middle; padding: 0 10px 5px 0px;" width="25"/>
                                </a>
                               </td>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-transform: none; letter-spacing: 0px; text-align: left; white-space: nowrap; padding-right: 10px">
                                <a style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 <span class="link">
                                  Store Locator
                                 </span>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End left column content -->
                      </td>
                      <!-- -->
                      <td align="left" class="columnSingleLeft">
                       <!-- Place right column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 10px 10px 15px 10px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td align="center" style="padding: 0 10px;">
                                <a target="_blank">
                                 <img alt="Instagram" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252Fe18949ff-2d29-4a62-9176-a67132186a90.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA3MDE3NH0:1uveO9:wgv4GGV3onAvl2UcHVaonUdqpHHXoVwgp_ayTciKTIo" style="width: 36px; height: auto; display: block; margin: 0 auto; border: 0;" width="36"/>
                                </a>
                               </td>
                               <td align="center" style="padding: 0 10px;">
                                <a target="_blank">
                                 <img alt="Facebook" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252F80f68cd8-0090-4258-b202-50e422ad1b5c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA3MTE0N30:1uveO9:7NtLEY-PbZvB_4W_SQLqO4DjGNJmox3dY-GKq6_wsGA" style="width: 36px; height: auto; display: block; margin: 0 auto; border: 0;" width="36"/>
                                </a>
                               </td>
                               <td align="center" style="padding: 0 10px;">
                                <a target="_blank">
                                 <img alt="TikTok" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252F51d8144e-818a-4a00-a812-5cf0429b2429.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA3MjEwOH0:1uveO9:mlWvBOA3k1TfcBJ6uIHwnf4GNu2Qv7Adq1_jfclxvvs" style="width: 36px; height: auto; display: block; margin: 0 auto; border: 0;" width="36"/>
                                </a>
                               </td>
                               <td align="center" style="padding: 0 10px;">
                                <a target="_blank">
                                 <img alt="YouTube" src="https://inboxflows.com/_/image/http%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe66157070650c797512%252Fm%252F1%252F1187ef58-07fe-4985-8349-93e338d86694.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTczNDc2MDEuNzA3MzA1NH0:1uveO9:4V2IqwMuZPW5Bz-xMpe-DKhY5SY6nLZ0NgWABNfsdt0" style="width: 36px; height: auto; display: block; margin: 0 auto; border: 0;" width="36"/>
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End right column content -->
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <!-- End of social links -->
           <!-- Start of site links -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 1px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#141215" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" style="padding: 10px 0px 10px;" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" class="columnContainer" role="presentation" width="100%">
                     <tr>
                      <td align="left" class="columnSingleLeft" valign="top">
                       <!-- Place left column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 Contact Us
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 Order Status &amp; Returns
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 View as Webpage
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End left column content -->
                      </td>
                      <td align="left" class="columnSingleLeft" valign="top">
                       <!-- Place right column content below -->
                       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                        <tr>
                         <td valign="middle">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 FAQs
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 Unsubscribe
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                           <tr>
                            <td align="left" style="padding: 10px 20px;">
                             <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                              <tr>
                               <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left;">
                                <a class="link" style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                                 Update Your Preferences
                                </a>
                               </td>
                              </tr>
                             </table>
                            </td>
                           </tr>
                          </table>
                         </td>
                        </tr>
                       </table>
                       <!-- End right column content -->
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <!-- End of site links -->
           <!-- Start of legal address -->
           <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#141215" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="left" style="padding: 20px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; text-transform: none; letter-spacing: 0px; text-align: left; color: #ffffff;" width="500">
                          © Crocs 500 Eldorado Blvd Broomfield, CO 80021
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
           <!-- End of legal address -->
          </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" role="presentation" style="display: !important;" width="100%">
            <tr>
             <td align="center" style="padding: 0px 0px 20px;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tr>
                <td align="center" bgcolor="#ffffff" width="640">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                   <td align="center" width="560">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                     <tr>
                      <td align="left" style="padding: 0px 20px 0px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 13px; line-height: 16px; text-transform: none; letter-spacing: 0px; text-align: left; color: #141215;" width="500">
                          Free economy shipping on qualified orders. Otherwise, economy shipping is applied. Shipping promotion is subject to change without notice. Please see site for more details.
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- Exact Target tracking code -->
  <div style="height: 1px; overflow: hidden;">
   <img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.crocs-email.com%252Fopen.aspx%253Fffcb10-fe5b1c74726004757717-fdd415727563077d7715717c65-fe591570726001747c17-fe6317797563007e7415-fe2c17737d60077a751172-ff061574756400%2526d%253D10191%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5jcm9jcyIsInRpbWUiOjE3NTczNDc2MDEuNzA3NDEwNn0:1uveO9:ARWlfSGctzFyTsSukJzkcu3bBZmfv-iQl7X3QSu6s_w" width="1"/>
  </div>
 </body>
</html>