1 2 3<!doctype html> 4<html lang="en-US" class="h-full font-ubuntu text-secondary-mine-shaft"> 5 6<head> 7 <meta charset="utf-8"> 8 <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> 9 <link rel="dns-prefetch" href="//hello.myfonts.net"> 10 11<meta charset="UTF-8"> 12<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 13<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 14 15 <title>LVP Flooring | Luxury Vinyl Plank | LVT</title> 16 <meta property="og:title" content="LVP Flooring | Luxury Vinyl Plank | LVT"> 17 <meta property="og:description" content="Discover stylish and highly practical Karndean flooring in a variety of colours and sizes. Available in Luxury Vinyl plank and Luxury vinyl tile options.
"> 18 <meta name="description" content="Discover stylish and highly practical Karndean flooring in a variety of colours and sizes. Available in Luxury Vinyl plank and Luxury vinyl tile options.
"> 19 <meta property="og:image" content="https://www.karndean.com/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/opus/vermeer-oak--wp427--kitchen--mobile.jpg" /> 20 21 22 23 24<link rel="canonical" href="https://www.karndean.com/en-us/floors/" /> 25 26 27 <meta name="p:domain_verify" content="7371698af4d65598e01c144f11947a55" /> 28 29 <link rel="alternate" href="https://www.karndean.com/en-us/floors/" hreflang="en-US" /> 30 <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="en-GB" /> 31 <link rel="alternate" href="https://www.karndean.com/en-nz/floors/" hreflang="en-NZ" /> 32 <link rel="alternate" href="https://www.karndean.com/en-ca/floors/" hreflang="en-CA" /> 33 <link rel="alternate" href="https://www.karndean.com/en-au/floors/" hreflang="en-AU" /> 34 <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="x-default" /> 35 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/11.1.0/nouislider.min.css" /> 36 37 <link rel="preconnect" href="https://fonts.googleapis.com" /> 38 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 39 <link rel="stylesheet" 40 href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" /> 41 <link rel="stylesheet" href="/assets/b2c-redesign/css/style.css?version=639198036580000000" /> 42 43 <link rel="icon" type="image/png" href="/assets/b2c-redesign/favicon-96x96.png" sizes="96x96" /> 44 <link rel="icon" type="image/svg+xml" href="/assets/b2c-redesign/favicon.svg" /> 45 <link rel="shortcut icon" href="/assets/b2c-redesign/favicon.ico" /> 46 <link rel="apple-touch-icon" sizes="180x180" href="/assets/b2c-redesign/apple-touch-icon.png" /> 47 <meta name="apple-mobile-web-app-title" content="Karndean" /> 48 <link rel="manifest" href="/assets/b2c-redesign/site.webmanifest" /> 49 50
50<script> 51 (function (w, d, s, l, i) { 52 w[l] = w[l] || []; w[l].push({ 53 'gtm.start': 54 new Date().getTime(), event: 'gtm.js' 55 }); var f = d.getElementsByTagName(s)[0], 56 j = d.createElement(s), dl = l !== 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 57 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 58 })(window, document, 'script', 'dataLayer', 'GTM-NFVT');</script>
58 59 60
60<script type="text/javascript"> 61 function OptanonWrapper() { 62 if (window.OneTrust) { 63 OneTrust.OnConsentChanged(function (e) { 64 var homeModal = document.querySelector('.js-home-modal'); 65 var focusableElementsList = ['a[href]:not([tabindex^="-"])', 'area[href]:not([tabindex^="-"])', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden]):not([tabindex^="-"])', 'select:not([disabled]):not([aria-hidden]):not([tabindex^="-"])', 'textarea:not([disabled]):not([aria-hidden]):not([tabindex^="-"])', 'button:not([disabled]):not([aria-hidden]):not([tabindex^="-"]):not([tabindex^="-"])', 'iframe:not([tabindex^="-"])', 'object:not([tabindex^="-"])', 'embed:not([tabindex^="-"])', '[contenteditable]:not([tabindex^="-"])', '[tabindex]:not([tabindex^="-"])'] 66 var isVisible = element => { 67 return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length) 68 } 69 if (homeModal) { 70 if (homeModal && homeModal.classList.contains('is-open')) { 71 var focusableElements = [...homeModal.querySelectorAll(focusableElementsList)] 72 .filter(el => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden') && isVisible(el)); 73 74 if (focusableElements.length > 0) { 75 focusableElements[0].focus(); 76 } 77 } 78 } 79 }) 80 } 81 // C0002 - performance cookies 82 if (window.OnetrustActiveGroups && window.OnetrustActiveGroups.indexOf('C0002') > -1) { 83 window._initClickDimensions && window._initClickDimensions(); 84 } 85 } 86 </script>
86 87<!-- begin Convert Experiences code-->
87<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10018705-10019137.js?environment=production"></script>
87<!-- end Convert Experiences code --> <meta name="theme-color" content="#fafafa"> 88
88<script> 89!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");
892===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: { instrumentationKey:'026fb3c1-519d-44f9-8152-5a23a399cd8b' }}); 90</script>
90 91 92 93
93<script type="application/ld+json"> 94 {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Karndean Designflooring?","acceptedAnswer":{"@type":"Answer","text":"Karndean Designflooring is a brand of luxury vinyl flooring known for replicating the look and feel of natural materials like wood and stone, offering durability, easy maintenance, and a wide range of design options."}},{"@type":"Question","name":"Is LVT suitable for a home with pets?","acceptedAnswer":{"@type":"Answer","text":"Yes, our flooring is durable, water resistant and easy to clean."}},{"@type":"Question","name":"What is gluedown flooring?","acceptedAnswer":{"@type":"Answer","text":"Gluedown flooring is affixed to the subfloor with adhesive. Individual planks and tiles can be cut and laid in patterns, allowing you to create stylish custom looks or zoning that sets an area apart. The possibilities are endless. View the benefits of gluedown flooring."}},{"@type":"Question","name":"What is rigid core flooring?","acceptedA
94nswer":{"@type":"Answer","text":"Rigid core is an easy-to-install “floating floor,” which means adhesive is not required. View the benefits of rigid core."}},{"@type":"Question","name":"What is the difference between LVT and sheet vinyl?","acceptedAnswer":{"@type":"Answer","text":"LVT comes in the form of individual tiles or planks and are often designed to mimic the look of natural materials like wood or stone. Sheet vinyl comes in large rolls and a design is printed into the surface."}},{"@type":"Question","name":"How can I purchase Karndean flooring?","acceptedAnswer":{"@type":"Answer","text":"You can purchase our flooring through one of our approved retailers. Find your local retailer"}}]} 95 </script>
95 96 97 <!-- Cloudflare Turnstile --> 98
98<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
98 99</head> 100 101<body class="antialiased selection:bg-selection bg-white relative pt-16 md:pt-[120px] flex flex-col h-full text-secondary-mine-shaft">
vendor: 77 bytes, lines 101-103
101 102 103 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
103GTM-NFVT
vendor: 102 bytes, lines 103-107
103" height="0" 104 width="0" style="display: none; visibility: hidden"></iframe></noscript> 105 106 107
108<a class="sr-only btn btn-tertiary focus:not-sr-only focus:z-100 focus:top-4 focus:md:top-[51px] focus:left-4 focus:flex focus:absolute focus:px-6 focus:py-2.5 transition-none" 109 href="#main">Skip to content</a> 110 111 <header id="main-header" class="flex flex-col items-center w-full absolute left-0 right-0 top-0 bg-white z-90"> 112 113 114 <div class="hidden md:block bg-gray w-full z-[120]"> 115 <div class="container flex h-10 justify-between w-full"> 116 <div class="flex items-center"> 117 <a href="https://www.karndeancommercial.com/en-us/commercial-flooring/" rel="nofollow" 118 class="group btn-link-underline decoration-white !flex text-base text-white no-underline hover:no-underline ring-offset-transparent focus-visible:ring-offset-gray"> 119 <span class="pt-0.5 no-underline group-hover:underline group-hover:decoration-2 underline-offset-[4px]">Karndean For Commercial</span> 120 <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false"> 121 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use> 122 </svg> 123 </a> 124 </div> 125 <div class="flex items-center justify-end"> 126 <div class="js-dropdown-menu relative"> 127 <button id="dropdown-country-trigger" type="button" 128 class="js-dropdown-trigger h-6 group flex items-center text-white outline-none ring-3 ring-transparent ring-offset-gray ring-offset-2 transition-all duration-500 focus-visible:ring-focus" 129 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country"> 130 <svg class="h-6 w-6 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 131 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 132 </svg> 133 <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-2"> 134 <span class="sr-only">Switch region, current region:</span>United States 135 </span> 136 <svg class="h-5 w-5 ml-2 icon-flag-usa" aria-hidden="true" focusable="false"> 137 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa-round"></use> 138 </svg> 139 </button> 140 <ul id="dropdown-country" role="menu" aria-labelledby="dropdown-country-trigger" tabindex="-1" 141 class="js-dropdown-panel absolute top-6 right-0 bg-white rounded-[5px] border border-[#CFCFCF] py-2 px-2 space-y-2 z-100 shadow-lg hidden"> 142 <li role="menuitem" tabindex="-1"> 143 <a href="/en-gb/floors/?regionswitch=true" aria-current="true" 144 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 145 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false"> 146 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use> 147 </svg> 148 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">United Kingdom</span> 149 </a> 150 </li> 151 <li role="menuitem" tabindex="-1"> 152 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 153 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 154 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 155 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 156 </svg>
157 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span> 158 </a> 159 </li> 160 <li role="menuitem" tabindex="-1"> 161 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 162 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 163 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 164 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 165 </svg> 166 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span> 167 </a> 168 </li> 169 <li role="menuitem" tabindex="-1"> 170 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 171 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 172 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 173 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 174 </svg> 175 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span> 176 </a> 177 </li> 178 </ul> 179</div> 180 </div> 181 </div> 182 </div> 183 <div class="container flex items-center h-16 md:h-20 z-[110] lg:z-0 bg-white"> 184 <button type="button" id="mobile-menu-trigger" data-focus-trap-trigger="true"
185 class="js-panel-trigger group lg:hidden h-12 flex items-center bg-white outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus -ml-4 sm:mr-2 px-4 focus-visible:z-10" 186 data-controls-panel="dialog-mobile-nav" aria-label="Open site navigation Menu" data-close-label="Close site navigation Menu"> 187 <svg width="24" height="24" class="group-[.is-open]:hidden icon-menu" aria-hidden="true" focusable="false"> 188 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-menu"></use> 189 </svg> 190 <svg width="24" height="24" class="hidden group-[.is-open]:block icon-close-1" aria-hidden="true" focusable="false"> 191 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use> 192 </svg> 193 </button> 194 <div class="mr-auto"> 195 <a href="/en-us/floors/" class="flex shrink-0 outline-none ring-3 ring-transparent ring-offset-4 transition-all duration-500 focus-visible:ring-focus"> 196 <img src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/unsorted-images/karndean-logo-inline.svg" alt="Karndean Designflooring logo" class="h-8 md:h-[42px]" /> 197 </a> 198 </div> 199 200 201 <div class="hidden mx-auto lg:flex items-center lg:space-x-6 2xl:space-x-12"> 202 <nav id="primary-nav" aria-label="Main navigation" class="primary-nav flex items-center h-20" data-hover="on"> 203 <ul class="dropdown-container flex space-x-4 2xl:space-x-12"> 204 <li class="dropdown"> 205 <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-0" aria-controls="primary-sub-menu-0"> 206 <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus"> 207 <span class="text-lg leading-tight font-medium pointer-events-none">Our Floors</span> 208 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 209 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 210 </svg> 211 </strong> 212 </button> 213 <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-0" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-0"> 214 <div class="container motion-safe:animate-fadeinup"> 215 <div class="grid grid-cols-4 gap-x-4 xl:gap-x-8"> 216 <div class="col-span-1" data-nav-section="our-floors_browse-by-color"> 217 218 219 <div class="pt-4 md:pt-0"> 220 <span id="menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Color</span> 221 <ul aria-labelledby="menu-label-browse-by-color" class="space-y-0.5"> 222 <li class="block"> 223 <a href="/en-us/floors/products/colour/whitecream/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 224 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 225 <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/> 226 </span>
227 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">White/Cream</span> 228 </a> 229 </li> 230 <li class="block"> 231 <a href="/en-us/floors/products/colour/blondgoldenyellow/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 232 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 233 <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/> 234 </span> 235 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blond/Golden/Yellow</span> 236 </a> 237 </li> 238 <li class="block"> 239 <a href="/en-us/floors/products/colour/beigetaupe/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 240 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 241 <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/> 242 </span> 243 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Beige/Taupe</span> 244 </a> 245 </li> 246 <li class="block"> 247 <a href="/en-us/floors/products/colour/brown/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 248 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 249 <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/> 250 </span> 251 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Brown</span> 252 </a> 253 </li> 254 <li class="block"> 255 <a href="/en-us/floors/products/colour/gray/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 256 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 257 <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/> 258 </span> 259 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Gray</span> 260 </a> 261 </li> 262 <li class="block"> 263 <a href="/en-us/floors/products/colour/black/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
264 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 265 <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/> 266 </span> 267 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Black</span> 268 </a> 269 </li> 270 <li class="block"> 271 <a href="/en-us/floors/products/colour/orangeredpink/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 272 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 273 <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/> 274 </span> 275 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Orange/Red/Pink</span> 276 </a> 277 </li> 278 <li class="block"> 279 <a href="/en-us/floors/products/colour/bluegreen/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 280 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 281 <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/> 282 </span> 283 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blue/Green</span> 284 </a> 285 </li> 286 <li class="block"> 287 <a href="/en-us/floors/products?colour=60997" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 288 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 289 <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/> 290 </span> 291 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Multicolor</span> 292 </a> 293 </li> 294 </ul> 295 </div> 296 </div> 297 <div class="col-span-1" data-nav-section="our-floors_browse-by-room"> 298 299 300 <div> 301 <span id="menu-label-browse-by-room" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Room</span> 302 <ul aria-labelledby="menu-label-browse-by-room" class="space-y-0.5"> 303 <li class="block"> 304 <a href="/en-us/floors/inspiration/inspiration-by-room/kitchens/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 305 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 306 <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/> 307 </span>
308 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Kitchen flooring</span> 309 </a> 310 </li> 311 <li class="block"> 312 <a href="/en-us/floors/inspiration/inspiration-by-room/bathroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 313 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 314 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/> 315 </span> 316 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bathroom flooring</span> 317 </a> 318 </li> 319 <li class="block"> 320 <a href="/en-us/floors/inspiration/inspiration-by-room/hallway/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 321 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 322 <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/> 323 </span> 324 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Entrance/Hallway flooring</span> 325 </a> 326 </li> 327 <li class="block"> 328 <a href="/en-us/floors/inspiration/inspiration-by-room/living-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 329 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 330 <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/> 331 </span> 332 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Living Room flooring</span> 333 </a> 334 </li> 335 <li class="block"> 336 <a href="/en-us/floors/inspiration/inspiration-by-room/dining-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 337 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 338 <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/> 339 </span> 340 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Dining room flooring</span> 341 </a> 342 </li> 343 <li class="block"> 344 <a href="/en-us/floors/inspiration/inspiration-by-room/bedroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
345 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 346 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/> 347 </span> 348 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bedroom flooring</span> 349 </a> 350 </li> 351 <li class="block"> 352 <a href="/en-us/floors/inspiration/inspiration-by-room/laundry-mudroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 353 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 354 <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/> 355 </span> 356 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Laundry room flooring</span> 357 </a> 358 </li> 359 <li class="block"> 360 <a href="/en-us/floors/inspiration/inspiration-by-room/home-office/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 361 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 362 <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/> 363 </span> 364 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Home office flooring</span> 365 </a> 366 </li> 367 </ul> 368 </div> 369 </div> 370 <div class="col-span-1" data-nav-section="our-floors_browse-by-look"> 371 372 373 <div> 374 <span id="menu-label-browse-by-look" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Look</span> 375 <ul aria-labelledby="menu-label-browse-by-look" class="space-y-2 xl:space-y-0 xl:grid xl:grid-cols-2 xl:gap-6 xl:max-w-[260px]"> 376 <li class="block"> 377 <a href="/en-us/floors/products/by-look/wood/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block"> 378 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 379 <img class="w-full" src="/globalassets/wood2.jpg" alt="Karndean wood lvp"/> 380 </span> 381 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Wood</span> 382 </a> 383 </li> 384 <li class="block"> 385 <a href="/en-us/floors/products/by-look/stone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block">
386 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 387 <img class="w-full" src="/globalassets/stone2.jpg" alt="Karndean stone lvt floors"/> 388 </span> 389 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Stone</span> 390 </a> 391 </li> 392 <li class="block"> 393 <a href="/en-us/floors/products/by-look/herringbone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block"> 394 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 395 <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak-sm-rl13_akp-sm-rl13-laundry-room.jpg" alt="Laundry room with Salon Oak SM-RL13 | AKP-SM-RL13 herringbone floors"/> 396 </span> 397 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Herringbone</span> 398 </a> 399 </li> 400 </ul> 401 </div> 402 </div> 403 <div class="col-span-1" data-nav-section="our-floors_explore"> 404 405 406 <div> 407 <!-- have to have unique ID / index for mobile vs desktop menus --> 408 <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Explore</span> 409 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 410 <li class="block"> 411 <a href="/en-us/floors/products/our-ranges/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 412 Our Collections 413 </a> 414 </li> 415 <li class="block"> 416 <a href="/en-us/floors/products/our-formats/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 417 Our Installation Formats 418 </a> 419 </li> 420 <li class="block"> 421 <a href="/en-us/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 422 Floor Benefits 423 </a> 424 </li> 425 <li class="block"> 426 <a href="/en-us/floors/products/floor-benefits/family-friendly-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 427 Family Friendly Flooring 428 </a> 429 </li> 430 </ul> 431 <a href="/en-us/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
432 <span>Browse all floors</span> 433 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 434 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 435 </svg> 436 </a> 437 </div> 438 439 </div> 440 </div> 441 </div> 442 </div> 443 </li> 444 <li class="dropdown"> 445 <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-1" aria-controls="primary-sub-menu-1"> 446 <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus"> 447 <span class="text-lg leading-tight font-medium pointer-events-none">Inspiration</span> 448 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 449 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 450 </svg> 451 </strong> 452 </button> 453 454 <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-1" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-1"> 455 <div class="container motion-safe:animate-fadeinup"> 456 <div class="grid grid-cols-4 gap-x-8"> 457 <div class="col-span-1" data-nav-section="inspiration_get-inspired"> 458 459 460 <div> 461 <!-- have to have unique ID / index for mobile vs desktop menus --> 462 <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get Inspired</span> 463 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 464 <li class="block"> 465 <a href="/en-us/floors/inspiration/inspiration-by-room/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 466 Inspiration By Room 467 </a> 468 </li> 469 <li class="block"> 470 <a href="/en-us/floors/inspiration/design-aesthetics/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 471 Karndean Design Aesthetics 472 </a> 473 </li> 474 <li class="block"> 475 <a href="/en-us/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 476 Get Recommendations 477 </a> 478 </li> 479 <li class="block"> 480 <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 481 See Our Floors In Your Room 482 </a> 483 </li> 484 <li class="block"> 485 <a href="/en-us/floors/inspiration/get-inspired/as-seen-on/karndean-on-tv/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 486 See Our Floors On TV 487 </a> 488 </li> 489 </ul> 490 <a title="Get tips from HGTV host Ty Pennington" href="/en-us/floors/inspiration/get-inspired/as-seen-on/ty-pennington/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
491 <span>Tips From Ty Pennington</span> 492 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 493 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 494 </svg> 495 </a> 496 </div> 497 498 </div> 499 <div class="col-span-1" data-nav-section="inspiration_discover"> 500 501 502 <div> 503 <!-- have to have unique ID / index for mobile vs desktop menus --> 504 <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Discover</span> 505 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 506 <li class="block"> 507 <a href="/en-us/floors/inspiration/discover/laying-patterns/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 508 Laying Patterns 509 </a> 510 </li> 511 <li class="block"> 512 <a href="/en-us/floors/inspiration/design-components/decorative-borders/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 513 Decorative Borders 514 </a> 515 </li> 516 <li class="block"> 517 <a href="/en-us/floors/inspiration/design-components/design-strips/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 518 Design Strips 519 </a> 520 </li> 521 <li class="block"> 522 <a title="Discover our newest luxury vinyl designs" href="/en-us/floors/inspiration/discover/new-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 523 New Products 524 </a> 525 </li> 526 </ul> 527 </div> 528 529 </div> 530 <div class="col-span-1" data-nav-section="inspiration_advice"> 531 532 533 <div> 534 <!-- have to have unique ID / index for mobile vs desktop menus --> 535 <span id="menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Advice</span> 536 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 537 <li class="block"> 538 <a href="/en-us/floors/products/floor-benefits/reasons-to-choose-karndean-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 539 Karndean LVT Vs Other Flooring 540 </a> 541 </li> 542 <li class="block"> 543 <a href="/en-us/floors/inspiration/get-inspired/blog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 544 Browse Our Blog 545 </a> 546 </li> 547 <li class="block"> 548 <a href="/en-us/floors/services/downloadable-resources/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 549 Download Our Brochure 550 </a> 551 </li> 552 <li class="block"> 553 <a href="/en-us/floors/helpful-information/contact-us/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 554 Talk To Us 555 </a> 556 </li> 557 </ul> 558 </div> 559 560 </div> 561 <div class="col-span-1" data-nav-section="inspiration_image"> 562 563 <div> 564 <a 565 title="View Karndean Design Aesthetics" 566 href="/en-us/floors/inspiration/design-aesthetics/" 567 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
568 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 569 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800" 570 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=1600 2x" 571 alt="Karndean Design Aesthetics inspiration" 572 class="block w-full"/> 573 </span> 574 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Karndean Design Aesthetics</span> 575 </a> 576 </div> 577 578 </div> 579 </div> 580 </div> 581 </div> 582 </li> 583 <li class="dropdown"> 584 <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-2" aria-controls="primary-sub-menu-2"> 585 <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus"> 586 <span class="text-lg leading-tight font-medium pointer-events-none">Services</span> 587 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 588 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 589 </svg> 590 </strong> 591 </button> 592 593 <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-2" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-2"> 594 <div class="container motion-safe:animate-fadeinup"> 595 <div class="grid grid-cols-4 gap-x-8"> 596 <div class="col-span-1" data-nav-section="services_helpful-information"> 597 598 599 <div> 600 <!-- have to have unique ID / index for mobile vs desktop menus --> 601 <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Helpful Information</span> 602 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 603 <li class="block"> 604 <a href="/en-us/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 605 Ordering Samples 606 </a> 607 </li> 608 <li class="block"> 609 <a href="/en-us/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 610 Find A Retailer 611 </a> 612 </li> 613 <li class="block"> 614 <a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 615 Visit Our Showroom 616 </a> 617 </li> 618 <li class="block"> 619 <a href="/en-us/floors/services/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 620 Tips And Resources 621 </a> 622 </li> 623 <li class="block"> 624 <a href="/en-us/floors/services/guarantee-and-warranty/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-1 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black hover:decoration-2"> 625 Product Warranties 626 </a> 627 </li> 628 </ul> 629 <a href="/en-us/floors/about-us/frequently-asked-questions/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
630 <span>Help & FAQs</span> 631 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 632 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 633 </svg> 634 </a> 635 </div> 636 637 </div> 638 <div class="col-span-1" data-nav-section="services_useful-tools--guidance"> 639 640 641 <div> 642 <!-- have to have unique ID / index for mobile vs desktop menus --> 643 <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Useful Tools & Guidance</span> 644 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 645 <li class="block"> 646 <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 647 See Our Floors In Your Room 648 </a> 649 </li> 650 <li class="block"> 651 <a href="/en-us/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 652 Get Recommendations 653 </a> 654 </li> 655 <li class="block"> 656 <a href="/en-us/floors/services/downloadable-resources/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 657 Read Our Brochures 658 </a> 659 </li> 660 <li class="block"> 661 <a href="/en-us/floors/services/installation-guides/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 662 Download Our Installation Guides 663 </a> 664 </li> 665 <li class="block"> 666 <a title="Recoursos En Español" href="/en/floors/helpful-information/contact-us/recursos-en-espanol/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 667 Recoursos En Español 668 </a> 669 </li> 670 </ul> 671 </div> 672 673 </div> 674 <div class="col-span-1" data-nav-section="services_cleaning--care"> 675 676 677 <div> 678 <!-- have to have unique ID / index for mobile vs desktop menus --> 679 <span id="menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Cleaning & Care</span> 680 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 681 <li class="block"> 682 <a href="/en-us/floors/services/cleaning-care/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 683 How To Care For Our Products 684 </a> 685 </li> 686 </ul> 687 </div> 688 689 </div> 690 <div class="col-span-1" data-nav-section="services_image"> 691 692 <div> 693 <a 694 title="Use our floor visualizer" 695 href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" 696 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
697 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 698 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800" 699 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=1600 2x" 700 alt="Floorstyle visualizer tool on a laptop" 701 class="block w-full"/> 702 </span> 703 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">See our floors in your room</span> 704 </a> 705 </div> 706 707 </div> 708 </div> 709 </div> 710 </div> 711 </li> 712 <li class="dropdown"> 713 <button type="button" class="dropdown-trigger group h-20 flex items-center text-4 leading-tight outline-none relative after:transition-all after:duration-200 after:content-[''] after:h-1 after:bg-transparent after:w-full after:absolute after:bottom-0" aria-expanded="false" id="primary-sub-trigger-3" aria-controls="primary-sub-menu-3"> 714 <strong class="h-5 flex items-center pointer-events-none outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 group-focus-visible:ring-focus"> 715 <span class="text-lg leading-tight font-medium pointer-events-none">Where to buy</span> 716 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 717 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 718 </svg> 719 </strong> 720 </button> 721 722 <div class="dropdown-panel bg-white absolute left-0 w-full py-12 overflow-hidden hidden lg:py-16" id="primary-sub-menu-3" role="region" aria-hidden="true" aria-labelledby="primary-sub-trigger-3"> 723 <div class="container motion-safe:animate-fadeinup"> 724 <div class="grid grid-cols-4 gap-x-8"> 725 <div class="col-span-1" data-nav-section="where-to-buy_flooring"> 726 727 728 <div> 729 <!-- have to have unique ID / index for mobile vs desktop menus --> 730 <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Flooring</span> 731 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 732 <li class="block"> 733 <a title="Find a retailer to purchase our luxury vinyl floors" href="/en-us/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 734 Find A Karndean Retailer 735 </a> 736 </li> 737 <li class="block"> 738 <a href="/en-us/floors/services/how-to-buy-karndean-designflooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 739 Why Specialty Flooring Retailers 740 </a> 741 </li> 742 <li class="block"> 743 <a href="/en-us/floors/services/useful-tools-and-advice/preparing-for-a-retailer-visit/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 744 Preparing For A Retailer Visit 745 </a> 746 </li> 747 </ul> 748 </div> 749 750 </div> 751 <div class="col-span-1" data-nav-section="where-to-buy_get-in-touch"> 752 753 754 <div> 755 <!-- have to have unique ID / index for mobile vs desktop menus -->
756 <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get In Touch</span> 757 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 758 <li class="block"> 759 <a href="/en-us/floors/helpful-information/contact-us/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 760 Contact Us 761 </a> 762 </li> 763 <li class="block"> 764 <a href="/en-us/floors/helpful-information/contact-us/recursos-en-espanol/formulario-de-contacto/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 765 Contáctenos 766 </a> 767 </li> 768 </ul> 769 </div> 770 771 </div> 772 <div class="col-span-1" data-nav-section="where-to-buy_samples"> 773 774 775 <div> 776 <!-- have to have unique ID / index for mobile vs desktop menus --> 777 <span id="menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Samples</span> 778 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 779 <li class="block"> 780 <a href="/en-us/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 781 Order Free Samples 782 </a> 783 </li> 784 </ul> 785 </div> 786 787 </div> 788 <div class="col-span-1" data-nav-section="where-to-buy_image"> 789 790 <div> 791 <a 792 href="/en-us/floors/where-to-buy/find-a-retailer/" 793 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 794 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 795 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800" 796 data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=1600 2x" 797 alt="Book a free design consultation with a Karndean flooring expert" 798 class="block w-full"/> 799 </span> 800 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Find a local retailer</span> 801 </a> 802 </div> 803 804 </div> 805 </div> 806 </div> 807 </div> 808 </li> 809 </ul> 810 </nav> 811 <div> 812 <div class="search-trigger-container hidden lg:flex"> 813 <button type="button" class="bg-white rounded-full flex flex-col items-center justify-center w-6 h-6 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus" aria-expanded="false" id="search-trigger" aria-controls="search-panel" aria-label="Toggle site search"> 814 <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false"> 815 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 816 </svg> 817 </button> 818 </div> 819 <div class="dropdown-panel bg-white absolute top-[120px] right-0 left-0 w-full py-8 overflow-hidden hidden" id="search-panel" role="region" aria-hidden="true" aria-labelledby="search-trigger"> 820 <div class="container relative motion-safe:animate-fadeinup"> 821 <div class="mx-auto w-[632px]"> 822 <form action="/en-us/floors/search-results/" method="get" role="search" class="w-full relative"> 823 <div> 824 <label for="txtSearchTerm" class="sr-only">Search</label> 825 <div class="relative flex items-stretch flex-grow"> 826 <input type="search" name="searchTerm" id="txtSearchTerm" class="block w-full h-[52px] bg-gray-medium border-gray-medium placeholder:!text-secondary-smokey-grey" placeholder="Search Website"> 827 <button type="button" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus ring-offset-gray-medium focus-visible:ring-offset-gray-medium border-0 h-6 w-6 absolute top-3.5 right-14 hidden" aria-label="Clear search" id="clear-site-search"> 828 <svg class="h-6 w-6 icon-close-2" aria-hidden="true" focusable="false"> 829 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-2"></use> 830 </svg> 831 </button> 832 </div> 833 <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-gray-medium ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6" aria-label="Search"> 834 <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false"> 835 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 836 </svg> 837 </button> 838 </div> 839 </form> 840 <button type="button" id="close-search-panel" class="btn-rounded-with-label ml-auto absolute top-0 right-8">
841 <span class="icon"> 842 <svg class="h-6 icon-close-1" aria-hidden="true" focusable="false"> 843 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use> 844 </svg> 845 </span> 846 <span class="label">Close <span class="sr-only">the dialog</span></span> 847 </button> 848 </div> 849 </div> 850 </div> 851 </div> 852 853 </div> 854 855 856 <div class="flex items-end gap-6 shrink-0 ml-auto"> 857 <button type="button" class="bg-white rounded-full flex lg:hidden flex-col items-center justify-center w-6 h-6 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus js-mobile-search-btn" aria-expanded="false" aria-controls="search-panel" aria-label="Toggle mobile site search"> 858 <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false"> 859 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 860 </svg> 861 </button> 862 863 <a href="/en-us/floors/login/" 864 class="group hidden md:flex justify-center flex-col items-center gap-0.5 outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 865 <div class="relative flex h-6 w-6"> 866 <svg class="h-6 w-6 icon-favorite icon-people" aria-hidden="true" focusable="false"> 867 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use> 868 </svg> 869 </div> 870 <span class="text-base leading-normal sr-only xl:not-sr-only transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">My Login</span> 871 </a> 872 873 <app-my-favourites data-get-favourites-api-url="/api/karndeanResidentialSaved/all" data-label="My Favorites" data-url="/en-us/floors/favorites/" data-page-id="59530"> 874 </app-my-favourites> 875 876 <app-my-samples data-get-basket-api-url="/api/karndeanResidentialCart/get" 877 data-update-basket-api-url="/api/karndeanResidentialCart/updateQuantity" 878 data-label="My Samples" 879 data-basket-label="Basket" 880 data-subtitle="Order up to 6 FREE samples" 881 data-close-label="Close" 882 data-total-label="Total" 883 data-subtotal-label="Subtotal" 884 data-delivery-label="Delivery" 885 data-basket-url="/en-us/floors/basket/" 886 data-basket-button-text="Continue To Basket" 887 data-page-id="59530" 888 data-basket-items-price-label="Price" 889 data-basket-item-qty-label="Quantity" 890 data-basket-item-format-label="Format" 891 data-basket-item-size-sample-label="size sample" 892 data-basket-item-sample-size-label="sample size" 893 data-basket-item-free-label="Free" 894 data-basket-remove-label="Remove" 895 data-order-more-samples-label="Order More Samples" 896 data-order-more-samples-url="/en-us/floors/products/" 897 data-sample-added-success-message="Sample added to my samples" 898 data-samples-empty-image-one-times="" 899 data-samples-empty-image-two-times="" 900 data-samples-empty-image-alt="Product" 901 data-samples-empty-title="You haven't added any samples yet!" 902 data-samples-empty-text="Samples are useful for getting a sense of how the floor will look and feel in your space. Browse our flooring." 903 data-samples-empty-button-label="Browse Our Flooring" 904 data-samples-empty-button-url="/en-us/floors/products/" 905 data-basket-loading-title="Loading..." 906 data-basket-loading-text="Loading..." 907 data-api-error-text="Error adding sample" 908 data-free-sample-single-limit-error-text="Sample Added Over Max Single Free Sample" 909 data-free-sample-total-limit-error-text="Too many free samples have been added" 910 data-paid-sample-single-limit-error-text="Too many paid samples have been added" 911 data-paid-sample-total-limit-error-text="The requested number of samples exceeds the number allowed" 912 data-max-single-paid-sample-amount="2" 913 data-max-paid-sample-amount="4" 914 data-max-free-single-sample-amount="1" 915 data-max-free-sample-amount="6"> 916 </app-my-samples> 917 </div> 918 </div> 919 920 921 <div class="js-slide-in-panel slide-in-panel hidden" 922 role="dialog" 923 data-direction="right" 924 id="dialog-mobile-nav" 925 aria-labelledby="dialog-mobile-nav-label" 926 aria-modal="true"> 927 <div class="flex flex-col h-full"> 928 929 <h2 id="dialog-mobile-nav-label" class="sr-only">Mobile navigation</h2> 930 931 <div class="overflow-y-auto overflow-x-hidden flex flex-col h-full"> 932 933 <nav id="mobile-nav" aria-label="Mobile navigation" class="pt-12 md:pt-[112px] mb-6 px-4 md:px-12"> 934 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 935 936 937<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 938 <div> 939 <button id="mobile-menu-accordion-header-1" type="button" aria-controls="mobile-menu-accordion-content-1" 940 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 941 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Our Floors</strong> 942
943 <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 944 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 945 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 946 </svg> 947 </span> 948 </button> 949 </div> 950 <div role="region" aria-labelledby="mobile-menu-accordion-header-1" id="mobile-menu-accordion-content-1" class="js-accordion-panel pb-6"> 951 952<div class="divide-y-2 divide-gray-border space-y-4"> 953 <div data-nav-section="our-floors_browse-by-color"> 954 955 956 <div class="pt-4 md:pt-0"> 957 <span id="mobile-menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Color</span> 958 <ul aria-labelledby="mobile-menu-label-browse-by-color" class="space-y-0.5"> 959 <li class="block"> 960 <a href="/en-us/floors/products/colour/whitecream/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 961 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 962 <img class="w-full" src="/globalassets/karndean/retailers/colours/white-cream.jpg" alt="white cream"/> 963 </span> 964 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">White/Cream</span> 965 </a> 966 </li> 967 <li class="block"> 968 <a href="/en-us/floors/products/colour/blondgoldenyellow/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 969 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 970 <img class="w-full" src="/globalassets/karndean/retailers/colours/yellow-gold.jpg" alt="yellow gold"/> 971 </span> 972 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blond/Golden/Yellow</span> 973 </a> 974 </li> 975 <li class="block"> 976 <a href="/en-us/floors/products/colour/beigetaupe/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 977 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 978 <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/> 979 </span> 980 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Beige/Taupe</span> 981 </a> 982 </li> 983 <li class="block"> 984 <a href="/en-us/floors/products/colour/brown/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 985 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 986 <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/> 987 </span>
988 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Brown</span> 989 </a> 990 </li> 991 <li class="block"> 992 <a href="/en-us/floors/products/colour/gray/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 993 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 994 <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/> 995 </span> 996 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Gray</span> 997 </a> 998 </li> 999 <li class="block"> 1000 <a href="/en-us/floors/products/colour/black/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1001 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1002 <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/> 1003 </span> 1004 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Black</span> 1005 </a> 1006 </li> 1007 <li class="block"> 1008 <a href="/en-us/floors/products/colour/orangeredpink/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1009 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1010 <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/> 1011 </span> 1012 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Orange/Red/Pink</span> 1013 </a> 1014 </li> 1015 <li class="block"> 1016 <a href="/en-us/floors/products/colour/bluegreen/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1017 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1018 <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/> 1019 </span> 1020 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Blue/Green</span> 1021 </a> 1022 </li> 1023 <li class="block"> 1024 <a href="/en-us/floors/products?colour=60997" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1025 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1026 <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/> 1027 </span> 1028 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Multicolor</span> 1029 </a> 1030 </li> 1031 </ul> 1032 </div> 1033 1034 </div> 1035 <div class="pt-4" data-nav-section="our-floors_browse-by-room"> 1036 1037 1038 <div> 1039 <span id="mobile-menu-label-browse-by-room" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Room</span> 1040 <ul aria-labelledby="mobile-menu-label-browse-by-room" class="space-y-0.5"> 1041 <li class="block"> 1042 <a href="/en-us/floors/inspiration/inspiration-by-room/kitchens/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1043 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1044 <img class="w-full" src="/globalassets/karndean/retailers/rooms/kitchen.svg" alt="Logo which indicates a kitchen"/> 1045 </span> 1046 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Kitchen flooring</span> 1047 </a> 1048 </li> 1049 <li class="block"> 1050 <a href="/en-us/floors/inspiration/inspiration-by-room/bathroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1051 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1052 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/> 1053 </span> 1054 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bathroom flooring</span> 1055 </a> 1056 </li> 1057 <li class="block"> 1058 <a href="/en-us/floors/inspiration/inspiration-by-room/hallway/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1059 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1060 <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/> 1061 </span> 1062 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Entrance/Hallway flooring</span> 1063 </a> 1064 </li> 1065 <li class="block"> 1066 <a href="/en-us/floors/inspiration/inspiration-by-room/living-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1067 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1068 <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/> 1069 </span>
1070 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Living Room flooring</span> 1071 </a> 1072 </li> 1073 <li class="block"> 1074 <a href="/en-us/floors/inspiration/inspiration-by-room/dining-room/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1075 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1076 <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/> 1077 </span> 1078 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Dining room flooring</span> 1079 </a> 1080 </li> 1081 <li class="block"> 1082 <a href="/en-us/floors/inspiration/inspiration-by-room/bedroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1083 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1084 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/> 1085 </span> 1086 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Bedroom flooring</span> 1087 </a> 1088 </li> 1089 <li class="block"> 1090 <a href="/en-us/floors/inspiration/inspiration-by-room/laundry-mudroom/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1091 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1092 <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/> 1093 </span> 1094 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Laundry room flooring</span> 1095 </a> 1096 </li> 1097 <li class="block"> 1098 <a href="/en-us/floors/inspiration/inspiration-by-room/home-office/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1099 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1100 <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/> 1101 </span> 1102 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Home office flooring</span> 1103 </a> 1104 </li> 1105 </ul> 1106 </div> 1107 1108 </div> 1109 <div class="pt-4" data-nav-section="our-floors_browse-by-look"> 1110 1111 1112 <div>
1113 <span id="mobile-menu-label-browse-by-look" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse By Look</span> 1114 <ul aria-labelledby="mobile-menu-label-browse-by-look" class="space-y-2 xl:space-y-0 xl:grid xl:grid-cols-2 xl:gap-6 xl:max-w-[260px]"> 1115 <li class="block"> 1116 <a href="/en-us/floors/products/by-look/wood/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block"> 1117 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 1118 <img class="w-full" src="/globalassets/wood2.jpg" alt="Karndean wood lvp"/> 1119 </span> 1120 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Wood</span> 1121 </a> 1122 </li> 1123 <li class="block"> 1124 <a href="/en-us/floors/products/by-look/stone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block"> 1125 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 1126 <img class="w-full" src="/globalassets/stone2.jpg" alt="Karndean stone lvt floors"/> 1127 </span> 1128 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Stone</span> 1129 </a> 1130 </li> 1131 <li class="block"> 1132 <a href="/en-us/floors/products/by-look/herringbone/" class="group text-base xl:text-lg inline-flex items-center xl:items-start outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed xl:block"> 1133 <span class="block rounded-lg mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden xl:block xl:w-full xl:aspect-1/1 xl:rounded-lg xl:h-auto xl:mb-1"> 1134 <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak-sm-rl13_akp-sm-rl13-laundry-room.jpg" alt="Laundry room with Salon Oak SM-RL13 | AKP-SM-RL13 herringbone floors"/> 1135 </span> 1136 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2 pt-1">Herringbone</span> 1137 </a> 1138 </li> 1139 </ul> 1140 </div> 1141 1142 </div> 1143 <div class="pt-4" data-nav-section="our-floors_explore"> 1144 1145 1146 <div> 1147 <!-- have to have unique ID / index for mobile vs desktop menus --> 1148 <span id="mobile-menu-label-standard-1" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Explore</span> 1149 <ul aria-labelledby="mobile-menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1150 <li class="block"> 1151 <a href="/en-us/floors/products/our-ranges/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1152 Our Collections 1153 </a> 1154 </li> 1155 <li class="block"> 1156 <a href="/en-us/floors/products/our-formats/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1157 Our Installation Formats 1158 </a> 1159 </li> 1160 <li class="block"> 1161 <a href="/en-us/floors/inspiration/discover/why-choose-karndean/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1162 Floor Benefits 1163 </a> 1164 </li> 1165 <li class="block"> 1166 <a href="/en-us/floors/products/floor-benefits/family-friendly-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1167 Family Friendly Flooring 1168 </a> 1169 </li> 1170 </ul> 1171 <a href="/en-us/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1172 <span>Browse all floors</span> 1173 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 1174 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 1175 </svg> 1176 </a> 1177 </div> 1178 1179 </div> 1180</div> 1181 </div> 1182</div> 1183 1184 1185<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1186 <div> 1187 <button id="mobile-menu-accordion-header-2" type="button" aria-controls="mobile-menu-accordion-content-2" 1188 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1189 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Inspiration</strong> 1190 1191 <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1192 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1193 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1194 </svg> 1195 </span> 1196 </button> 1197 </div> 1198 <div role="region" aria-labelledby="mobile-menu-accordion-header-2" id="mobile-menu-accordion-content-2" class="js-accordion-panel pb-6"> 1199 1200 <div class="divide-y-2 divide-gray-border space-y-4"> 1201 <div class="pt-4" data-nav-section="inspiration_get-inspired"> 1202 1203 1204 <div> 1205 <!-- have to have unique ID / index for mobile vs desktop menus --> 1206 <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get Inspired</span> 1207 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1208 <li class="block"> 1209 <a href="/en-us/floors/inspiration/inspiration-by-room/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1210 Inspiration By Room 1211 </a> 1212 </li> 1213 <li class="block"> 1214 <a href="/en-us/floors/inspiration/design-aesthetics/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1215 Karndean Design Aesthetics 1216 </a> 1217 </li> 1218 <li class="block"> 1219 <a href="/en-us/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1220 Get Recommendations 1221 </a> 1222 </li> 1223 <li class="block"> 1224 <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1225 See Our Floors In Your Room 1226 </a> 1227 </li> 1228 <li class="block"> 1229 <a href="/en-us/floors/inspiration/get-inspired/as-seen-on/karndean-on-tv/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1230 See Our Floors On TV 1231 </a> 1232 </li> 1233 </ul> 1234 <a title="Get tips from HGTV host Ty Pennington" href="/en-us/floors/inspiration/get-inspired/as-seen-on/ty-pennington/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1235 <span>Tips From Ty Pennington</span> 1236 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 1237 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 1238 </svg> 1239 </a> 1240 </div> 1241 1242 </div> 1243 <div class="pt-4" data-nav-section="inspiration_discover"> 1244 1245 1246 <div> 1247 <!-- have to have unique ID / index for mobile vs desktop menus --> 1248 <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Discover</span> 1249 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1250 <li class="block"> 1251 <a href="/en-us/floors/inspiration/discover/laying-patterns/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1252 Laying Patterns 1253 </a> 1254 </li> 1255 <li class="block"> 1256 <a href="/en-us/floors/inspiration/design-components/decorative-borders/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1257 Decorative Borders 1258 </a> 1259 </li> 1260 <li class="block"> 1261 <a href="/en-us/floors/inspiration/design-components/design-strips/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1262 Design Strips 1263 </a> 1264 </li> 1265 <li class="block"> 1266 <a title="Discover our newest luxury vinyl designs" href="/en-us/floors/inspiration/discover/new-products/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1267 New Products 1268 </a> 1269 </li> 1270 </ul> 1271 </div> 1272 1273 </div> 1274 <div class="pt-4" data-nav-section="inspiration_advice"> 1275 1276 1277 <div> 1278 <!-- have to have unique ID / index for mobile vs desktop menus --> 1279 <span id="mobile-menu-label-standard-2" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Advice</span> 1280 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1281 <li class="block"> 1282 <a href="/en-us/floors/products/floor-benefits/reasons-to-choose-karndean-flooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1283 Karndean LVT Vs Other Flooring 1284 </a> 1285 </li> 1286 <li class="block"> 1287 <a href="/en-us/floors/inspiration/get-inspired/blog/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1288 Browse Our Blog 1289 </a> 1290 </li> 1291 <li class="block"> 1292 <a href="/en-us/floors/services/downloadable-resources/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1293 Download Our Brochure 1294 </a> 1295 </li> 1296 <li class="block"> 1297 <a href="/en-us/floors/helpful-information/contact-us/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1298 Talk To Us 1299 </a> 1300 </li> 1301 </ul> 1302 </div> 1303 1304 </div> 1305 <div class="pt-4" data-nav-section="inspiration_image"> 1306 1307 <div> 1308 <a 1309 title="View Karndean Design Aesthetics" 1310 href="/en-us/floors/inspiration/design-aesthetics/" 1311 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1312 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 1313 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800" 1314 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/aesthetics/2026/2026-kda-1600x1600-for-website.jpg?width=1600 2x" 1315 alt="Karndean Design Aesthetics inspiration" 1316 class="block w-full"/> 1317 </span> 1318 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Karndean Design Aesthetics</span> 1319 </a> 1320 </div> 1321 1322 </div> 1323 </div> 1324 1325 </div> 1326</div> 1327 1328 1329<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1330 <div> 1331 <button id="mobile-menu-accordion-header-3" type="button" aria-controls="mobile-menu-accordion-content-3" 1332 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1333 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Services</strong> 1334 1335 <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1336 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1337 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1338 </svg> 1339 </span> 1340 </button> 1341 </div> 1342 <div role="region" aria-labelledby="mobile-menu-accordion-header-3" id="mobile-menu-accordion-content-3" class="js-accordion-panel pb-6"> 1343 1344 <div class="divide-y-2 divide-gray-border space-y-4"> 1345 <div class="pt-4" data-nav-section="services_helpful-information"> 1346 1347 1348 <div> 1349 <!-- have to have unique ID / index for mobile vs desktop menus --> 1350 <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Helpful Information</span> 1351 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1352 <li class="block"> 1353 <a href="/en-us/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1354 Ordering Samples 1355 </a> 1356 </li> 1357 <li class="block"> 1358 <a href="/en-us/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1359 Find A Retailer 1360 </a> 1361 </li> 1362 <li class="block"> 1363 <a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1364 Visit Our Showroom 1365 </a> 1366 </li> 1367 <li class="block"> 1368 <a href="/en-us/floors/services/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1369 Tips And Resources 1370 </a> 1371 </li> 1372 <li class="block"> 1373 <a href="/en-us/floors/services/guarantee-and-warranty/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-1 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black hover:decoration-2"> 1374 Product Warranties 1375 </a> 1376 </li> 1377 </ul> 1378 <a href="/en-us/floors/about-us/frequently-asked-questions/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
1379 <span>Help & FAQs</span> 1380 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 1381 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 1382 </svg> 1383 </a> 1384 </div> 1385 1386 </div> 1387 <div class="pt-4" data-nav-section="services_useful-tools--guidance"> 1388 1389 1390 <div> 1391 <!-- have to have unique ID / index for mobile vs desktop menus --> 1392 <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Useful Tools & Guidance</span> 1393 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1394 <li class="block"> 1395 <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1396 See Our Floors In Your Room 1397 </a> 1398 </li> 1399 <li class="block"> 1400 <a href="/en-us/floors/inspiration/discover/product-finder/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1401 Get Recommendations 1402 </a> 1403 </li> 1404 <li class="block"> 1405 <a href="/en-us/floors/services/downloadable-resources/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1406 Read Our Brochures 1407 </a> 1408 </li> 1409 <li class="block"> 1410 <a href="/en-us/floors/services/installation-guides/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1411 Download Our Installation Guides 1412 </a> 1413 </li> 1414 <li class="block"> 1415 <a title="Recoursos En Español" href="/en/floors/helpful-information/contact-us/recursos-en-espanol/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1416 Recoursos En Español 1417 </a> 1418 </li> 1419 </ul> 1420 </div> 1421 1422 </div> 1423 <div class="pt-4" data-nav-section="services_cleaning--care"> 1424 1425 1426 <div> 1427 <!-- have to have unique ID / index for mobile vs desktop menus --> 1428 <span id="mobile-menu-label-standard-3" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Cleaning & Care</span> 1429 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1430 <li class="block"> 1431 <a href="/en-us/floors/services/cleaning-care/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1432 How To Care For Our Products 1433 </a> 1434 </li> 1435 </ul> 1436 </div> 1437 1438 </div> 1439 <div class="pt-4" data-nav-section="services_image"> 1440 1441 <div> 1442 <a 1443 title="Use our floor visualizer" 1444 href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" 1445 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed">
1446 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 1447 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800" 1448 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/contact--resources/floorstyle-laptop.png?width=1600 2x" 1449 alt="Floorstyle visualizer tool on a laptop" 1450 class="block w-full"/> 1451 </span> 1452 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">See our floors in your room</span> 1453 </a> 1454 </div> 1455 1456 </div> 1457 </div> 1458 1459 </div> 1460</div> 1461 1462 1463<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1464 <div> 1465 <button id="mobile-menu-accordion-header-4" type="button" aria-controls="mobile-menu-accordion-content-4" 1466 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1467 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Where to buy</strong> 1468 1469 <span aria-hidden="true" class="ml-6 flex items-center justify-center text-secondary-mine-shaft w-8 h-8 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1470 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1471 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1472 </svg> 1473 </span> 1474 </button> 1475 </div> 1476 <div role="region" aria-labelledby="mobile-menu-accordion-header-4" id="mobile-menu-accordion-content-4" class="js-accordion-panel pb-6"> 1477 1478 <div class="divide-y-2 divide-gray-border space-y-4"> 1479 <div class="pt-4" data-nav-section="where-to-buy_flooring"> 1480 1481 1482 <div> 1483 <!-- have to have unique ID / index for mobile vs desktop menus --> 1484 <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Flooring</span> 1485 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1486 <li class="block"> 1487 <a title="Find a retailer to purchase our luxury vinyl floors" href="/en-us/floors/where-to-buy/find-a-retailer/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1488 Find A Karndean Retailer 1489 </a> 1490 </li> 1491 <li class="block"> 1492 <a href="/en-us/floors/services/how-to-buy-karndean-designflooring/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1493 Why Specialty Flooring Retailers 1494 </a> 1495 </li> 1496 <li class="block"> 1497 <a href="/en-us/floors/services/useful-tools-and-advice/preparing-for-a-retailer-visit/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1498 Preparing For A Retailer Visit 1499 </a> 1500 </li> 1501 </ul> 1502 </div> 1503 1504 </div> 1505 <div class="pt-4" data-nav-section="where-to-buy_get-in-touch"> 1506 1507 1508 <div> 1509 <!-- have to have unique ID / index for mobile vs desktop menus -->
1510 <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Get In Touch</span> 1511 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1512 <li class="block"> 1513 <a href="/en-us/floors/helpful-information/contact-us/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1514 Contact Us 1515 </a> 1516 </li> 1517 <li class="block"> 1518 <a href="/en-us/floors/helpful-information/contact-us/recursos-en-espanol/formulario-de-contacto/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1519 Contáctenos 1520 </a> 1521 </li> 1522 </ul> 1523 </div> 1524 1525 </div> 1526 <div class="pt-4" data-nav-section="where-to-buy_samples"> 1527 1528 1529 <div> 1530 <!-- have to have unique ID / index for mobile vs desktop menus --> 1531 <span id="mobile-menu-label-standard-4" class="block text-base xl:text-lg font-medium leading-normal mb-4 md:mb-2.5 xl:mb-3.5">Samples</span> 1532 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1533 <li class="block"> 1534 <a href="/en-us/floors/services/ordering-samples/" class="text-base xl:text-lg outline-none ring-3 ring-transparent ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] hover:decoration-black focus-visible:decoration-black focus-visible:decoration-2"> 1535 Order Free Samples 1536 </a> 1537 </li> 1538 </ul> 1539 </div> 1540 1541 </div> 1542 <div class="pt-4" data-nav-section="where-to-buy_image"> 1543 1544 <div> 1545 <a 1546 href="/en-us/floors/where-to-buy/find-a-retailer/" 1547 class="group text-base xl:text-lg block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1548 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 1549 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800" 1550 data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/uk/helpful-information/showroom-consultation.png?width=1600 2x" 1551 alt="Book a free design consultation with a Karndean flooring expert" 1552 class="block w-full"/> 1553 </span> 1554 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Find a local retailer</span> 1555 </a> 1556 </div> 1557 1558 </div> 1559 </div> 1560 1561 </div> 1562</div> 1563 </div> 1564 1565 </nav> 1566 <div class="md:hidden bg-gray-light px-4 py-8 mt-auto"> 1567 <ul class="space-y-6"> 1568 <li> 1569 <a href="/en-us/floors/login/" class="group text-base inline-flex outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1570 <svg width="24" height="24" class="mr-2 icon-people" aria-hidden="true" focusable="false"> 1571 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use> 1572 </svg>
1573 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">My Login</span> 1574 </a> 1575 </li> 1576 <li> 1577 <a href="https://www.karndeancommercial.com/en-us/commercial-flooring/" rel="nofollow" class="group text-base inline-flex outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed"> 1578 <svg width="24" height="24" class="mr-2 icon-exit" aria-hidden="true" focusable="false"> 1579 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-exit"></use> 1580 </svg> 1581 <span class="block transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Karndean For Commercial</span> 1582 </a> 1583 </li> 1584 <li> 1585 <div class="js-dropdown-menu relative"> 1586 <button id="dropdown-country-trigger-mobile" type="button" 1587 class="js-dropdown-trigger h-6 group flex items-center outline-none ring-3 ring-transparent ring-offset-gray-light ring-offset-2 transition-all duration-500 focus-visible:ring-focus" 1588 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-mobile"> 1589 <svg class="h-6 w-6 mr-2 icon-public" aria-hidden="true" focusable="false"> 1590 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-public"></use> 1591 </svg> 1592 <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2"> 1593 <span class="sr-only">Switch region, current region:</span>United States 1594 </span> 1595 <svg class="h-5 w-5 ml-2 icon-flag-usa" aria-hidden="true" focusable="false"> 1596 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use> 1597 </svg> 1598 <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 1599 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 1600 </svg> 1601 </button> 1602 <ul id="dropdown-country-mobile" role="menu" aria-labelledby="dropdown-country-trigger-mobile" tabindex="-1" 1603 class="js-dropdown-panel absolute bottom-6 left-0 bg-white rounded-[5px] border border-[#CFCFCF] py-2 px-2 space-y-2 z-100 shadow-lg hidden"> 1604 <li role="menuitem" tabindex="-1"> 1605 <a href="/en-gb/floors/?regionswitch=true" aria-current="true" 1606 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1607 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false"> 1608 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use> 1609 </svg> 1610 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">
1610United Kingdom</span> 1611 </a> 1612 </li> 1613 <li role="menuitem" tabindex="-1"> 1614 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 1615 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1616 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 1617 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 1618 </svg> 1619 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span> 1620 </a> 1621 </li> 1622 <li role="menuitem" tabindex="-1"> 1623 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 1624 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1625 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 1626 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 1627 </svg> 1628 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span> 1629 </a> 1630 </li> 1631 <li role="menuitem" tabindex="-1"> 1632 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 1633 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1634 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 1635 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 1636 </svg> 1637 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span> 1638 </a> 1639 </li> 1640 </ul> 1641 </div> 1642 </li> 1643 </ul> 1644 </div> 1645 </div> 1646 1647 1648 </div> 1649 </div> 1650 <div id="dialog-mobile-nav-bg" class="js-slide-in-panel-bg slide-in-panel-bg hidden" aria-hidden="true"></div> 1651 1652 1653 </header> 1654 <div class="mobile-search-area hidden lg:!hidden"> 1655 <div class="py-4 pt-0 px-4 md:px-12"> 1656 <form action="/en-us/floors/search-results/" method="get" role="search" class="w-full relative"> 1657 <div> 1658 <label for="mobileSearchTerm" class="sr-only">Search</label> 1659 <div class="relative flex items-stretch flex-grow"> 1660 <input type="search" name="searchTerm" id="mobileSearchTerm" class="block w-full h-[52px] bg-gray-medium border-gray-medium placeholder:!text-secondary-smokey-grey" placeholder="Search Website"> 1661 </div> 1662 <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6 focus-visible:ring-offset-gray-medium" aria-label="Search"> 1663 <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false"> 1664 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 1665 </svg> 1666 </button> 1667 </div> 1668 </form> 1669 </div> 1670 </div> 1671 <div id="menu-background" class="z-80 fixed inset-0 w-full h-full motion-safe:animate-fadein hidden bg-black/70 backdrop-blur-sm"></div> 1672 1673 1674 1675 1676<section class="top-area"> 1677 1678 1679 1680 <div class="relative flex items-end h-[100vw] md:h-2/3 md:min-h-[500px] lg:[70vh] 2xl:h-[60vh] object-cover shrink-0"> 1681 1682 <div class="absolute bottom-0 left-0 right-0 h-3/4 xl:h-1/2 bg-gradient-to-t from-black/40 to-transparent z-10 mix-blend-multiply"></div> 1683 1684 <div class="absolute bottom-0 z-0 flex object-cover w-full h-full"> 1685 <picture data-lazyload class="block w-full h-full" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa
1685/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=800" data-alt="Emerald, maximalist living room with Natural Prime Oak lvp floors"> 1686 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=2400, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=4800 2x" media="(min-width: 2000px)"> 1687 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=1800 , /globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=2600 2x" media="(min-width: 768px)"> 1688 <source srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-space.jpg?width=800, /globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-space.jpg?width=1600 2x" media="(min-width: 320px)"> 1689 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=50 "> 1690 <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/usa/van-gogh/natural-prime-oak--vgw115t--ds05-5--living-room---desktop.jpg?width=1800" class="h-full no-js" alt="Emerald, maximalist living room with Natural Prime Oak lvp floors"></noscript> 1691 </picture> 1692 </div> 1693 1694 <div class="container z-20 space-y-4 md:space-y-8 max-w-[1128px] mb-6 md:mb-16 text-center"> 1695 <h1 class="text-white text-balance text-4xl md:text-5xl 2xl:text-6xl" data-epi-property-name="Heading" data-epi-use-mvc="True">LVP flooring, Designed for life</h1> 1696 <a href="/en-us/floors/products/" class="btn btn-white inline-flex">Browse our LVP flooring</a> 1697 </div> 1698 1699 </div> 1700 1701</section> 1702 1703<main id="main" class="main"> 1704 1705 1706 1707 <div class="pb-6 md:pb-12 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0"> 1708 <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12"> 1709 <div class="space-y-2 lg:col-span-10 lg:col-start-2"> 1710 <h2 class="text-display-sm leading-tight md:text-display-lg text-primary" data-epi-edit="Heading" data-epi-use-mvc="True" data-epi-property-edittype="inline">Browse By Look</h2> 1711 </div> 1712 </div> 1713 <div class="space-y-8"> 1714 1715 1716 <div class="flex flex-wrap justify-center -mx-2 w-[calc(100%+1rem)] md:-mx-3 md:w-[calc(100%+1.5rem)] -mt-2.5"> 1717 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1718 <a href="/en-us/floors/inspiration/discover/wood/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg"> 1719 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1720 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=50" 1721 data-srcset="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=386 1x, /globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=772 2x" 1722 alt="Canadian Urban Oak RKP116 in a living room" 1723 class="block w-full" /> 1724 </span> 1725 <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Wood Designs</span> 1726 </a> 1727 </div> 1728 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1729 <a href="/en-us/floors/inspiration/discover/stone/" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg">
1730 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1731 <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=50" 1732 data-srcset="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=386 1x, /globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=772 2x" 1733 class="block w-full" /> 1734 </span> 1735 <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Stone Designs</span> 1736 </a> 1737 </div> 1738 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1739 <a href="/en-us/floors/products/by-look/herringbone/" title="Browse all herringbone luxury vinyl floors" class="group text-center block outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg"> 1740 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1741 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=50" 1742 data-srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=386 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v1-block-square/usa/collections/golden-kent-ash--rl44--herringbone-cameo.jpg?width=772 2x" 1743 alt="Golden Kent Ash gluedown RL44 wood lvt in a herringbone pattern" 1744 class="block w-full" /> 1745 </span> 1746 <span class="block text-lg leading-relaxed transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Herringbone Designs</span> 1747 </a> 1748 </div> 1749 </div> 1750 1751 </div> 1752 1753 1754 </div> 1755 1756 <div class="py-6 md:py-12 first-of-type:pt-3.5 first-of-type:md:pt-6 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0"> 1757 <div class="space-y-8"> 1758 1759 1760 1761 <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12"> 1762 1763 <div class="col-span-1 aspect-5/3 md:aspect-1/1 lg:aspect-5/3 xl:col-span-6 xl:col-start-2 group-even:md:order-2 group-even:xl:col-start-6 rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-hidden"> 1764 <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=2800" data-alt="Ty Pennington on Karndean Korlok lvp - "The quality is a cut above."" data-loaded="true"> 1765 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=2800 2x" media="(min-width: 1024px)"> 1766 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400 2x" media="(min-width: 320px)"> 1767 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=50 "> 1768 <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/usa/ty-homepage-korlok-quote.png?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full no-js" alt="Ty Pennington on Karndean Korlok lvp - "The quality is a cut above.""></noscript> 1769 <img alt="Ty Pennington on Karndean Korlok lvp - "The quality is a cut above.""> 1770 </picture> 1771 </div> 1772 1773 <div class="col-span-1 space-y-8 xl:col-span-4 xl:col-start-8 group-even:xl:col-start-2 p-6 pb-12 md:p-0 rounded-bl-lg rounded-br-lg bg-gray-light md:bg-transparent md:rounded-none"> 1774 <div class="space-y-4"> 1775 <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Beautifully Crafted. Backed By Warranty.</h3> 1776 1777 <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating"> 1778 Ty Pennington is a big fan of our Korlok Select collection. Planks and tiles easily click in place for a fast, easy installation that minimizes disruption. And like all our floors, Korlok is backed by a lifetime residential warranty. Visit a Karndean retailer to learn more. 1779 </p> 1780 </div> 1781 <a href="/en-us/floors/inspiration/discover/korlok-select/" class="btn btn-secondary sm:inline-flex" title="Explore Korlok Select">Explore Korlok Select</a> 1782 </div> 1783 1784 </div> 1785 1786 <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12"> 1787 1788 <div class="col-span-1 aspect-5/3 md:aspect-1/1 lg:aspect-5/3 xl:col-span-6 xl:col-start-2 group-even:md:order-2 group-even:xl:col-start-6 rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-hidden"> 1789 <div class="flex h-full w-full js-video-background relative overflow-hidden rounded-tl-lg rounded-tr-lg md:rounded-lg"> 1790 <video class="h-full w-full object-cover h-fit" muted loop autoplay="true" playsinline aria-hidden="true"> 1791 <source data-src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/anz/contact-us/anz-karndean-floorstyle-visualiser-tool-lvt-flooring-1400x788.mp4" src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/anz/contact-us/anz-karndean-floorstyle-visualiser-tool-lvt-flooring-1400x788.mp4" /> 1792 </video> 1793 1794 <button type="button" class="group js-play-button absolute text-white bottom-6 right-6 bg-black w-12 h-12 rounded-full sm:hover:bg-secondary-smokey-grey transition-colors outline-none ring-3 ring-transparent ring-offset-0 duration-500 focus-visible:ring-focus" aria-label="Play video" data-play-label="Play video" data-pause-video="Pause video"> 1795 <svg class="w-12 h-12 block group-[.is-playing]:hidden icon-play" aria-hidden="true" focusable="false"> 1796 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-play"></use> 1797 </svg> 1798 <svg class="w-12 h-12 hidden group-[.is-playing]:block icon-pause" aria-hidden="true" focusable="false"> 1799 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pause"></use> 1800 </svg> 1801 </button> 1802 1803 </div> 1804 </div> 1805 1806 <div class="col-span-1 space-y-8 xl:col-span-4 xl:col-start-8 group-even:xl:col-start-2 p-6 pb-12 md:p-0 rounded-bl-lg rounded-br-lg bg-gray-light md:bg-transparent md:rounded-none"> 1807 <div class="space-y-4"> 1808 <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">See Our Floors In Your Room</h3> 1809 1810 <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating"> 1811 Upload a photo of your space and compare your favorite Karndean designs with our Floorstyle visualizer. 1812 </p> 1813 </div> 1814 <a href="/en-us/floors/inspiration/discover/floorstyle-floor-designer/" class="btn btn-secondary sm:inline-flex">Try Floorstyle</a> 1815 </div> 1816 1817 </div> 1818 1819 </div> 1820 1821 1822 </div> 1823 1824 <div class="pb-6 md:pb-12 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0"> 1825 <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12"> 1826 <div class="space-y-2 lg:col-span-10 lg:col-start-2"> 1827 <h2 class="text-display-sm leading-tight md:text-display-lg text-primary" data-epi-edit="Heading" data-epi-use-mvc="True" data-epi-property-edittype="inline">Featured Collections</h2> 1828 </div> 1829 </div> 1830 <div class="space-y-8"> 1831 1832 1833 <div class="grid grid-cols-1 gap-8 md:gap-6 md:grid-cols-3"> 1834 1835 <div class="col-span-1"> 1836 <a href="/en-us/floors/products/our-ranges/art-select/" 1837 title="Explore the Art Select collection" 1838 class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent">
1839 <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0"> 1840 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=50" 1841 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/art-select/lorenzo-warm-oak--rl51--herringbone-kitchen.jpg?width=1600 2x" 1842 alt="Lorenzo Warm Oak waterproof lvp floors are perfect for a kitchen" 1843 class="block w-full" /> 1844 </span> 1845 <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col"> 1846 <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center"> 1847 <img src="/globalassets/karndean/icons-and-logos/range-icons/art-select-range-icon-tn.png" aria-hidden="true" class="h-12 w-12" alt="Art Select Gluedown Range Icon"> 1848 <span>Art Select</span> 1849 </h3> 1850 <p class="mb-8 font-lg leading-relaxed">This collection brings the natural beauty of wood and stone flooring to life in large format tiles and planks.</p> 1851 <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Art Select</span> 1852 </div> 1853 1854 </a> 1855 </div> 1856 1857 <div class="col-span-1"> 1858 <a href="/en-us/floors/inspiration/discover/korlok-select/" 1859 title="Explore the Korlok Select collection" 1860 class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent"> 1861 <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0"> 1862 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=50" 1863 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/korlok/bianco-breccia-marble--rkt3021-g--kitchen.jpg?width=1600 2x" 1864 class="block w-full" /> 1865 </span> 1866 <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col"> 1867 <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center"> 1868 <img src="/globalassets/karndean/icons-and-logos/range-icons/korloks-tds-logo.png" aria-hidden="true" class="h-12 w-12" alt="Korlok Select Rigid Core Range Icon"> 1869 <span>Korlok Select</span> 1870 </h3> 1871 <p class="mb-8 font-lg leading-relaxed">Korlok Select is filled with wood and stone floors with a soul and a story. Extra-long 56” x 9” planks and large 18” x 24” tiles, distinctive details and a subtle texture.</p> 1872 <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Korlok Select</span> 1873 </div> 1874 1875 </a> 1876 </div> 1877 1878 <div class="col-span-1"> 1879 <a href="/en-us/floors/products/our-ranges/LooseLay-Range/" 1880 title="Explore the Karndean LooseLay collection" 1881 class="flex flex-col w-full h-full group relative outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus leading-relaxed rounded-lg whitespace-normal mr-4 lg:mr-0 shadow-none hover:shadow-lg focus-visible:shadow-none hover:ring-offset-transparent"> 1882 <span class="block w-full rounded-t-lg object-fill aspect-1/1 overflow-hidden shrink-0"> 1883 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=50" 1884 data-srcset="/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=800 1x,/globalassets/karndean/b2c-blocks/b2c-234-up-card-block/usa/collections/looselay/champara-travertine--llt226--hallway.jpg?width=1600 2x" 1885 class="block w-full" /> 1886 </span> 1887 <div class="bg-gray-light px-6 pt-8 pb-12 rounded-b-lg h-full flex flex-col"> 1888 <h3 class="text-xl 2xl:text-3xl mb-4 flex space-x-4 items-center"> 1889 <img src="/globalassets/karndean/icons-and-logos/range-icons/ll-tds-logo.png" aria-hidden="true" class="h-12 w-12" alt="Karndean LooseLay Range Icon">
1890 <span>Karndean Looselay</span> 1891 </h3> 1892 <p class="mb-8 font-lg leading-relaxed">Karndean LooseLay is made with our K-Wave® friction-grip backing, which reduces noise to lower floors – perfect for upstairs bedrooms – while offering cushion for extra comfort.</p> 1893 <span aria-hidden="true" class="btn btn-secondary btn-small md:self-start">Explore Karndean LooseLay</span> 1894 </div> 1895 1896 </a> 1897 </div> 1898 </div> 1899 1900 </div> 1901 1902 1903 </div> 1904 1905 <div class="py-6 md:py-12 first-of-type:pt-3.5 first-of-type:md:pt-6 block-container [.top-area_&]:!p-0 [.top-area_&]:!pt-3.5 [.top-area_&]:md:!pt-6 [.bottom-area_&]:!p-0"> 1906 <div class="space-y-8"> 1907 1908 1909 <div class="faqs-block mx-auto max-w-[1070px]"> 1910 1911 <h2 class="text-4xl md:mb-8 text-">Frequently Asked Questions</h2> 1912 1913 <button class="js-accordion-open-all group btn-rounded-with-label ml-auto mr-2 md:mr-5"> 1914 <span class="label group-[.is-open]:hidden">Show All <span class="sr-only">FAQ accordions</span></span> 1915 <span class="label hidden group-[.is-open]:block">Hide All <span class="sr-only">FAQ accordions</span></span> 1916 <span class="icon"> 1917 <svg width="24" height="24" class="rotate-90 group-[.is-open]:-rotate-90 transition-none icon-arrow-1" aria-hidden="true" focusable="false"> 1918 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1919 </svg> 1920 </span> 1921 </button> 1922 1923 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 1924 1925 1926 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1927 <div> 1928 <button id="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-header-89354" type="button" aria-controls="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-content-89354" aria-expanded="false" 1929 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1930 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is Karndean Designflooring?</strong> 1931 1932 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1933 <strong class="hidden md:flex text-lg"> 1934 <span data-show-label>Show</span> 1935 <span data-hide-label>Hide</span> 1936 </strong> 1937 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1938 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1939 </svg> 1940 </span> 1941 </button> 1942 </div> 1943 <div role="region" aria-labelledby="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-header-89354" id="c8a82246-8204-4c23-acc4-f3eacf573c10-accordion-content-89354" class="js-accordion-panel pb-6"> 1944 <div class="wysiwyg w-full max-w-none"> 1945<p>Karndean Designflooring is a brand of luxury vinyl flooring known for replicating the look and feel of natural materials like wood and stone, offering durability, easy maintenance, and a wide range of design options.</p></div> 1946 </div> 1947 </div> 1948 1949 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1950 <div> 1951 <button id="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-header-89355" type="button" aria-controls="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-content-89355" aria-expanded="false" 1952 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1953 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">Is LVT suitable for a home with pets?</strong> 1954
1955 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1956 <strong class="hidden md:flex text-lg"> 1957 <span data-show-label>Show</span> 1958 <span data-hide-label>Hide</span> 1959 </strong> 1960 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1961 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1962 </svg> 1963 </span> 1964 </button> 1965 </div> 1966 <div role="region" aria-labelledby="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-header-89355" id="025e57a9-dbce-4d63-9bfe-17dfd5ab6a39-accordion-content-89355" class="js-accordion-panel pb-6"> 1967 <div class="wysiwyg w-full max-w-none"> 1968<p>Yes, our flooring is durable, water resistant and easy to clean. </p></div> 1969 </div> 1970 </div> 1971 1972 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1973 <div> 1974 <button id="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-header-89356" type="button" aria-controls="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-content-89356" aria-expanded="false" 1975 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1976 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is gluedown flooring?</strong> 1977 1978 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 1979 <strong class="hidden md:flex text-lg"> 1980 <span data-show-label>Show</span> 1981 <span data-hide-label>Hide</span> 1982 </strong> 1983 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1984 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1985 </svg> 1986 </span> 1987 </button> 1988 </div> 1989 <div role="region" aria-labelledby="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-header-89356" id="64696f7d-52ac-475a-b8c1-aa1e45d6155e-accordion-content-89356" class="js-accordion-panel pb-6"> 1990 <div class="wysiwyg w-full max-w-none"> 1991<p>Gluedown flooring is affixed to the subfloor with adhesive. Individual planks and tiles can be cut and laid in patterns, allowing you to create stylish custom looks or zoning that sets an area apart. The possibilities are endless. <a href="/en-us/floors/products/our-formats/gluedown/">View the benefits of gluedown flooring.</a></p></div> 1992 </div> 1993 </div> 1994 1995 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1996 <div> 1997 <button id="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-header-89357" type="button" aria-controls="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-content-89357" aria-expanded="false" 1998 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 1999 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is rigid core flooring?</strong> 2000 2001 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 2002 <strong class="hidden md:flex text-lg">
2003 <span data-show-label>Show</span> 2004 <span data-hide-label>Hide</span> 2005 </strong> 2006 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2007 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2008 </svg> 2009 </span> 2010 </button> 2011 </div> 2012 <div role="region" aria-labelledby="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-header-89357" id="85b872af-ada1-4aa3-8ac7-1319756c58e9-accordion-content-89357" class="js-accordion-panel pb-6"> 2013 <div class="wysiwyg w-full max-w-none"> 2014<p>Rigid core is an easy-to-install “floating floor,” which means adhesive is not required. <a href="/en-us/floors/products/our-formats/rigid-core/">View the benefits of rigid core.</a></p></div> 2015 </div> 2016 </div> 2017 2018 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2019 <div> 2020 <button id="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-header-89358" type="button" aria-controls="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-content-89358" aria-expanded="false" 2021 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 2022 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is the difference between LVT and sheet vinyl?</strong> 2023 2024 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 2025 <strong class="hidden md:flex text-lg"> 2026 <span data-show-label>Show</span> 2027 <span data-hide-label>Hide</span> 2028 </strong> 2029 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2030 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2031 </svg> 2032 </span> 2033 </button> 2034 </div> 2035 <div role="region" aria-labelledby="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-header-89358" id="0af6b1b5-2b0a-4fa2-90c9-57ff1c147a1f-accordion-content-89358" class="js-accordion-panel pb-6"> 2036 <div class="wysiwyg w-full max-w-none"> 2037<p>LVT comes in the form of individual tiles or planks and are often designed to mimic the look of natural materials like wood or stone. Sheet vinyl comes in large rolls and a design is printed into the surface.</p></div> 2038 </div> 2039 </div> 2040 2041 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2042 <div> 2043 <button id="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-header-94962" type="button" aria-controls="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-content-94962" aria-expanded="false" 2044 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 2045 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">How can I purchase Karndean flooring?</strong> 2046 2047 <span aria-hidden="true" class="ml-6 bg-white group-hover:bg-gray-light transition-colors flex items-center justify-center text-secondary-mine-shaft shrink-0 w-12 md:w-32 h-12 rounded-full ring-3 ring-transparent ring-offset-2 group-focus-visible:ring-focus"> 2048 <strong class="hidden md:flex text-lg"> 2049 <span data-show-label>Show</span> 2050 <span data-hide-label>Hide</span> 2051 </strong> 2052 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2053 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2054 </svg> 2055 </span> 2056 </button> 2057 </div> 2058 <div role="region" aria-labelledby="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-header-94962" id="97655c55-e7ac-4e07-b0d7-fb876d58599e-accordion-content-94962" class="js-accordion-panel pb-6"> 2059 <div class="wysiwyg w-full max-w-none"> 2060<p>You can purchase our flooring through one of our approved retailers. <a href="/en-us/floors/where-to-buy/find-a-retailer/">Find your local retailer</a></p></div> 2061 </div> 2062 </div> 2063 2064 </div> 2065 </div> 2066 2067 </div> 2068 2069 2070 </div> 2071 2072 2073 2074</main> 2075 2076 2077 2078 2079 <footer class="relative bg-secondary-smokey-grey text-white pt-12 pb-24 md:pt-14 md:pb-0 mt-auto"> 2080 <div class="container space-y-4 md:space-y-8"> 2081 2082 <div class="grid grid-cols-1 md:grid-cols-12 xl:grid-cols-24 2xl:grid-cols-12 md:gap-4 xl:gap-6 2xl:gap-7"> 2083 2084 2085 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-6 2xl:col-span-3 mb-4 md:mb-0"> 2086 <div class="mb-8 lg:mb-0"> 2087 <div class="flex items-start mb-2"> 2088 <svg width="55" height="55" class="mr-2 icon-location-pin" aria-hidden="true" focusable="false"> 2089 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-pin"></use> 2090 </svg> 2091 <h2 class="text-white text-display-sm leading-tighter">Find A Retailer</h2> 2092 </div> 2093 <p class="text-lg leading-relaxed">Visit one of our retail partners to see our floors in person and get help with layout ideas, installation information, pricing and more.</p> 2094 2095 <form action="/en-us/floors/where-to-buy/find-a-retailer/" method="get" role="search" class="js-far-form w-full pt-8 md:pt-6"> 2096 <label for="retailerSearchTerm" class="flex items-center text-lg font-medium leading-normal text-white mb-4"> 2097 <svg width="24" height="24" class="mr-2 icon-location-1" aria-hidden="true" focusable="false"> 2098 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-1"></use> 2099 </svg>
2100 <span>Find Your Nearest Retailer</span> 2101 </label> 2102 <div class="relative mb-4"> 2103 2104 <input type="hidden" name="lat" class="js-far-latitude" readonly> 2105 <input type="hidden" name="lng" class="js-far-longitude" readonly> 2106 2107 <div class="relative flex items-stretch flex-grow"> 2108 <input type="search" name="postcode" id="retailerSearchTerm" class="block w-full h-[52px] bg-gray-light border-gray-light ring-offset-secondary-smokey-grey focus-visible:ring-offset-secondary-smokey-grey" placeholder="Enter Zip Code"> 2109 </div> 2110 <button type="submit" class="flex items-center justify-center rounded-full outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus h-6 w-6 absolute top-3.5 right-6" aria-label="Search"> 2111 <svg class="h-6 w-6 text-black icon-search" aria-hidden="true" focusable="false"> 2112 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 2113 </svg> 2114 </button> 2115 </div> 2116 <button class="js-get-location text-white text-lg flex items-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey transition-all focus-visible:ring-focus duration-300 underline decoration-1 underline-offset-[4px] decoration-white hover:decoration-transparent md:hidden"> 2117 <svg width="24" height="24" class="mr-2 icon-location-searching" aria-hidden="true" focusable="false"> 2118 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-searching"></use> 2119 </svg> 2120 <span class="block group-[.is-loading]:hidden">Use My Location</span> 2121 <span class="hidden group-[.is-loading]:block">Getting Location</span> 2122 </button> 2123 </form> 2124 </div> 2125 </div> 2126 2127 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 xl:col-start-8 2xl:col-span-2 2xl:col-start-5"> 2128 <h2 id="footer-menu-1" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Our Floors</h2> 2129 <nav aria-labelledby="footer-menu-1" class="hidden xl:block"> 2130 <ul class="space-y-2"> 2131 <li><a href="/en-us/floors/inspiration/discover/why-choose-karndean/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Why Karndean Floors?</a></li> 2132 <li><a href="/en-us/floors/products/our-ranges/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our Collections</a></li> 2133 <li><a href="/en-us/floors/products/our-formats/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our Installation Formats</a></li> 2134 <li><a href="/en-us/floors/inspiration/design-components/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Design Details</a></li> 2135 <li><a href="/en-us/floors/products/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Browse All Flooring</a></li> 2136 </ul> 2137 </nav> 2138 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2139 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2140 <div> 2141 <button id="footer-accordion-header-1" type="button" aria-controls="footer-accordion-content-1" aria-expanded="false" 2142 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 2143 <strong class="font-ubuntu text-xl text-white font-medium">Our Floors</strong> 2144
2145 <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey"> 2146 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2147 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2148 </svg> 2149 </span> 2150 </button> 2151 </div> 2152 <section aria-labelledby="footer-accordion-header-1" id="footer-accordion-content-1" class="js-accordion-panel pb-6"> 2153 <nav aria-labelledby="footer-menu-1"> 2154 <ul class="space-y-2"> 2155 <li><a href="/en-us/floors/inspiration/discover/why-choose-karndean/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Why Karndean Floors?</a></li> 2156 <li><a href="/en-us/floors/products/our-ranges/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our Collections</a></li> 2157 <li><a href="/en-us/floors/products/our-formats/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our Installation Formats</a></li> 2158 <li><a href="/en-us/floors/inspiration/design-components/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Design Details</a></li> 2159 <li><a href="/en-us/floors/products/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Browse All Flooring</a></li> 2160 </ul> 2161 </nav> 2162 </section> 2163 </div> 2164 </div> 2165 </div> 2166 2167 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 2xl:col-span-2"> 2168 <h2 id="footer-menu-2" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">About Karndean</h2> 2169 <nav aria-labelledby="footer-menu-2" class="hidden xl:block"> 2170 <ul class="space-y-2"> 2171 <li><a href="/en-us/floors/about-us/our-story/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Our Story</a></li> 2172 <li><a href="/en-us/floors/about-us/careers-at-karndean/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Careers At Karndean</a></li> 2173 <li><a href="/en-us/floors/about-us/karndean-evolve/" title=" Learn more about Karndean Designflooring's sustainability " class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Karndean Sustainability</a></li> 2174 <li><a href="/en-us/floors/about-us/environmental-certifications-standards/" title="See Karndean Designflooring environmental accreditations and certificates" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Environmental Accreditations</a></li> 2175 <li><a href="/globalassets/karndean-commercial/blocks/b2b-brochure-listing-block/usa/environmental/environmental-policy-statement---usa---20260616.pdf" title="View our Environmental Policy Statement" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Environmental Policy Statement</a></li> 2176 <li><a href="/en-us/floors/about-us/karndean-press/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Karndean In The Press</a></li> 2177 </ul> 2178 </nav> 2179 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2180 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2181 <div> 2182 <button id="footer-accordion-header-2" type="button" aria-controls="footer-accordion-content-2" aria-expanded="false" 2183 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 2184 <strong class="font-ubuntu text-xl text-white font-medium">About Karndean</strong> 2185
2186 <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey"> 2187 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2188 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2189 </svg> 2190 </span> 2191 </button> 2192 </div> 2193 <section aria-labelledby="footer-accordion-header-2" id="footer-accordion-content-2" class="js-accordion-panel pb-6"> 2194 <nav aria-labelledby="footer-menu-2"> 2195 <ul class="space-y-2"> 2196 <li><a href="/en-us/floors/about-us/our-story/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Our Story</a></li> 2197 <li><a href="/en-us/floors/about-us/careers-at-karndean/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Careers At Karndean</a></li> 2198 <li><a href="/en-us/floors/about-us/karndean-evolve/" title=" Learn more about Karndean Designflooring's sustainability " class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Karndean Sustainability</a></li> 2199 <li><a href="/en-us/floors/about-us/environmental-certifications-standards/" title="See Karndean Designflooring environmental accreditations and certificates" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Environmental Accreditations</a></li> 2200 <li><a href="/globalassets/karndean-commercial/blocks/b2b-brochure-listing-block/usa/environmental/environmental-policy-statement---usa---20260616.pdf" title="View our Environmental Policy Statement" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Environmental Policy Statement</a></li> 2201 <li><a href="/en-us/floors/about-us/karndean-press/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Karndean In The Press</a></li> 2202 </ul> 2203 </nav> 2204 </section> 2205 </div> 2206 </div> 2207 </div> 2208 2209 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-4 2xl:col-span-2"> 2210 <h2 id="footer-menu-3" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Customer Services</h2> 2211 <nav aria-labelledby="footer-menu-3" class="hidden xl:block"> 2212 <ul class="space-y-2"> 2213 <li><a href="/en-us/floors/about-us/frequently-asked-questions/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Help & FAQs</a></li> 2214 <li><a href="/en-us/floors/helpful-information/contact-us/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Contact Us</a></li> 2215 <li><a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Visit Our Showroom</a></li> 2216 <li><a href="/en-us/floors/services/guarantee-and-warranty/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Product Warranties</a></li> 2217 <li><a href="/en-us/floors/services/installation-guides/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Installation Guides</a></li> 2218 <li><a href="/en-us/floors/helpful-information/online-bill-pay/" class="text-base 2xl:text-lg leading-relaxed text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus transition-colors duration-300 no-underline hover:underline decoration-white decoration-0 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Bill Pay</a></li> 2219 </ul> 2220 </nav> 2221 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2222 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2223 <div> 2224 <button id="footer-accordion-header-3" type="button" aria-controls="footer-accordion-content-3" aria-expanded="false" 2225 class="js-accordion-trigger group text-left w-full flex justify-between items-center outline-none pl-0 pr-2 py-6 relative focus:z-10 hover:z-10"> 2226 <strong class="font-ubuntu text-xl text-white font-medium">Customer Services</strong> 2227
2228 <span aria-hidden="true" class="accordion-icon-container ml-6 flex items-center bg-trnasparent group-hover:bg-white justify-center text-white w-8 h-8 rounded-full ring-3 ring-offset-secondary-smokey-grey transition-colors ring-transparent ring-offset-2 group-focus-visible:ring-focus group-focus-visible:bg-white group-hover:text-secondary-smokey-grey group-focus-visible:text-secondary-smokey-grey"> 2229 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2230 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2231 </svg> 2232 </span> 2233 </button> 2234 </div> 2235 <section aria-labelledby="footer-accordion-header-3" id="footer-accordion-content-3" class="js-accordion-panel pb-6"> 2236 <nav aria-labelledby="footer-menu-3"> 2237 <ul class="space-y-2"> 2238 <li><a href="/en-us/floors/about-us/frequently-asked-questions/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Help & FAQs</a></li> 2239 <li><a href="/en-us/floors/helpful-information/contact-us/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Contact Us</a></li> 2240 <li><a href="/en-us/floors/helpful-information/contact-us/Visit-our-showrooms/visit-our-showrooms/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Visit Our Showroom</a></li> 2241 <li><a href="/en-us/floors/services/guarantee-and-warranty/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Product Warranties</a></li> 2242 <li><a href="/en-us/floors/services/installation-guides/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Installation Guides</a></li> 2243 <li><a href="/en-us/floors/helpful-information/online-bill-pay/" class="text-base lg:text-lg text-white inline-flex outline-none relative focus-visible:z-10 ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-2 underline-offset-[4px] hover:underline hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1 decoration-white">Bill Pay</a></li> 2244 </ul> 2245 </nav> 2246 </section> 2247 </div> 2248 </div> 2249 </div> 2250 2251 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-5 2xl:col-span-2 mt-4 md:mt-0"> 2252 <h2 id="footer-menu-follow-us" class="sr-only xl:not-sr-only xl:block text-xl font-medium !mb-6 font-sans">Follow Us</h2> 2253 <div class="pt-4 lg:pt-0"> 2254 <ul class="flex flex-wrap justify-center xl:justify-start gap-3 xl:gap-2 mb-12" aria-labelledby="footer-menu-follow-us"> 2255 <li> 2256 <a href="https://www.linkedin.com/company/karndean-designflooring-usa" aria-label="Follow us on Linked In" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray"> 2257 <svg width="24" height="24" class="icon-linkedin" aria-hidden="true" focusable="false"> 2258 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-linkedin"></use> 2259 </svg> 2260 </a> 2261 </li> 2262 <li> 2263 <a href="https://www.facebook.com/KarndeanDesignflooringUSA" aria-label="Follow us on Facebook" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray"> 2264 <svg width="24" height="24" class="icon-facebook" aria-hidden="true" focusable="false"> 2265 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-facebook"></use> 2266 </svg> 2267 </a> 2268 </li> 2269 <li> 2270 <a href="https://www.instagram.com/karndean_usa/" aria-label="Follow us on Instagram" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray"> 2271 <svg width="24" height="24" class="icon-instagram" aria-hidden="true" focusable="false"> 2272 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-instagram"></use> 2273 </svg> 2274 </a> 2275 </li> 2276 <li> 2277 <a href="https://www.pinterest.com/karndeanusa/" aria-label="Follow us on Pinterest" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray"> 2278 <svg width="24" height="24" class="icon-pintrest" aria-hidden="true" focusable="false"> 2279 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pintrest"></use> 2280 </svg> 2281 </a> 2282 </li> 2283 <li> 2284 <a href="https://www.youtube.com/user/KarndeanDesignfloors" aria-label="Follow us on Youtube" class="flex shrink-0 items-center justify-center outline-none ring-3 ring-transparent ring-offset-2 ring-offset-secondary-smokey-grey rounded-full transition-all duration-500 focus-visible:ring-focus text-white w-8 h-8 hover:bg-white hover:text-gray focus-visible:bg-white focus-visible:text-gray"> 2285 <svg width="24" height="24" class="icon-youtube" aria-hidden="true" focusable="false"> 2286 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-youtube"></use> 2287 </svg> 2288 </a> 2289 </li> 2290 </ul> 2291 <div class="flex justify-center xl:justify-start"> 2292 <div class="js-dropdown-menu relative"> 2293 <button id="dropdown-country-trigger-footer" type="button" 2294 class="js-dropdown-trigger h-6 group flex items-center outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 transition-all duration-500 focus-visible:ring-focus" 2295 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-footer"> 2296 <svg class="h-5 w-5 mr-2 icon-flag-usa" aria-hidden="true" focusable="false"> 2297 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use> 2298 </svg>
2299 <span class="underline decoration-transparent decoration-1 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-1"> 2300 <span class="sr-only">Switch region, current region:</span>United States 2301 </span> 2302 <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 2303 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 2304 </svg> 2305 </button> 2306 2307 <ul id="dropdown-country-footer" role="menu" aria-labelledby="dropdown-country-trigger-footer" tabindex="-1" 2308 class="js-dropdown-panel absolute bottom-6 right-0 bg-white rounded-[5px] border border-[#CFCFCF] p-2 space-y-2 z-100 shadow-lg hidden"> 2309 <li role="menuitem" tabindex="-1"> 2310 <a href="/en-gb/floors/?regionswitch=true" aria-current="true" 2311 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2312 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-uk" aria-hidden="true" focusable="false"> 2313 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use> 2314 </svg> 2315 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">United Kingdom</span> 2316 </a> 2317 </li> 2318 <li role="menuitem" tabindex="-1"> 2319 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 2320 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2321 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 2322 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 2323 </svg> 2324 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Australia</span> 2325 </a> 2326 </li> 2327 <li role="menuitem" tabindex="-1"> 2328 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 2329 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2330 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 2331 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 2332 </svg>
2333 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">New Zealand</span> 2334 </a> 2335 </li> 2336 <li role="menuitem" tabindex="-1"> 2337 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 2338 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2339 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 2340 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 2341 </svg> 2342 <span class="whitespace-nowrap transition-colors duration-300 underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2">Canada</span> 2343 </a> 2344 </li> 2345 </ul> 2346 </div> 2347 </div> 2348 </div> 2349 </div> 2350 </div> 2351 <div class="flex justify-center"> 2352 <a href="https://www.karndeancommercial.com/en-us/commercial-flooring/" rel="nofollow" class="btn btn-white btn-small w-full sm:w-auto sm:inline-flex mt-4 px-6 mb-4 lg:my-0"> 2353 <span>Commercial</span> 2354 <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false"> 2355 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use> 2356 </svg> 2357 </a> 2358 </div> 2359 <div class="grid grid-cols-1 md:grid-cols-12 md:gap-4"> 2360 <div class="col-span-1 md:col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-12 text-center xl:text-left xl:flex xl:justify-between py-4 border-t-2 border-gray-light space-y-4 xl:space-y-0 xl:space-x-4 footer-padding-right"> 2361 <p class="block lg:shrink-0">© Copyright 2026 Karndean Designflooring</p> 2362 <div> 2363 <ul class="flex flex-wrap gap-y-2 gap-x-4 justify-center xl:justify-end"> 2364 <li><a href="/en-us/floors/helpful-information/website-terms--conditions/" target="_blank" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Terms & Conditions</a></li> 2365 <li><a href="/en-us/floors/helpful-information/privacy-policy/" target="_blank" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Privacy Policy</a></li> 2366 <li><a href="/en-us/floors/helpful-information/cookie-policy/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Cookies Policy</a></li> 2367 <li><a href="/en-us/floors/about-us/modern-slavery-statement/" class="text-base text-white inline-flex outline-none ring-3 ring-transparent ring-offset-secondary-smokey-grey ring-offset-2 focus-visible:ring-focus leading-relaxed transition-colors duration-300 no-underline decoration-white hover:underline decoration-1 underline-offset-[4px] hover:decoration-white focus-visible:decoration-white focus-visible:decoration-1">Modern Slavery Statement</a></li> 2368 </ul> 2369 </div> 2370 </div> 2371 </div> 2372 </div> 2373 </footer> 2374 <input id="currentDomain" name="currentDomain" type="hidden" value="KarndeanResidentialENUS" /> 2375 <input id="currentLanguage" name="currentLanguage" type="hidden" value="en-US" /> 2376 2377
2377<script type="module" 2378 src="/assets/b2c-redesign/js/index.40850f72.js"></script>
2378 2379
2379<script> 2380 // only needed on episerver form pages 2381 var episerverFormWrapper = document.querySelector('.episerver-form-wrapper') 2382 if (episerverFormWrapper) { 2383 var script = document.createElement('script'); 2384 script.src = '/Util/EPiServer.Forms/jquery-3.5.1.min.js'; 2385 script.type = 'text/javascript'; 2386 document.body.appendChild(script); 2387 2388 script.onload = function () { 2389 2390 jQuery(document).ready(function () { 2391 // recaptcha 2392 window.reCaptchToken = null 2393 2394 window.onReCaptchaSubmit = function (token) { 2395 reCaptchToken = token 2396 } 2397 2398 window.initRecaptchaElements = function () { 2399 2400 const originalGetCustomElementValue = epi.EPiServer.Forms.Extension.getCustomElementValue; 2401 2402 jQuery.extend(true, epi.EPiServer.Forms, { 2403 Validators: { 2404 "Karndean.Features.Common.Helpers.Recaptcha.RecaptchaValidator": function (fieldName, fieldValue, validatorMetaData) { 2405 // validate recaptcha element 2406 if (fieldValue) { 2407 return { isValid: true }; 2408 } 2409 return { isValid: false, message: validatorMetaData.model.message }; 2410 }, 2411 "Karndean.Features.Common.Helpers.Turnstile.TurnstileValidator": function (fieldName, fieldValue, validatorMetaData) { 2412 // validate turnstile element 2413 if (fieldValue) { 2414 return { isValid: true }; 2415 } 2416 return { isValid: false, message: validatorMetaData.model.message }; 2417 } 2418 }, 2419 Extension: { 2420 getCustomElementValue: function ($element) { 2421 if ($element.hasClass("FormRecaptcha")) { 2422 if (typeof window.grecaptcha === "undefined" || typeof grecaptcha.execute !== "function") { 2423 return ""; 2424 } 2425 2426 if (window.reCaptchToken !== null && typeof window.reCaptchToken !== "undefined") { 2427 return window.reCaptchToken; 2428 } 2429 2430 grecaptcha.ready(async () => { 2431 try {
2432 if (!$element.hasClass("validating")) { 2433 $element.addClass("validating"); 2434 try { 2435 const token = await grecaptcha.execute({ 2436 action: 'recaptchaAction', 2437 }); 2438 if (token && !window.reCaptchToken) { 2439 window.reCaptchToken = token; 2440 } 2441 } catch (e) { } 2442 } 2443 2444 const validationCheck = setInterval(function () { 2445 if (window.reCaptchToken) { 2446 $element.removeClass("validating"); 2447 clearInterval(validationCheck); 2448 } 2449 }, 100); 2450 } catch (e) { 2451 console.log('Failed to get token', e); 2452 } 2453 }); 2454 2455 return ""; 2456 } 2457 // if current element is not our job, let others process 2458 return originalGetCustomElementValue.apply(this, [$element]); 2459 } 2460 } 2461 }); 2462 } 2463 // recaptcha end 2464 }); 2465 } 2466 } 2467 2468 </script>
2468 2469
2469<script defer="defer" src="/Util/Find/epi-util/find.js"></script>
vendor: 1 bytes, line 2469
2469
2470<script> 2471document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}}) 2472</script>
2472 2473 2474 2475 2476 2477
2477<script type="text/javascript"> 2478 window._initClickDimensions = function () { 2479 if (window._cdInitialized || window._cdLoading) return; 2480 window._cdLoading = true; 2481 2482 2483 var cdScript = document.createElement('script'); 2484 cdScript.type = 'text/javascript'; 2485 cdScript.src = 'https://analytics.clickdimensions.com/ts.js'; 2486 cdScript.onerror = function () { window._cdLoading = false; }; 2487 cdScript.onload = function () { 2488 function initAnalytics() { 2489 window._cdInitialized = true; 2490 var cdAnalytics = new clickdimensions.Analytics('analytics.clickdimensions.com'); 2491 cdAnalytics.setAccountKey("ac90q9a3KVUGzxKTi04zSg"); 2492 cdAnalytics.setDomain("www.karndean.com"); 2493 cdAnalytics.setScore(typeof (cdScore) == "undefined" ? 0 : (cdScore == 0 ? null : cdScore)); 2494 cdAnalytics.trackPage(); 2495 } 2496 2497 2498 initAnalytics(); 2499 }; 2500 document.head.appendChild(cdScript); 2501 }; 2502 </script>
2502 2503 2504 2505
2505<script type="text/javascript"> 2506 !function (T, l, y) { var S = T.location, u = "script", k = "instrumentationKey", D = "ingestionendpoint", C = "disableExceptionTracking", E = "ai.device.", I = "toLowerCase", b = "crossOrigin", w = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "4", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[I](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), iKey: e, name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, p, l, u; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][I]()] = i[1]) } if (!e[D]) { var r = e.endpointsuffix, o = r ? e.location : null; e[D] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[k] || d[k] || "", p = s[D], l = p ? p + "/v2/track" : config.endpointUrl, (u = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = l, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), u.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, l)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: w, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(w, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(u, l)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(u); n.src = h; var e = y[b]; return !e && "" !== e || "undefined" == n[b] || (n[b] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(u)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[C] && !0 !== s[C]) { method = "onerror", t(["_" + method]); var c = T[method]; T[method] = function (e, t, n, a, i) { var r = c && c(e, t, n, a, i); return !0 !== r && m["_" + method]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); (T[t] = n).queue && 0 === n.queue.length && n.trackPageView({}) }(window, document, { 2507 src: "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js", 2508 crossOrigin: "anonymous", 2509 cfg: { 2510 instrumentationKey: "026fb3c1-519d-44f9-8152-5a23a399cd8b" 2511 } 2512 }); 2513 </script>
2513 2514 2515</body> 2516 2517</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.