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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY3MzA3fQ:1ujiMX:ILbgjYwNSnm0zhBHCcoHcfoC8L0EuH28kTbzo-9gfRc') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL400woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY4MDI1NX0:1ujiMX:s0f0SsLBkYWGXJvFAwnCWbwA2kKvs0nosvi3M2VVJeY') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY4MzE2fQ:1ujiMX:EsremdgPXcubffL3ud09uOvUFWLZmPlwulyYTxtO3Jo') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL700woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY4NTA5OH0:1ujiMX:LASe05JvIfAT9H0WQvvlapHQs1nqDvKOMa_s92srwJs') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY4NjQ2OX0:1ujiMX:DBE6awlAzwr2ETuPvd3ybnoLkG47ojh1jtTlx_QPvbA') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL900woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODY4NzcxOH0:1ujiMX:nC04LaDPTOxJ4Su8-cymfleQeL4QpwpzkkXOUnXU2Mg') 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;">
   Save on summer styles and charms.
  </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_20250806_sale_upto50-jibbitzdeals_x%2526c_subscriberID%253D338437052/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkZW1hbmR3YXJlYyIsInRpbWUiOjE3NTQ1MDI5NDEuODgyOTg3fQ:1ujiMX:tziUe6X9W4nB2PksRXhFnaZVMh7RWEjWPFLnuK9VYNg" 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;">
        <div itemscope="" itemtype="//schema.org/Organization">
         <meta content="Crocs" itemprop="name"/>
         <meta content="https://image.crocs-email.com/lib/fe591570726001747c17/m/19/4c94b163-7f51-410b-9ddd-5c0fd6de741f.png" itemprop="logo"/>
        </div>
        <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">
           <div style="display: none; max-height: 0px; overflow: hidden;">
            ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
           </div>
          </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="#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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODgzMjAzfQ:1ujiMX:VhPFTBhlAFxI1jw6XuMHbrUp7g0t4ZBCi2Q7kmAIJhI" 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">
           <!-- -->
           <!-- ===========================================      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="#D8BFD8" width="600">
                 <!-- -->
                 <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="center" 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: 16px; line-height: 20px; text-transform: uppercase; text-align: center;" width="500">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           The Best Deals Of The Summer
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 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: 50px; line-height: 55px; text-transform: none; text-align: center;" width="500">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Up To 50% Off
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 20px 16px;">
                       <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                         <td style="font-family: 'TT Crocs', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; text-transform: none; text-align: center;" width="500">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Select Styles
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 20px 18px;" 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 The Sale
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 20px 50px;">
                       <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: center; color: #141215;" width="500">
                          Exclusions Apply.
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                    </table>
                   </td>
                  </tr>
                 </table>
                 <!-- -->
                 <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="Get The Best Deals With Up To 50% Off Today!" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe591570726001747c17%252Fm%252F1%252Fd743c680-eced-43f0-941c-086075cf5f62.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODgzMzIzNH0:1ujiMX:GOgS1HegbqAsskDxCUYQKaJPl0xZSSw1zvgo5UDDDFg" style="width: 100%; max-width: 600px; display: block; margin: 0 auto; border: 0;" width="600"/>
                    </a>
                   </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="#ACE1AF" width="600">
                 <!-- -->
                 <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="center" 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: 16px; line-height: 20px; text-transform: uppercase; text-align: center;" width="500px">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Jibbitz™ Deals
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 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: 50px; line-height: 55px; text-transform: none; text-align: center;" width="500px">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           $3 Jibbitz™ and $8 Packs
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" 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: 400; font-size: 16px; line-height: 20px; text-transform: none; text-align: center;" width="460px">
                          <a style="text-decoration: none; color: #141215;" tabindex="-1" target="_blank">
                           Stock up and save big on your favorite charms for a limited time.
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 20px 18px;" 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 Jibbitz™
                          </a>
                         </td>
                        </tr>
                       </table>
                      </td>
                     </tr>
                     <!-- -->
                     <!-- -->
                     <tr style="display: !important;">
                      <td align="center" style="padding: 0px 20px 50px;">
                       <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: center; color: #141215;" width="500">
                          Exclusions Apply.
                         </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">
           <!-- 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODgzNDM5NX0:1ujiMX:cSfmLhmDDYH5AcjQn3JL1qyASghNzyqjVPflrWu_WAE" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODgzNjAwNX0:1ujiMX:XDDabR3nCFY6EdjL3YbEvcTWdQGavPS8PbHyIGrzPaU" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODgzNzI2MX0:1ujiMX:Kjf1zsn8bdzsCMjWVuvBgYvv53sbc78SbekSqWzsFto" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODgzODgyNX0:1ujiMX:9YYZsW8mcPGr0Sx-1Da8LcW7KGYT6rx9axkKVErYxJE" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODg0MDExN30:1ujiMX:8SCgGrBDtJ1_tWB5OuC0iISIDhQNz03TB5RdNmDsILI" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODg0MTE5M30:1ujiMX:xz5bmrRE_W6UyrHyYyOYsIH6qkJ4X6Vbr2FpvtbEr-Q" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NTQ1MDI5NDEuODg0MjU4N30:1ujiMX:v6aHahAj6ZrUVm3TbVVeXypLdXWwPN43UdSB4XubFCs" 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>
        <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="#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">
                          Offer valid online at Crocs.com. Discount valid on select styles only. Prices shown reflect discounted price. Cannot be combined with any other offer or promotion. Offer valid while supplies last. Offer is subject to change without notice. Offer not valid on previous purchases. No rain checks. Offer ends  Monday, August 11th, 2025 at 11:59pm MT.
                         </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-fe4d1c74726701787c1d-fdd415727563077d7715717c65-fe591570726001747c17-fe6417797563007e7414-fe2c17737d60077a751172-fef915767d6700%2526d%253D10191%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5jcm9jcyIsInRpbWUiOjE3NTQ1MDI5NDEuODg0Mzc5OX0:1ujiMX:7eiXy3Cf_eQIjwcTbflk-Y60wO6JkpN-MyEInDSMZVc" width="1"/>
  </div>
 </body>
</html>