Email sent from Crocs to a Newsletter subscriber

Crocs Newsletter subscriber

@uifeed.com
Subscribed 3 months, 3 weeks 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTcyNjIwN30:1vJwsl:xFOhLUqJ3xFMo6O2OQw70sDbItRdl9PTnNbpfi0YRYs') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL400woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTczMjQwOX0:1vJwsl:GyxCf_EXcjy5-a-LPX3zic0xxGDnV4BimS-1YDJ6IsU') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTczNDV9:1vJwsl:Ps28lNq9sCJkdbrqm8VcwpxQkY8y0WE7USFXs9qukMA') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL700woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTczNTg3NX0:1vJwsl:K__jJwbquUOluahsnuwrZU8Vj0mxlF4072GFIw0D0nM') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTczNzAzfQ:1vJwsl:Cs_yhBBFdZtQXFFgQ8C-Z4SeV4ERMZUs3nryRnvFtRs') format('woff2'), url('https://inboxflows.com/_/image/https%253A%252F%252Fmedia.crocs.com%252Fraw%252Fupload%252Fmarketing%252FCrocsFontFaceURL900woff.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTczODA2MX0:1vJwsl:bxm76B6o8RHoF82IV6fzQvhXjlisnBR1K5N4bMGuGww') 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;">
   Your early access is live!
  </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_20251114_sale_ccea2for50-am_firstcall%2526c_subscriberID%253D338437052/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkZW1hbmR3YXJlYyIsInRpbWUiOjE3NjMxMzg1NjMuOTg4MDM0Mn0:1vJwsl:D3CVRanb9jPVD6vuHIHqxI6pLGxNO9p8IA-YTZBdDss" style="visibility:hidden;display:none;" width="1"/>
  <!-- sets the segment ID that is used in the WAC -->
  <!-- sets the url, promo, disclaimer end date -->
  <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%252Ffe66157070650c797512%252Fm%252F1%252F2612aea0-365e-4bc7-aca9-0e7e98bbf2fb.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTg4MzY4N30:1vJwsl:LkU9OW-ASCwaeN2NilYTwPWbRS3IPw4DoGXEIG23P0o" 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="#BD0033" 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: #ffffff;" tabindex="-1" target="_blank">
                           Your Early Access Starts Now
                          </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: #ffffff;" tabindex="-1" target="_blank">
                           Get 2 Pairs for $50
                          </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="400">
                          <a style="text-decoration: none; color: #ffffff;" tabindex="-1" target="_blank">
                           Crocs Club gets first dibs. Score 2 pairs for $50 before everyone else.
                          </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="#ffffff" 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: #141215;" target="_blank">
                           Shop Exclusively
                          </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: #ffffff;" 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="Shop These Amazing Early Access Deals Today!" src="https://inboxflows.com/_/image/https%253A%252F%252Fimage.crocs-email.com%252Flib%252Ffe591570726001747c17%252Fm%252F1%252F88ded2ce-5860-4cd0-ad90-ac237846e4f5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZS5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTg4NTQ4NX0:1vJwsl:Gg9c78e3SKNYe12nRDxrngP43vqomevIuGuHnr5dZsA" 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="#ECC260" 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: 50px; line-height: 55px; text-transform: none; text-align: center;" width="500px">
                          <a style="text-decoration: none; color: #141215;" 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: #141215;" tabindex="-1" target="_blank">
                           Customize Your Look For Less
                          </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>
                 <!-- -->
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <!-- 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg4NjY5fQ:1vJwsl:pECCV1b73DthrLYAR1OY5ZhcRGzhLyQEZFDnqRvpUN8" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg4NzkwOH0:1vJwsl:IUKFOOjLle1RO1vCoHCfVj46j_ZJAj4Jmdri6riCpNI" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg4ODk1N30:1vJwsl:BZoxk8CkoWktNImAhoTjwUyw6qy6-YdUMd_PLuUuI-Y" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg4OTl9:1vJwsl:DL2TcbvzpSaWElhkE3ik22jtyt_T1glCU1RnU1GXQCg" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg5MDgzOH0:1vJwsl:I7n3yE-zZ9ozwV-4lI5v4owR9MT0RFYqobDeQsWNQ2g" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg5MTc1OH0:1vJwsl:DLOiTKN9LxlYKLOX7VvqJiHrGOpt23F9GFtejfvzeZs" 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=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmltYWdlLmNyb2NzLSIsInRpbWUiOjE3NjMxMzg1NjMuOTg5MzA0fQ:1vJwsl:_pw5cHFxeTOXS7R-jjxJGwmIego5cjt9X2_S8gPoFDc" 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 -->
        <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 Monday, November 17th, 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-fe5c1c747261067d7317-fdd415727563077d7715717c65-fe591570726001747c17-fe6015787465067f7c13-fe2c17737d60077a751172-ff001574736004%2526d%253D10191%2526bmt%253D0/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5jcm9jcyIsInRpbWUiOjE3NjMxMzg1NjMuOTg5NDY5OH0:1vJwsl:IZpO9yalJrcpkSlxIO3UL01Ca1r26IQJ89YoqPZ4maA" width="1"/>
  </div>
 </body>
</html>
1 week, 4 days ago - email@crocs-email.com
2 pairs for $50! Get first dibs!
Your early access is live! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ...
Inboxes List

Crocs Newsletter subscriber
