Email sent from Crocs to a Newsletter subscriber

Crocs Newsletter subscriber

@uifeed.com
Subscribed 3 months ago
<!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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ0MTkzN30:1vAB0b:dLdu6xK_kUXqNA-GUcOct-IJNST0e7vGQMESU_Xp3LI') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL400woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ0OTE3OH0:1vAB0b:qoD5GeGaaJpDYPLZXpuEh0FObcKXvoqk8kf05olONFM') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ1MDczM30:1vAB0b:wmRdRKy7hYNzq5upoi_EIw_17Ks9cT2ggsgKOqk8lmk') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL700woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ1MjU4OH0:1vAB0b:3DBQB-JDp5-SN-RjAAgugiABCPdN_H_75efn8GeDe0w') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ1NDU2fQ:1vAB0b:r2ocha5Z-4j4xB_EWW6qN9v-UNkyQgT7XQtcw9_Q6Yc') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL900woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTQ1NTk1Nn0:1vAB0b:CrLf0m_P-d9lYY6TbGdQnSLWfJ73n5rWQgcoFhj-Xew') 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;">
   You only have so much time left to save big with our weekend deal!
  </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_20251018_sale_40off2pairs_reminder%2526c_subscriberID%253D338437052/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkZW1hbmR3YXJlYyIsInRpbWUiOjE3NjA4MDk1ODUuNTYxMjUxNH0:1vAB0b:o1CrA03eKBHYTX5aXDAKOuPCW773CtQjvgpD9jNDFZQ" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTYxNDgyMn0:1vAB0b:oc95urVmcAcFmM-vv6RO_xjnZwhIC5sq-hVUAaiWmsg" 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="#F9FE9D" 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: #CC1473;" tabindex="-1" target="_blank">
                           This Weekend Only!
                          </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: #CC1473;" tabindex="-1" target="_blank">
                           40% 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: #CC1473;" tabindex="-1" target="_blank">
                           2+ Pairs of Fall Favorites
                          </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="#14CC7C" 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">
                           Slide into savings
                          </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: #CC1473;" width="500">
                          Discount applied in cart. Order Limit 6 Pairs.
                         </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 Big Savings When You Buy 2 Or More Pairs And Save 40% Off!" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe591570726001747c17%252Fm%252F1%252F9e5e3531-d85e-4bbd-9ed2-045586b24d05.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTYxNjA5NX0:1vAB0b:c0_5bcj1MmWu48XsswcnGDb-DQ5CUHPRSmzk9lH_aCE" 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="#F9FE9D" 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: #CC1473;" 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: #CC1473;" tabindex="-1" target="_blank">
                           40% Off Accessories
                          </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: #CC1473;" tabindex="-1" target="_blank">
                           No limit. We might regret this later.
                          </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="#14CC7C" 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">
                           Test the Limit
                          </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: #CC1473;" 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 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYxNzIyM30:1vAB0b:bNZMhJlORpV7Q9Vp282dGYyJ-duNNU51KvLIQsOVITo" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYxODM2N30:1vAB0b:gKceUEJAfIQZAgAnUGFOFjdf5AtfT14UBe9_J0EYmW4" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYxOTQ2NH0:1vAB0b:ETr3MFbjEL56Evn3V44H7EbAG3n2_agp23LZz-XUSU4" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYyMDY5Mn0:1vAB0b:fFLtUT8YYNXCFz-7Hua0D9MvmUlklTLqY_cCbtMREDY" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYyMjY4M30:1vAB0b:GHQk4Mevv606RZghnGSlEUCUKdLSkK4M9RGG4L7vbeQ" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYyNDIyfQ:1vAB0b:eoqrGAs2qSdMhipATVOUi1qRcWmCk83H6P0hey7a01M" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjA4MDk1ODUuNTYyNTc1Nn0:1vAB0b:rzVOCdKmeS8UiNvae9Mpi7FxY2WE_012w-L_rFk_ItQ" 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. Discount applied in cart. 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  Sunday, October 19th, 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-fe521c7472600c7f711c-fdd415727563077d7715717c65-fe591570726001747c17-fe5c17797563007e751d-fe2c17737d60077a751172-ff051673756607%2526d%253D10191%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5jcm9jcyIsInRpbWUiOjE3NjA4MDk1ODUuNTYyNzA0OH0:1vAB0b:FBvqq6jpKkIL7yEQW46zhRj69R78iEO_r3H056d_kgM" width="1"/>
  </div>
 </body>
</html>
1 week, 6 days ago - email@crocs-email.com
Buy 2, get 40% off - this weekend only!
You only have so much time left to save big with our weekend deal! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ...
Inboxes List

Crocs Newsletter subscriber
