1 2 3<!doctype html> 4<html lang="en-GB" 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>Luxury Vinyl Flooring | LVT Flooring | Karndean</title> 16 <meta property="og:title" content="Luxury Vinyl Flooring | LVT Flooring | Karndean"> 17 <meta property="og:description" content="Discover beautiful, durable Karndean LVT flooring for your home. Wood and stone designs in a premium luxury vinyl format."> 18 <meta name="description" content="Discover beautiful, durable Karndean LVT flooring for your home. Wood and stone designs in a premium luxury vinyl format."> 19 <meta property="og:image" content="https://www.karndean.com/globalassets/karndean/cta-blocks/resi/ranges/knight-tile-rigid-core/scb-kp99-limewashedoak-playroom-p_cm.jpg" /> 20 21 22 23 24<link rel="canonical" href="https://www.karndean.com/en-gb/floors/" /> 25 26 27 28 <link rel="alternate" href="https://www.karndean.com/en-us/floors/" hreflang="en-US" /> 29 <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="en-GB" /> 30 <link rel="alternate" href="https://www.karndean.com/en-nz/floors/" hreflang="en-NZ" /> 31 <link rel="alternate" href="https://www.karndean.com/en-ca/floors/" hreflang="en-CA" /> 32 <link rel="alternate" href="https://www.karndean.com/en-au/floors/" hreflang="en-AU" /> 33 <link rel="alternate" href="https://www.karndean.com/en-gb/floors/" hreflang="x-default" /> 34 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/11.1.0/nouislider.min.css" /> 35 36 <link rel="preconnect" href="https://fonts.googleapis.com" /> 37 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 38 <link rel="stylesheet" 39 href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" /> 40 <link rel="stylesheet" href="/assets/b2c-redesign/css/style.css?version=639198036580000000" /> 41 42 <link rel="icon" type="image/png" href="/assets/b2c-redesign/favicon-96x96.png" sizes="96x96" /> 43 <link rel="icon" type="image/svg+xml" href="/assets/b2c-redesign/favicon.svg" /> 44 <link rel="shortcut icon" href="/assets/b2c-redesign/favicon.ico" /> 45 <link rel="apple-touch-icon" sizes="180x180" href="/assets/b2c-redesign/apple-touch-icon.png" /> 46 <meta name="apple-mobile-web-app-title" content="Karndean" /> 47 <link rel="manifest" href="/assets/b2c-redesign/site.webmanifest" /> 48 49
49<script> 50 (function (w, d, s, l, i) { 51 w[l] = w[l] || []; w[l].push({ 52 'gtm.start': 53 new Date().getTime(), event: 'gtm.js' 54 }); var f = d.getElementsByTagName(s)[0], 55 j = d.createElement(s), dl = l !== 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 56 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 57 })(window, document, 'script', 'dataLayer', 'GTM-NFVT');</script>
57 58 59
59<script type='text/javascript' src='https://hosted8.whoson.com/include.js?domain=www.karndean.com'></script>
59 60
60<script type='text/javascript'> 61 if (sWOTrackPage) sWOTrackPage(); 62 </script>
62 63
63<script type="text/javascript"> 64 function OptanonWrapper() { 65 if (window.OneTrust) { 66 OneTrust.OnConsentChanged(function (e) { 67 var homeModal = document.querySelector('.js-home-modal'); 68 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^="-"])'] 69 var isVisible = element => { 70 return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length) 71 } 72 if (homeModal) { 73 if (homeModal && homeModal.classList.contains('is-open')) { 74 var focusableElements = [...homeModal.querySelectorAll(focusableElementsList)] 75 .filter(el => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden') && isVisible(el)); 76 77 if (focusableElements.length > 0) { 78 focusableElements[0].focus(); 79 } 80 } 81 } 82 }) 83 } 84 // C0002 - performance cookies 85 if (window.OnetrustActiveGroups && window.OnetrustActiveGroups.indexOf('C0002') > -1) { 86 window._initClickDimensions && window._initClickDimensions(); 87 } 88 } 89 </script>
89 90<!-- begin Convert Experiences code-->
90<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10018705-10019014.js?environment=production"></script>
90<!-- end Convert Experiences code --> <meta name="theme-color" content="#fafafa"> 91
91<script src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"></script>
vendor: 1 bytes, line 91
91
92<script> 93!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("=");
932===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' }}); 94</script>
94 95 96 97
97<script type="application/ld+json"> 98 {"@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 click-lock flooring?","acceptedA
98nswer":{"@type":"Answer","text":"Click-lock flooring is an easy-to-install “floating floor,” which means adhesive is not required.View the benefits here."}},{"@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"}}]} 99 </script>
99 100 101 <!-- Cloudflare Turnstile --> 102
102<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
102 103</head> 104 105<body class="antialiased selection:bg-selection bg-white relative pt-[104px] md:pt-[150px] lg:pt-[120px] flex flex-col h-full text-secondary-mine-shaft">
vendor: 77 bytes, lines 105-107
105 106 107 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
107GTM-NFVT
vendor: 102 bytes, lines 107-111
107" height="0" 108 width="0" style="display: none; visibility: hidden"></iframe></noscript> 109 110 111
112<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" 113 href="#main">Skip to content</a> 114 115 <header id="main-header" class="flex flex-col items-center w-full absolute left-0 right-0 top-0 bg-white z-90"> 116 117 <div class="communication-banner lg:hidden"> 118 <div class="swiper-button-prev"> 119 <span class="icon"> 120 <svg width="24" height="24" class="rotate-180 icon-arrow-1" aria-hidden="true" focusable="false"> 121 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 122 </svg> 123 </span> 124 </div> 125 <div class="swiper"> 126 127 <div class="communication-banner__carousel swiper-wrapper"> 128 129 <div class="swiper-slide"> 130 <p><a href="/en-gb/floors/about-us/campaigns/competition/">Win your floor back this Autumn </a></p> 131 </div> 132 </div> 133 134 </div> 135 <div class="swiper-button-next"> 136 <span class="icon"> 137 <svg width="24" height="24" class="icon-arrow-1" aria-hidden="true" focusable="false"> 138 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 139 </svg> 140 </span> 141 </div> 142 </div> 143 144 <div class="hidden md:block bg-gray w-full z-[120]"> 145 <div class="container flex h-10 justify-between w-full"> 146 <div class="flex items-center"> 147 <a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/" rel="nofollow" 148 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"> 149 <span class="pt-0.5 no-underline group-hover:underline group-hover:decoration-2 underline-offset-[4px]">Karndean for Commercial</span> 150 <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false"> 151 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use> 152 </svg> 153 </a> 154 </div> 155 <div class="communication-banner hidden lg:flex"> 156 <div class="swiper-button-prev"> 157 <span class="icon"> 158 <svg width="24" height="24" class="rotate-180 icon-arrow-1" aria-hidden="true" focusable="false"> 159 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 160 </svg> 161 </span> 162 </div> 163 <div class="swiper"> 164 165 <div class="communication-banner__carousel swiper-wrapper"> 166 167 <div class="swiper-slide"> 168 <p><a href="/en-gb/floors/about-us/campaigns/competition/">Win your floor back this Autumn </a></p> 169 </div> 170 </div> 171 172 </div> 173 <div class="swiper-button-next"> 174 <span class="icon"> 175 <svg width="24" height="24" class="icon-arrow-1" aria-hidden="true" focusable="false"> 176 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 177 </svg> 178 </span> 179 </div> 180 </div> 181 <div class="flex items-center justify-end"> 182 <div class="js-dropdown-menu relative"> 183 <button id="dropdown-country-trigger" type="button" 184 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" 185 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country"> 186 <svg class="h-6 w-6 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 187 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 188 </svg>
189 <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-2"> 190 <span class="sr-only">Switch region, current region:</span>United Kingdom 191 </span> 192 <svg class="h-5 w-5 ml-2 icon-flag-uk" aria-hidden="true" focusable="false"> 193 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk-round"></use> 194 </svg> 195 </button> 196 <ul id="dropdown-country" role="menu" aria-labelledby="dropdown-country-trigger" tabindex="-1" 197 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"> 198 <li role="menuitem" tabindex="-1"> 199 <a href="/en-us/floors/?regionswitch=true" aria-current="true" 200 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 201 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false"> 202 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use> 203 </svg> 204 <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 States</span> 205 </a> 206 </li> 207 <li role="menuitem" tabindex="-1"> 208 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 209 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 210 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 211 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 212 </svg> 213 <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> 214 </a> 215 </li> 216 <li role="menuitem" tabindex="-1"> 217 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 218 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 219 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 220 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 221 </svg> 222 <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> 223 </a> 224 </li> 225 <li role="menuitem" tabindex="-1"> 226 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 227 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 228 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 229 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 230 </svg> 231 <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> 232 </a> 233 </li> 234 </ul> 235</div> 236 </div> 237 </div> 238 </div> 239 <div class="container flex items-center h-16 md:h-20 z-[110] lg:z-0 bg-white"> 240 <button type="button" id="mobile-menu-trigger" data-focus-trap-trigger="true"
241 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" 242 data-controls-panel="dialog-mobile-nav" aria-label="Open site navigation Menu" data-close-label="Close site navigation Menu"> 243 <svg width="24" height="24" class="group-[.is-open]:hidden icon-menu" aria-hidden="true" focusable="false"> 244 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-menu"></use> 245 </svg> 246 <svg width="24" height="24" class="hidden group-[.is-open]:block icon-close-1" aria-hidden="true" focusable="false"> 247 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use> 248 </svg> 249 </button> 250 <div class="mr-auto"> 251 <a href="/en-gb/floors/" class="flex shrink-0 outline-none ring-3 ring-transparent ring-offset-4 transition-all duration-500 focus-visible:ring-focus"> 252 <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]" /> 253 </a> 254 </div> 255 256 257 <div class="hidden mx-auto lg:flex items-center lg:space-x-6 2xl:space-x-12"> 258 <nav id="primary-nav" aria-label="Main navigation" class="primary-nav flex items-center h-20" data-hover="on"> 259 <ul class="dropdown-container flex space-x-4 2xl:space-x-12"> 260 <li class="dropdown"> 261 <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"> 262 <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"> 263 <span class="text-lg leading-tight font-medium pointer-events-none">Our Floors</span> 264 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 265 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 266 </svg> 267 </strong> 268 </button> 269 <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"> 270 <div class="container motion-safe:animate-fadeinup"> 271 <div class="grid grid-cols-4 gap-x-4 xl:gap-x-8"> 272 <div class="col-span-1" data-nav-section="our-floors_browse-by-colour"> 273 274 275 <div class="pt-4 md:pt-0"> 276 <span id="menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by colour</span> 277 <ul aria-labelledby="menu-label-browse-by-color" class="space-y-0.5"> 278 <li class="block"> 279 <a href="/en-gb/floors/products/colour/white-cream/" 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/white-cream.jpg" alt="white cream"/> 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">White/Cream</span> 284 </a> 285 </li> 286 <li class="block"> 287 <a href="/en-gb/floors/products/colour/blond-golden-yellow/" 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/yellow-gold.jpg" alt="yellow gold"/> 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">Blond/Golden/Yellow</span> 292 </a> 293 </li> 294 <li class="block"> 295 <a href="/en-gb/floors/products/colour/beige-taupe/" 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"> 296 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 297 <img class="w-full" src="/globalassets/karndean/retailers/colours/beige-taupe.jpg" alt="beige taupe"/> 298 </span> 299 <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> 300 </a> 301 </li> 302 <li class="block"> 303 <a href="/en-gb/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"> 304 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 305 <img class="w-full" src="/globalassets/karndean/retailers/colours/brown.jpg" alt="brown"/> 306 </span> 307 <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> 308 </a> 309 </li> 310 <li class="block"> 311 <a href="/en-gb/floors/products/colour/grey/" 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"> 312 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 313 <img class="w-full" src="/globalassets/karndean/retailers/colours/grey.jpg" alt="grey"/> 314 </span> 315 <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">Grey</span> 316 </a> 317 </li> 318 <li class="block"> 319 <a href="/en-gb/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">
320 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 321 <img class="w-full" src="/globalassets/karndean/retailers/colours/black.jpg" alt="black"/> 322 </span> 323 <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> 324 </a> 325 </li> 326 <li class="block"> 327 <a href="/en-gb/floors/products/colour/orange-red-pink/" 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"> 328 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 329 <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/> 330 </span> 331 <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> 332 </a> 333 </li> 334 <li class="block"> 335 <a href="/en-gb/floors/products/colour/blue-green/" 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"> 336 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 337 <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/> 338 </span> 339 <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> 340 </a> 341 </li> 342 <li class="block"> 343 <a href="/en-gb/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"> 344 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 345 <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/> 346 </span> 347 <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">Multicolour</span> 348 </a> 349 </li> 350 </ul> 351 </div> 352 </div> 353 <div class="col-span-1" data-nav-section="our-floors_browse-by-room"> 354 355 356 <div> 357 <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> 358 <ul aria-labelledby="menu-label-browse-by-room" class="space-y-0.5"> 359 <li class="block"> 360 <a href="/en-gb/floors/products/our-rooms/kitchen/" 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/kitchen.svg" alt="Logo which indicates a kitchen"/> 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">Kitchen flooring</span> 365 </a> 366 </li> 367 <li class="block"> 368 <a href="/en-gb/floors/products/our-rooms/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"> 369 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 370 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bathroom.svg" alt="Logo which indicates a bathroom "/> 371 </span> 372 <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> 373 </a> 374 </li> 375 <li class="block"> 376 <a href="/en-gb/floors/products/our-rooms/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"> 377 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 378 <img class="w-full" src="/globalassets/karndean/retailers/rooms/hallway.svg" alt="Logo which indicates a Hallway"/> 379 </span> 380 <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> 381 </a> 382 </li> 383 <li class="block"> 384 <a href="/en-gb/floors/products/our-rooms/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"> 385 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 386 <img class="w-full" src="/globalassets/karndean/retailers/rooms/livingroom.svg" alt="Logo which indicates a living room"/> 387 </span> 388 <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> 389 </a> 390 </li> 391 <li class="block"> 392 <a href="/en-gb/floors/products/our-rooms/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"> 393 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 394 <img class="w-full" src="/globalassets/karndean/retailers/rooms/diningroom.svg" alt="Logo which indicates a Dining room"/> 395 </span> 396 <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> 397 </a> 398 </li> 399 <li class="block"> 400 <a href="/en-gb/floors/products/our-rooms/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">
401 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 402 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/> 403 </span> 404 <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> 405 </a> 406 </li> 407 <li class="block"> 408 <a href="/en-gb/floors/products/our-rooms/utility/" 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"> 409 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 410 <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/> 411 </span> 412 <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">Utility room flooring</span> 413 </a> 414 </li> 415 <li class="block"> 416 <a href="/en-gb/floors/products/our-rooms/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"> 417 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 418 <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/> 419 </span> 420 <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/study flooring</span> 421 </a> 422 </li> 423 </ul> 424 </div> 425 </div> 426 <div class="col-span-1" data-nav-section="our-floors_browse-by-look"> 427 428 429 <div> 430 <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> 431 <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]"> 432 <li class="block"> 433 <a href="/en-gb/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"> 434 <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"> 435 <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak--rl13__akp-rl13--living-space--p1_cm.jpg" alt="Living room with Art Select gluedown RL13 | rigid core AKP-RL13"/> 436 </span> 437 <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> 438 </a> 439 </li> 440 <li class="block"> 441 <a href="/en-gb/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">
442 <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"> 443 <img class="w-full" src="/globalassets/products/knight-tile-multi/residential-roomsets/st22-smokedconcrete-kitchen-ls1_cm.jpg" alt="Smoked Concrete Grey LVT Flooring in a Kitchen by Karndean Designflooring"/> 444 </span> 445 <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> 446 </a> 447 </li> 448 <li class="block"> 449 <a href="/en-gb/floors/products/by-look/abstract/" 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"> 450 <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"> 451 <img class="w-full" src="/globalassets/products/kaleidoscope/residential-roomsets/sp219-casablanca-bathroom-cameols1_cm.jpg" alt="Casablanca LVT flooring in a bathroom by Karndean Designflooring"/> 452 </span> 453 <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">Abstract</span> 454 </a> 455 </li> 456 <li class="block"> 457 <a href="/en-gb/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"> 458 <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"> 459 <img class="w-full" src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/product-finder/herringbone.jpg" alt="Herringbone patterned luxury vinyl flooring in a light wood tone."/> 460 </span> 461 <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> 462 </a> 463 </li> 464 </ul> 465 </div> 466 </div> 467 <div class="col-span-1" data-nav-section="our-floors_explore"> 468 469 470 <div> 471 <!-- have to have unique ID / index for mobile vs desktop menus --> 472 <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> 473 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 474 <li class="block"> 475 <a href="/en-gb/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"> 476 Our ranges 477 </a> 478 </li> 479 <li class="block"> 480 <a href="/en-gb/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"> 481 Our formats 482 </a> 483 </li> 484 <li class="block"> 485 <a href="/en-gb/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"> 486 Floor benefits 487 </a> 488 </li> 489 </ul> 490 <a target="_top" href="/en-gb/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6">
491 <span>Browse all floors</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> 500 </div> 501 </div> 502 </li> 503 <li class="dropdown"> 504 <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"> 505 <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"> 506 <span class="text-lg leading-tight font-medium pointer-events-none">Inspiration</span> 507 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 508 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 509 </svg> 510 </strong> 511 </button> 512 513 <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"> 514 <div class="container motion-safe:animate-fadeinup"> 515 <div class="grid grid-cols-4 gap-x-8"> 516 <div class="col-span-1" data-nav-section="inspiration_get-inspired"> 517 518 519 <div> 520 <!-- have to have unique ID / index for mobile vs desktop menus --> 521 <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> 522 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 523 <li class="block"> 524 <a href="/en-gb/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"> 525 Inspiration by room 526 </a> 527 </li> 528 <li class="block"> 529 <a href="/en-gb/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"> 530 Browse our blog 531 </a> 532 </li> 533 <li class="block"> 534 <a href="/en-gb/floors/inspiration/get-inspired/real-home-gallery/" 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"> 535 Real home gallery 536 </a> 537 </li> 538 </ul> 539 </div> 540 541 </div> 542 <div class="col-span-1" data-nav-section="inspiration_discover"> 543 544 545 <div> 546 <!-- have to have unique ID / index for mobile vs desktop menus -->
547 <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> 548 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 549 <li class="block"> 550 <a href="/en-gb/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"> 551 Why choose Karndean 552 </a> 553 </li> 554 <li class="block"> 555 <a href="/en-gb/floors/inspiration/discover/explore-herringbone/" 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"> 556 Herringbone flooring 557 </a> 558 </li> 559 <li class="block"> 560 <a href="/en-gb/floors/inspiration/discover/abstract-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"> 561 Abstract flooring 562 </a> 563 </li> 564 <li class="block"> 565 <a href="/en-gb/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"> 566 Laying patterns 567 </a> 568 </li> 569 </ul> 570 </div> 571 572 </div> 573 <div class="col-span-1" data-nav-section="inspiration_where-to-start"> 574 575 576 <div> 577 <!-- have to have unique ID / index for mobile vs desktop menus --> 578 <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">Where to start</span> 579 <ul aria-labelledby="menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 580 <li class="block"> 581 <a href="/en-gb/floors/services/brochure-library/" 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"> 582 Explore our free brochures 583 </a> 584 </li> 585 <li class="block"> 586 <a href="/en-gb/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"> 587 Find your floor in a few steps 588 </a> 589 </li> 590 <li class="block"> 591 <a href="/en-gb/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"> 592 See our floors in your room 593 </a> 594 </li> 595 </ul> 596 </div> 597 598 </div> 599 <div class="col-span-1" data-nav-section="inspiration_image"> 600 601 <div> 602 <a 603 href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" 604 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">
605 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 606 <img data-lazyload src="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800" 607 data-srcset="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800 1x,/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=1600 2x" 608 alt="Karndean Floorstyle being used on a phone" 609 class="block w-full"/> 610 </span> 611 <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> 612 </a> 613 </div> 614 615 </div> 616 </div> 617 </div> 618 </div> 619 </li> 620 <li class="dropdown"> 621 <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"> 622 <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"> 623 <span class="text-lg leading-tight font-medium pointer-events-none">Services</span> 624 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 625 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 626 </svg> 627 </strong> 628 </button> 629 630 <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"> 631 <div class="container motion-safe:animate-fadeinup"> 632 <div class="grid grid-cols-4 gap-x-8"> 633 <div class="col-span-1" data-nav-section="services_helpful-information"> 634 635 636 <div> 637 <!-- have to have unique ID / index for mobile vs desktop menus --> 638 <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> 639 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 640 <li class="block"> 641 <a href="/en-gb/floors/inspiration/discover/what-is-lvt-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"> 642 What is LVT Flooring? 643 </a> 644 </li> 645 <li class="block"> 646 <a href="/en-gb/floors/where-to-buy/how-to-buy-a-karndean-floor/" 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 How to buy a Karndean floor 648 </a> 649 </li> 650 <li class="block"> 651 <a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" 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 Karndean Press 653 </a> 654 </li> 655 <li class="block"> 656 <a href="/en-gb/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"> 657 Ordering samples 658 </a> 659 </li> 660 <li class="block"> 661 <a href="/en-gb/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"> 662 Find a retailer 663 </a> 664 </li> 665 <li class="block"> 666 <a href="/en-gb/floors/helpful-information/contact-us/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"> 667 Visit our showrooms 668 </a> 669 </li> 670 <li class="block"> 671 <a href="/en-gb/floors/services/lifetime-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"> 672 Product warranty 673 </a> 674 </li> 675 </ul> 676 <a href="/en-gb/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">
677 <span>Help & FAQs</span> 678 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 679 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 680 </svg> 681 </a> 682 </div> 683 684 </div> 685 <div class="col-span-1" data-nav-section="services_useful-tools"> 686 687 688 <div> 689 <!-- have to have unique ID / index for mobile vs desktop menus --> 690 <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</span> 691 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 692 <li class="block"> 693 <a href="/en-gb/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"> 694 See our floors in your room 695 </a> 696 </li> 697 <li class="block"> 698 <a href="/en-gb/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"> 699 Find your ideal floor 700 </a> 701 </li> 702 <li class="block"> 703 <a href="/en-gb/floors/services/brochure-library/" 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"> 704 Free brochures 705 </a> 706 </li> 707 <li class="block"> 708 <a href="/en-gb/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"> 709 Download our installation guides 710 </a> 711 </li> 712 </ul> 713 </div> 714 715 </div> 716 <div class="col-span-1" data-nav-section="services_cleaning--care"> 717 718 719 <div> 720 <!-- have to have unique ID / index for mobile vs desktop menus --> 721 <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> 722 <ul aria-labelledby="menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 723 <li class="block"> 724 <a href="/en-gb/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"> 725 How to care for your flooring 726 </a> 727 </li> 728 <li class="block"> 729 <a href="/en-gb/floors/services/cleaning-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"> 730 Buy our cleaning products 731 </a> 732 </li> 733 </ul> 734 </div> 735 736 </div> 737 <div class="col-span-1" data-nav-section="services_image"> 738 739 <div> 740 <a 741 href="/en-gb/floors/where-to-buy/find-a-retailer/" 742 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">
743 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 744 <img data-lazyload src="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800" 745 data-srcset="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800 1x,/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=1600 2x" 746 alt="Couple having a karndean design consultation " 747 class="block w-full"/> 748 </span> 749 <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 retailer</span> 750 </a> 751 </div> 752 753 </div> 754 </div> 755 </div> 756 </div> 757 </li> 758 <li class="dropdown"> 759 <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"> 760 <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"> 761 <span class="text-lg leading-tight font-medium pointer-events-none">Where to buy</span> 762 <svg width="24" height="24" class="pointer-events-none transition-all duration-200 rotate-90 icon-chevron" aria-hidden="true" focusable="false"> 763 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-chevron"></use> 764 </svg> 765 </strong> 766 </button> 767 768 <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"> 769 <div class="container motion-safe:animate-fadeinup"> 770 <div class="grid grid-cols-4 gap-x-8"> 771 <div class="col-span-1" data-nav-section="where-to-buy_samples"> 772 773 774 <div> 775 <!-- have to have unique ID / index for mobile vs desktop menus --> 776 <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> 777 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 778 <li class="block"> 779 <a href="/en-gb/floors/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"> 780 Order samples 781 </a> 782 </li> 783 </ul> 784 </div> 785 786 </div> 787 <div class="col-span-1" data-nav-section="where-to-buy_flooring"> 788 789 790 <div> 791 <!-- have to have unique ID / index for mobile vs desktop menus -->
792 <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> 793 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 794 <li class="block"> 795 <a href="/en-gb/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"> 796 Find a retailer near you 797 </a> 798 </li> 799 <li class="block"> 800 <a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" 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"> 801 Buy a floor online 802 </a> 803 </li> 804 </ul> 805 </div> 806 807 </div> 808 <div class="col-span-1" data-nav-section="where-to-buy_other-products"> 809 810 811 <div> 812 <!-- have to have unique ID / index for mobile vs desktop menus --> 813 <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">Other products</span> 814 <ul aria-labelledby="menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 815 <li class="block"> 816 <a href="/en-gb/floors/services/cleaning-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"> 817 Buy our cleaning products 818 </a> 819 </li> 820 <li class="block"> 821 <a href="/en-gb/floors/services/Smokey-the-Dog/" 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"> 822 Smokey the Dog plush toy 823 </a> 824 </li> 825 </ul> 826 </div> 827 828 </div> 829 </div> 830 </div> 831 </div> 832 </li> 833 </ul> 834 </nav> 835 <div> 836 <div class="search-trigger-container hidden lg:flex"> 837 <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"> 838 <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false"> 839 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 840 </svg> 841 </button> 842 </div> 843 <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"> 844 <div class="container relative motion-safe:animate-fadeinup"> 845 <div class="mx-auto w-[632px]"> 846 <form action="/en-gb/floors/search-results/" method="get" role="search" class="w-full relative"> 847 <div> 848 <label for="txtSearchTerm" class="sr-only">Search</label> 849 <div class="relative flex items-stretch flex-grow"> 850 <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"> 851 <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"> 852 <svg class="h-6 w-6 icon-close-2" aria-hidden="true" focusable="false"> 853 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-2"></use> 854 </svg> 855 </button> 856 </div> 857 <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"> 858 <svg class="h-6 w-6 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 </div> 863 </form> 864 <button type="button" id="close-search-panel" class="btn-rounded-with-label ml-auto absolute top-0 right-8">
865 <span class="icon"> 866 <svg class="h-6 icon-close-1" aria-hidden="true" focusable="false"> 867 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-close-1"></use> 868 </svg> 869 </span> 870 <span class="label">Close <span class="sr-only">the dialog</span></span> 871 </button> 872 </div> 873 </div> 874 </div> 875 </div> 876 877 </div> 878 879 880 <div class="flex items-end gap-6 shrink-0 ml-auto"> 881 <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"> 882 <svg width="24" height="24" class="pointer-events-none search-icon icon-search" aria-hidden="true" focusable="false"> 883 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 884 </svg> 885 </button> 886 887 <a href="/en-gb/floors/login/" 888 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"> 889 <div class="relative flex h-6 w-6"> 890 <svg class="h-6 w-6 icon-favorite icon-people" aria-hidden="true" focusable="false"> 891 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use> 892 </svg> 893 </div> 894 <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> 895 </a> 896 897 <app-my-favourites data-get-favourites-api-url="/api/karndeanResidentialSaved/all" data-label="My favourites" data-url="/en-gb/floors/favourites/" data-page-id="59530"> 898 </app-my-favourites> 899 900 <app-my-samples data-get-basket-api-url="/api/karndeanResidentialCart/get" 901 data-update-basket-api-url="/api/karndeanResidentialCart/updateQuantity" 902 data-label="My samples" 903 data-basket-label="Basket" 904 data-subtitle="Order samples" 905 data-close-label="Close" 906 data-total-label="Total" 907 data-subtotal-label="Subtotal" 908 data-delivery-label="Delivery" 909 data-basket-url="/en-gb/floors/basket/" 910 data-basket-button-text="Continue to basket" 911 data-page-id="59530" 912 data-basket-items-price-label="Price" 913 data-basket-item-qty-label="Quantity" 914 data-basket-item-format-label="Format" 915 data-basket-item-size-sample-label="size sample" 916 data-basket-item-sample-size-label="sample size" 917 data-basket-item-free-label="Free" 918 data-basket-remove-label="Remove" 919 data-order-more-samples-label="Order more samples" 920 data-order-more-samples-url="/en-gb/floors/products/" 921 data-sample-added-success-message="Sample added to my samples" 922 data-samples-empty-image-one-times="" 923 data-samples-empty-image-two-times="" 924 data-samples-empty-image-alt="Product" 925 data-samples-empty-title="You haven't added any samples yet!" 926 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" 927 data-samples-empty-button-label="Browse our flooring" 928 data-samples-empty-button-url="/en-gb/floors/products/" 929 data-basket-loading-title="Loading..." 930 data-basket-loading-text="Loading..." 931 data-api-error-text="Error in adding sample" 932 data-free-sample-single-limit-error-text="You have reached the maximum number of free chip samples" 933 data-free-sample-total-limit-error-text="You have reached the maximum of 6 free chip samples" 934 data-paid-sample-single-limit-error-text="You have reached the maximum number of full size samples" 935 data-paid-sample-total-limit-error-text="The requested number of samples exceeds the number allowed" 936 data-max-single-paid-sample-amount="3" 937 data-max-paid-sample-amount="6" 938 data-max-free-single-sample-amount="1" 939 data-max-free-sample-amount="6"> 940 </app-my-samples> 941 </div> 942 </div> 943 944 945 <div class="js-slide-in-panel slide-in-panel hidden" 946 role="dialog" 947 data-direction="right" 948 id="dialog-mobile-nav" 949 aria-labelledby="dialog-mobile-nav-label" 950 aria-modal="true"> 951 <div class="flex flex-col h-full"> 952 953 <h2 id="dialog-mobile-nav-label" class="sr-only">Mobile navigation</h2> 954 955 <div class="overflow-y-auto overflow-x-hidden flex flex-col h-full"> 956 957 <nav id="mobile-nav" aria-label="Mobile navigation" class="pt-12 md:pt-[112px] mb-6 px-4 md:px-12"> 958 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 959 960 961<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 962 <div> 963 <button id="mobile-menu-accordion-header-1" type="button" aria-controls="mobile-menu-accordion-content-1" 964 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"> 965 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Our Floors</strong> 966
967 <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"> 968 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 969 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 970 </svg> 971 </span> 972 </button> 973 </div> 974 <div role="region" aria-labelledby="mobile-menu-accordion-header-1" id="mobile-menu-accordion-content-1" class="js-accordion-panel pb-6"> 975 976<div class="divide-y-2 divide-gray-border space-y-4"> 977 <div data-nav-section="our-floors_browse-by-colour"> 978 979 980 <div class="pt-4 md:pt-0"> 981 <span id="mobile-menu-label-browse-by-color" class="block text-base xl:text-lg font-medium leading-normal mb-2.5">Browse by colour</span> 982 <ul aria-labelledby="mobile-menu-label-browse-by-color" class="space-y-0.5"> 983 <li class="block"> 984 <a href="/en-gb/floors/products/colour/white-cream/" 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/white-cream.jpg" alt="white cream"/> 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">White/Cream</span> 989 </a> 990 </li> 991 <li class="block"> 992 <a href="/en-gb/floors/products/colour/blond-golden-yellow/" 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/yellow-gold.jpg" alt="yellow gold"/> 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">Blond/Golden/Yellow</span> 997 </a> 998 </li> 999 <li class="block"> 1000 <a href="/en-gb/floors/products/colour/beige-taupe/" 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/beige-taupe.jpg" alt="beige taupe"/> 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">Beige/Taupe</span> 1005 </a> 1006 </li> 1007 <li class="block"> 1008 <a href="/en-gb/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">
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/brown.jpg" alt="brown"/> 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">Brown</span> 1013 </a> 1014 </li> 1015 <li class="block"> 1016 <a href="/en-gb/floors/products/colour/grey/" 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/grey.jpg" alt="grey"/> 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">Grey</span> 1021 </a> 1022 </li> 1023 <li class="block"> 1024 <a href="/en-gb/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"> 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/black.jpg" alt="black"/> 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">Black</span> 1029 </a> 1030 </li> 1031 <li class="block"> 1032 <a href="/en-gb/floors/products/colour/orange-red-pink/" 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"> 1033 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1034 <img class="w-full" src="/globalassets/karndean/retailers/colours/orange-red.jpg" alt="orange red"/> 1035 </span> 1036 <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> 1037 </a> 1038 </li> 1039 <li class="block"> 1040 <a href="/en-gb/floors/products/colour/blue-green/" 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"> 1041 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1042 <img class="w-full" src="/globalassets/karndean/retailers/colours/blue-green.jpg" alt="blue green"/> 1043 </span> 1044 <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> 1045 </a> 1046 </li> 1047 <li class="block"> 1048 <a href="/en-gb/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">
1049 <span class="block rounded-full mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1050 <img class="w-full" src="/globalassets/karndean/retailers/colours/multicolour.jpg" alt="multicolour"/> 1051 </span> 1052 <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">Multicolour</span> 1053 </a> 1054 </li> 1055 </ul> 1056 </div> 1057 1058 </div> 1059 <div class="pt-4" data-nav-section="our-floors_browse-by-room"> 1060 1061 1062 <div> 1063 <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> 1064 <ul aria-labelledby="mobile-menu-label-browse-by-room" class="space-y-0.5"> 1065 <li class="block"> 1066 <a href="/en-gb/floors/products/our-rooms/kitchen/" 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/kitchen.svg" alt="Logo which indicates a kitchen"/> 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">Kitchen flooring</span> 1071 </a> 1072 </li> 1073 <li class="block"> 1074 <a href="/en-gb/floors/products/our-rooms/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"> 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/bathroom.svg" alt="Logo which indicates a bathroom "/> 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">Bathroom flooring</span> 1079 </a> 1080 </li> 1081 <li class="block"> 1082 <a href="/en-gb/floors/products/our-rooms/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"> 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/hallway.svg" alt="Logo which indicates a Hallway"/> 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">Entrance/Hallway flooring</span> 1087 </a> 1088 </li> 1089 <li class="block"> 1090 <a href="/en-gb/floors/products/our-rooms/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"> 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/livingroom.svg" alt="Logo which indicates a living room"/> 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">Living Room flooring</span> 1095 </a> 1096 </li> 1097 <li class="block"> 1098 <a href="/en-gb/floors/products/our-rooms/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"> 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/diningroom.svg" alt="Logo which indicates a Dining room"/> 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">Dining room flooring</span> 1103 </a> 1104 </li> 1105 <li class="block"> 1106 <a href="/en-gb/floors/products/our-rooms/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"> 1107 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1108 <img class="w-full" src="/globalassets/karndean/retailers/rooms/bedroom.svg" alt="Logo which indicates a basement"/> 1109 </span> 1110 <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> 1111 </a> 1112 </li> 1113 <li class="block"> 1114 <a href="/en-gb/floors/products/our-rooms/utility/" 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"> 1115 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1116 <img class="w-full" src="/globalassets/karndean/retailers/rooms/conservatory.svg" alt="Logo which indicates a conservatory"/> 1117 </span> 1118 <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">Utility room flooring</span> 1119 </a> 1120 </li> 1121 <li class="block"> 1122 <a href="/en-gb/floors/products/our-rooms/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"> 1123 <span class="block mr-2 h-8 w-8 object-fill shrink-0 overflow-hidden"> 1124 <img class="w-full" src="/globalassets/karndean/retailers/rooms/home-office.svg" alt="Logo which indicates a home office"/> 1125 </span> 1126 <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/study flooring</span> 1127 </a> 1128 </li> 1129 </ul> 1130 </div> 1131 1132 </div> 1133 <div class="pt-4" data-nav-section="our-floors_browse-by-look"> 1134 1135 1136 <div>
1137 <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> 1138 <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]"> 1139 <li class="block"> 1140 <a href="/en-gb/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"> 1141 <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"> 1142 <img class="w-full" src="/globalassets/products/art-select/residential-roomsets/salon-oak--rl13__akp-rl13--living-space--p1_cm.jpg" alt="Living room with Art Select gluedown RL13 | rigid core AKP-RL13"/> 1143 </span> 1144 <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> 1145 </a> 1146 </li> 1147 <li class="block"> 1148 <a href="/en-gb/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"> 1149 <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"> 1150 <img class="w-full" src="/globalassets/products/knight-tile-multi/residential-roomsets/st22-smokedconcrete-kitchen-ls1_cm.jpg" alt="Smoked Concrete Grey LVT Flooring in a Kitchen by Karndean Designflooring"/> 1151 </span> 1152 <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> 1153 </a> 1154 </li> 1155 <li class="block"> 1156 <a href="/en-gb/floors/products/by-look/abstract/" 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"> 1157 <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"> 1158 <img class="w-full" src="/globalassets/products/kaleidoscope/residential-roomsets/sp219-casablanca-bathroom-cameols1_cm.jpg" alt="Casablanca LVT flooring in a bathroom by Karndean Designflooring"/> 1159 </span> 1160 <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">Abstract</span> 1161 </a> 1162 </li> 1163 <li class="block"> 1164 <a href="/en-gb/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"> 1165 <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"> 1166 <img class="w-full" src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/product-finder/herringbone.jpg" alt="Herringbone patterned luxury vinyl flooring in a light wood tone."/> 1167 </span>
1168 <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> 1169 </a> 1170 </li> 1171 </ul> 1172 </div> 1173 1174 </div> 1175 <div class="pt-4" data-nav-section="our-floors_explore"> 1176 1177 1178 <div> 1179 <!-- have to have unique ID / index for mobile vs desktop menus --> 1180 <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> 1181 <ul aria-labelledby="mobile-menu-label-standard-1" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1182 <li class="block"> 1183 <a href="/en-gb/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"> 1184 Our ranges 1185 </a> 1186 </li> 1187 <li class="block"> 1188 <a href="/en-gb/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"> 1189 Our formats 1190 </a> 1191 </li> 1192 <li class="block"> 1193 <a href="/en-gb/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"> 1194 Floor benefits 1195 </a> 1196 </li> 1197 </ul> 1198 <a target="_top" href="/en-gb/floors/products/" class="btn btn-secondary btn-small md:inline-flex mt-4 px-6 md:px-4 xl:px-6"> 1199 <span>Browse all floors</span> 1200 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 1201 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 1202 </svg> 1203 </a> 1204 </div> 1205 1206 </div> 1207</div> 1208 </div> 1209</div> 1210 1211 1212<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1213 <div> 1214 <button id="mobile-menu-accordion-header-2" type="button" aria-controls="mobile-menu-accordion-content-2" 1215 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"> 1216 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Inspiration</strong> 1217 1218 <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"> 1219 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1220 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1221 </svg> 1222 </span> 1223 </button> 1224 </div> 1225 <div role="region" aria-labelledby="mobile-menu-accordion-header-2" id="mobile-menu-accordion-content-2" class="js-accordion-panel pb-6"> 1226 1227 <div class="divide-y-2 divide-gray-border space-y-4"> 1228 <div class="pt-4" data-nav-section="inspiration_get-inspired"> 1229 1230 1231 <div> 1232 <!-- have to have unique ID / index for mobile vs desktop menus -->
1233 <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> 1234 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1235 <li class="block"> 1236 <a href="/en-gb/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"> 1237 Inspiration by room 1238 </a> 1239 </li> 1240 <li class="block"> 1241 <a href="/en-gb/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"> 1242 Browse our blog 1243 </a> 1244 </li> 1245 <li class="block"> 1246 <a href="/en-gb/floors/inspiration/get-inspired/real-home-gallery/" 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"> 1247 Real home gallery 1248 </a> 1249 </li> 1250 </ul> 1251 </div> 1252 1253 </div> 1254 <div class="pt-4" data-nav-section="inspiration_discover"> 1255 1256 1257 <div> 1258 <!-- have to have unique ID / index for mobile vs desktop menus --> 1259 <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> 1260 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1261 <li class="block"> 1262 <a href="/en-gb/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"> 1263 Why choose Karndean 1264 </a> 1265 </li> 1266 <li class="block"> 1267 <a href="/en-gb/floors/inspiration/discover/explore-herringbone/" 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"> 1268 Herringbone flooring 1269 </a> 1270 </li> 1271 <li class="block"> 1272 <a href="/en-gb/floors/inspiration/discover/abstract-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"> 1273 Abstract flooring 1274 </a> 1275 </li> 1276 <li class="block"> 1277 <a href="/en-gb/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"> 1278 Laying patterns 1279 </a> 1280 </li> 1281 </ul> 1282 </div> 1283 1284 </div> 1285 <div class="pt-4" data-nav-section="inspiration_where-to-start"> 1286 1287 1288 <div> 1289 <!-- have to have unique ID / index for mobile vs desktop menus -->
1290 <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">Where to start</span> 1291 <ul aria-labelledby="mobile-menu-label-standard-2" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1292 <li class="block"> 1293 <a href="/en-gb/floors/services/brochure-library/" 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"> 1294 Explore our free brochures 1295 </a> 1296 </li> 1297 <li class="block"> 1298 <a href="/en-gb/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"> 1299 Find your floor in a few steps 1300 </a> 1301 </li> 1302 <li class="block"> 1303 <a href="/en-gb/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"> 1304 See our floors in your room 1305 </a> 1306 </li> 1307 </ul> 1308 </div> 1309 1310 </div> 1311 <div class="pt-4" data-nav-section="inspiration_image"> 1312 1313 <div> 1314 <a 1315 href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" 1316 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"> 1317 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 1318 <img data-lazyload src="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800" 1319 data-srcset="/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=800 1x,/globalassets/advantage/cta-blocks/advantage-news-floorstyle.jpg?width=1600 2x" 1320 alt="Karndean Floorstyle being used on a phone" 1321 class="block w-full"/> 1322 </span> 1323 <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> 1324 </a> 1325 </div> 1326 1327 </div> 1328 </div> 1329 1330 </div> 1331</div> 1332 1333 1334<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1335 <div> 1336 <button id="mobile-menu-accordion-header-3" type="button" aria-controls="mobile-menu-accordion-content-3" 1337 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"> 1338 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Services</strong> 1339 1340 <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"> 1341 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1342 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1343 </svg> 1344 </span> 1345 </button> 1346 </div> 1347 <div role="region" aria-labelledby="mobile-menu-accordion-header-3" id="mobile-menu-accordion-content-3" class="js-accordion-panel pb-6"> 1348 1349 <div class="divide-y-2 divide-gray-border space-y-4"> 1350 <div class="pt-4" data-nav-section="services_helpful-information"> 1351 1352 1353 <div> 1354 <!-- have to have unique ID / index for mobile vs desktop menus -->
1355 <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> 1356 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1357 <li class="block"> 1358 <a href="/en-gb/floors/inspiration/discover/what-is-lvt-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"> 1359 What is LVT Flooring? 1360 </a> 1361 </li> 1362 <li class="block"> 1363 <a href="/en-gb/floors/where-to-buy/how-to-buy-a-karndean-floor/" 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 How to buy a Karndean floor 1365 </a> 1366 </li> 1367 <li class="block"> 1368 <a href="/en-gb/floors/inspiration/get-inspired/karndean-press/" 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 Karndean Press 1370 </a> 1371 </li> 1372 <li class="block"> 1373 <a href="/en-gb/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"> 1374 Ordering samples 1375 </a> 1376 </li> 1377 <li class="block"> 1378 <a href="/en-gb/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"> 1379 Find a retailer 1380 </a> 1381 </li> 1382 <li class="block"> 1383 <a href="/en-gb/floors/helpful-information/contact-us/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"> 1384 Visit our showrooms 1385 </a> 1386 </li> 1387 <li class="block"> 1388 <a href="/en-gb/floors/services/lifetime-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"> 1389 Product warranty 1390 </a> 1391 </li> 1392 </ul> 1393 <a href="/en-gb/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">
1394 <span>Help & FAQs</span> 1395 <svg width="24" height="24" class="icon-arrow-right" aria-hidden="true" focusable="false"> 1396 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-right"></use> 1397 </svg> 1398 </a> 1399 </div> 1400 1401 </div> 1402 <div class="pt-4" data-nav-section="services_useful-tools"> 1403 1404 1405 <div> 1406 <!-- have to have unique ID / index for mobile vs desktop menus --> 1407 <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</span> 1408 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1409 <li class="block"> 1410 <a href="/en-gb/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"> 1411 See our floors in your room 1412 </a> 1413 </li> 1414 <li class="block"> 1415 <a href="/en-gb/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"> 1416 Find your ideal floor 1417 </a> 1418 </li> 1419 <li class="block"> 1420 <a href="/en-gb/floors/services/brochure-library/" 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"> 1421 Free brochures 1422 </a> 1423 </li> 1424 <li class="block"> 1425 <a href="/en-gb/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"> 1426 Download our installation guides 1427 </a> 1428 </li> 1429 </ul> 1430 </div> 1431 1432 </div> 1433 <div class="pt-4" data-nav-section="services_cleaning--care"> 1434 1435 1436 <div> 1437 <!-- have to have unique ID / index for mobile vs desktop menus --> 1438 <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> 1439 <ul aria-labelledby="mobile-menu-label-standard-3" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1440 <li class="block"> 1441 <a href="/en-gb/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"> 1442 How to care for your flooring 1443 </a> 1444 </li> 1445 <li class="block"> 1446 <a href="/en-gb/floors/services/cleaning-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"> 1447 Buy our cleaning products 1448 </a> 1449 </li> 1450 </ul> 1451 </div> 1452 1453 </div> 1454 <div class="pt-4" data-nav-section="services_image"> 1455 1456 <div> 1457 <a 1458 href="/en-gb/floors/where-to-buy/find-a-retailer/" 1459 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">
1460 <span class="block w-full rounded-lg object-fill overflow-hidden mb-2"> 1461 <img data-lazyload src="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800" 1462 data-srcset="/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=800 1x,/globalassets/karndean-commercial/cta-blocks/resi/discover-karndean/1920x1920-step-2-find-a-retailer_uk.jpg?width=1600 2x" 1463 alt="Couple having a karndean design consultation " 1464 class="block w-full"/> 1465 </span> 1466 <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 retailer</span> 1467 </a> 1468 </div> 1469 1470 </div> 1471 </div> 1472 1473 </div> 1474</div> 1475 1476 1477<div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border "> 1478 <div> 1479 <button id="mobile-menu-accordion-header-4" type="button" aria-controls="mobile-menu-accordion-content-4" 1480 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"> 1481 <strong class="font-ubuntu text-lg md:text-xl text-secondary-mine-shaft font-medium">Where to buy</strong> 1482 1483 <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"> 1484 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1485 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1486 </svg> 1487 </span> 1488 </button> 1489 </div> 1490 <div role="region" aria-labelledby="mobile-menu-accordion-header-4" id="mobile-menu-accordion-content-4" class="js-accordion-panel pb-6"> 1491 1492 <div class="divide-y-2 divide-gray-border space-y-4"> 1493 <div class="pt-4" data-nav-section="where-to-buy_samples"> 1494 1495 1496 <div> 1497 <!-- have to have unique ID / index for mobile vs desktop menus --> 1498 <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> 1499 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1500 <li class="block"> 1501 <a href="/en-gb/floors/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"> 1502 Order samples 1503 </a> 1504 </li> 1505 </ul> 1506 </div> 1507 1508 </div> 1509 <div class="pt-4" data-nav-section="where-to-buy_flooring"> 1510 1511 1512 <div> 1513 <!-- have to have unique ID / index for mobile vs desktop menus --> 1514 <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> 1515 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1516 <li class="block"> 1517 <a href="/en-gb/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"> 1518 Find a retailer near you 1519 </a> 1520 </li> 1521 <li class="block"> 1522 <a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" 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"> 1523 Buy a floor online 1524 </a> 1525 </li> 1526 </ul> 1527 </div> 1528 1529 </div> 1530 <div class="pt-4" data-nav-section="where-to-buy_other-products"> 1531 1532 1533 <div> 1534 <!-- have to have unique ID / index for mobile vs desktop menus -->
1535 <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">Other products</span> 1536 <ul aria-labelledby="mobile-menu-label-standard-4" class="space-y-[15px] md:space-y-2 xl:space-y-[15px]"> 1537 <li class="block"> 1538 <a href="/en-gb/floors/services/cleaning-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"> 1539 Buy our cleaning products 1540 </a> 1541 </li> 1542 <li class="block"> 1543 <a href="/en-gb/floors/services/Smokey-the-Dog/" 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"> 1544 Smokey the Dog plush toy 1545 </a> 1546 </li> 1547 </ul> 1548 </div> 1549 1550 </div> 1551 <div class="pt-4" data-nav-section="where-to-buy_image"> 1552 1553 1554 </div> 1555 </div> 1556 1557 </div> 1558</div> 1559 </div> 1560 1561 </nav> 1562 <div class="md:hidden bg-gray-light px-4 py-8 mt-auto"> 1563 <ul class="space-y-6"> 1564 <li> 1565 <a href="/en-gb/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"> 1566 <svg width="24" height="24" class="mr-2 icon-people" aria-hidden="true" focusable="false"> 1567 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-people"></use> 1568 </svg> 1569 <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> 1570 </a> 1571 </li> 1572 <li> 1573 <a href="https://www.karndeancommercial.com/en-gb/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"> 1574 <svg width="24" height="24" class="mr-2 icon-exit" aria-hidden="true" focusable="false"> 1575 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-exit"></use> 1576 </svg> 1577 <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> 1578 </a> 1579 </li> 1580 <li> 1581 <div class="js-dropdown-menu relative"> 1582 <button id="dropdown-country-trigger-mobile" type="button" 1583 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" 1584 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-mobile"> 1585 <svg class="h-6 w-6 mr-2 icon-public" aria-hidden="true" focusable="false"> 1586 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-public"></use> 1587 </svg>
1588 <span class="underline decoration-transparent decoration-2 underline-offset-[4px] group-hover:decoration-black group-focus-visible:decoration-black group-focus-visible:decoration-2"> 1589 <span class="sr-only">Switch region, current region:</span>United Kingdom 1590 </span> 1591 <svg class="h-5 w-5 ml-2 icon-flag-uk" aria-hidden="true" focusable="false"> 1592 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use> 1593 </svg> 1594 <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 1595 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 1596 </svg> 1597 </button> 1598 <ul id="dropdown-country-mobile" role="menu" aria-labelledby="dropdown-country-trigger-mobile" tabindex="-1" 1599 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"> 1600 <li role="menuitem" tabindex="-1"> 1601 <a href="/en-us/floors/?regionswitch=true" aria-current="true" 1602 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1603 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false"> 1604 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use> 1605 </svg> 1606 <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 States</span> 1607 </a> 1608 </li> 1609 <li role="menuitem" tabindex="-1"> 1610 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 1611 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1612 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 1613 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 1614 </svg> 1615 <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> 1616 </a> 1617 </li> 1618 <li role="menuitem" tabindex="-1"> 1619 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 1620 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1621 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 1622 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 1623 </svg> 1624 <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> 1625 </a> 1626 </li> 1627 <li role="menuitem" tabindex="-1"> 1628 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 1629 class="flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 1630 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 1631 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 1632 </svg>
1633 <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> 1634 </a> 1635 </li> 1636 </ul> 1637 </div> 1638 </li> 1639 </ul> 1640 </div> 1641 </div> 1642 1643 1644 </div> 1645 </div> 1646 <div id="dialog-mobile-nav-bg" class="js-slide-in-panel-bg slide-in-panel-bg hidden" aria-hidden="true"></div> 1647 1648 1649 </header> 1650 <div class="mobile-search-area hidden lg:!hidden"> 1651 <div class="py-4 pt-0 px-4 md:px-12"> 1652 <form action="/en-gb/floors/search-results/" method="get" role="search" class="w-full relative"> 1653 <div> 1654 <label for="mobileSearchTerm" class="sr-only">Search</label> 1655 <div class="relative flex items-stretch flex-grow"> 1656 <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"> 1657 </div> 1658 <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"> 1659 <svg class="h-6 w-6 icon-search" aria-hidden="true" focusable="false"> 1660 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 1661 </svg> 1662 </button> 1663 </div> 1664 </form> 1665 </div> 1666 </div> 1667 <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> 1668 1669 1670 1671 1672<section class="top-area"> 1673 1674 1675 1676 <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"> 1677 1678 <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> 1679 1680 <div class="absolute bottom-0 z-0 flex object-cover w-full h-full"> 1681 <picture data-lazyload class="block w-full h-full" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=800" data-alt="Dining room with Art Select gluedown LM38 | rigid core AKT-LM38"> 1682 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=2400, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=4800 2x" media="(min-width: 2000px)"> 1683 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=1800 , /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=2600 2x" media="(min-width: 768px)"> 1684 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm-1.jpg?width=800, /globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm-1.jpg?width=1600 2x" media="(min-width: 320px)"> 1685 <source srcset="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=50 "> 1686 <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-random-image-hero/uk/champagne-travertino--lm38__akt-lm38--dining-room--ls1_cm.jpg?width=1800" class="h-full no-js" alt="Dining room with Art Select gluedown LM38 | rigid core AKT-LM38"></noscript> 1687 </picture> 1688 </div> 1689 1690 <div class="container z-20 space-y-4 md:space-y-8 max-w-[1128px] mb-6 md:mb-16 text-center"> 1691 <h1 class="text-white text-balance text-4xl md:text-5xl 2xl:text-6xl" data-epi-property-name="Heading" data-epi-use-mvc="True">Beautiful LVT flooring, designed for life.</h1> 1692 <a href="/en-gb/floors/products/" class="btn btn-white inline-flex">Browse all floors</a> 1693 </div> 1694 1695 </div> 1696 1697</section> 1698 1699<main id="main" class="main"> 1700 1701 1702 1703 <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"> 1704 <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12"> 1705 <div class="space-y-2 lg:col-span-10 lg:col-start-2"> 1706 <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> 1707 </div> 1708 </div> 1709 <div class="space-y-8"> 1710 1711 1712 <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"> 1713 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1714 <a href="/en-gb/floors/products/by-look/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">
1715 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1716 <img data-lazyload src="/globalassets/karndean/b2c-blocks/b2c-image-cta-block/usa/wood.jpg?width=50" 1717 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" 1718 alt="Canadian Urban Oak RKP116 in a living room" 1719 class="block w-full" /> 1720 </span> 1721 <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 design</span> 1722 </a> 1723 </div> 1724 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1725 <a href="/en-gb/floors/products/by-look/herringbone/" 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"> 1726 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1727 <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=50" 1728 data-srcset="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=386 1x, /globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/4.jpg?width=772 2x" 1729 class="block w-full" /> 1730 </span> 1731 <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 flooring</span> 1732 </a> 1733 </div> 1734 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1735 <a href="/en-gb/floors/products/by-look/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"> 1736 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1737 <img data-lazyload src="/globalassets/all-kr-redesign-content---do-not-use/b2c-residential/redesign-images/image-cta-block/2.jpg?width=50" 1738 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" 1739 class="block w-full" /> 1740 </span> 1741 <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 design</span> 1742 </a> 1743 </div> 1744 <div class="flex-none w-1/2 md:w-1/4 p-2 md:p-3"> 1745 <a href="/en-gb/floors/products/our-ranges/kaleidoscope/" 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"> 1746 <span class="block w-full rounded-lg object-fill aspect-1/1 overflow-hidden mb-2 shadow-none group-hover:hover-hover:shadow-hover"> 1747 <img data-lazyload src="/globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=50" 1748 data-srcset="/globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=386 1x, /globalassets/karndean-commercial/explore-by-room/bathroom/sp219-casablanca-bathroom-ls1_cm.jpg?width=772 2x" 1749 class="block w-full" /> 1750 </span>
1751 <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">Abstract design</span> 1752 </a> 1753 </div> 1754 </div> 1755 1756 </div> 1757 1758 1759 </div> 1760 1761 <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"> 1762 <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12"> 1763 <div class="space-y-2 lg:col-span-10 lg:col-start-2"> 1764 <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">See what others say...</h2> 1765 </div> 1766 </div> 1767 <div class="space-y-8"> 1768 1769 1770<!-- TrustBox widget - Slider --> 1771<div class="trustpilot-widget" data-locale="en-GB" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="5dd65017a7a27e0001b88c21" data-style-height="240px" data-style-width="100%" data-token="d962aa7c-0163-4303-a6ad-ae5454ee666c" data-stars="5" data-review-languages="en" data-text-color="#222222"> 1772 <a href="https://www.trustpilot.com/review/karndean.com" target="_blank" rel="noopener">Trustpilot</a> 1773</div> 1774<!-- End TrustBox widget --> 1775 </div> 1776 1777 1778 </div> 1779 1780 <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"> 1781 <div class="space-y-8"> 1782 1783 1784 1785 <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12"> 1786 1787 <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"> 1788 <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=2800" data-alt="Book a free design consultation with a Karndean flooring expert" data-loaded="true"> 1789 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=2800 2x" media="(min-width: 1024px)"> 1790 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400 2x" media="(min-width: 320px)"> 1791 <source srcset="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=50 "> 1792 <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-zig-zag-v2-block-rectangular/uk/where-to-buy/where-to-buy---book-a-design-consultation.png?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full no-js" alt="Book a free design consultation with a Karndean flooring expert"></noscript> 1793 <img alt="Book a free design consultation with a Karndean flooring expert"> 1794 </picture> 1795 </div> 1796 1797 <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"> 1798 <div class="space-y-4"> 1799 <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Showroom update</h3> 1800 1801 <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating"> 1802 Our showroom is currently undergoing an exciting transformation.
It will be temporarily closed from 8th July, reopening on 28th September with a brand new look and experience.
During this time, a pop-up showroom will be available at our Evesham head office from 22nd July to 12th September, by appointment only. 1803 </p> 1804 </div> 1805 <a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" class="btn btn-secondary sm:inline-flex">Plan your visit</a> 1806 </div> 1807 1808 </div> 1809 1810 <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12"> 1811 1812 <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"> 1813 <div class="flex h-full w-full js-video-background relative overflow-hidden rounded-tl-lg rounded-tr-lg md:rounded-lg"> 1814 <video class="h-full w-full object-cover h-fit" muted loop autoplay="true" playsinline aria-hidden="true"> 1815 <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" /> 1816 </video> 1817 1818 <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"> 1819 <svg class="w-12 h-12 block group-[.is-playing]:hidden icon-play" aria-hidden="true" focusable="false"> 1820 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-play"></use> 1821 </svg> 1822 <svg class="w-12 h-12 hidden group-[.is-playing]:block icon-pause" aria-hidden="true" focusable="false"> 1823 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pause"></use> 1824 </svg> 1825 </button> 1826 1827 </div> 1828 </div> 1829 1830 <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"> 1831 <div class="space-y-4"> 1832 <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">See it in your room</h3> 1833 1834 <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating"> 1835 Bring your flooring ideas to life with our room visualiser. It’s fun to use and helps you to see what different luxury vinyl floors and laying patterns will look like in your own room. 1836 </p> 1837 </div> 1838 <a href="/en-gb/floors/inspiration/discover/floorstyle-floor-designer/" class="btn btn-secondary sm:inline-flex">Try Floorstyle</a> 1839 </div> 1840 1841 </div> 1842 1843 <div class="group grid grid-cols-1 md:grid-cols-2 md:gap-6 md:items-center lg:gap-12 xl:grid-cols-12"> 1844 1845 <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"> 1846 <picture data-lazyload="" class="block object-cover w-full h-full loaded" data-iesrc="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=2800" data-alt
1846="Flooring samples matched into a moodboard with other interior design samples" data-loaded="true"> 1847 <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400 1x, /globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=2800 2x" media="(min-width: 1024px)"> 1848 <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=700 1x, /globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400 2x" media="(min-width: 320px)"> 1849 <source srcset="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=50 "> 1850 <noscript><img src="/globalassets/karndean/b2c-blocks/b2c-stand-alone-full-width-image-block/uk/services/order-three-free-chips-samples.jpg?width=1400" class="object-fill aspect-16/9 overflow-hidden w-full no-js" alt="Flooring samples matched into a moodboard with other interior design samples"></noscript> 1851 <img alt="Flooring samples matched into a moodboard with other interior design samples"> 1852 </picture> 1853 </div> 1854 1855 <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"> 1856 <div class="space-y-4"> 1857 <h3 class="2xl:text-5xl font-normal" data-epi-edit="Title" data-epi-use-mvc="True" data-epi-property-edittype="floating">Free samples available</h3> 1858 1859 <p class="text-lg leading-relaxed" data-epi-edit="Paragraph" data-epi-use-mvc="True" data-epi-property-edittype="floating"> 1860 You can order up to 6 FREE samples delivered to your door to help you find your perfect floor. 1861 </p> 1862 </div> 1863 <a href="/en-gb/floors/services/ordering-samples/" class="btn btn-secondary sm:inline-flex">Order now</a> 1864 </div> 1865 1866 </div> 1867 1868 </div> 1869 1870 1871 </div> 1872 1873 <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"> 1874 <div class="lg:grid lg:grid-cols-12 text-center py-6 md:py-12"> 1875 <div class="space-y-2 lg:col-span-10 lg:col-start-2"> 1876 <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">Why Karndean?</h2> 1877 </div> 1878 </div> 1879 <div class="space-y-8"> 1880 1881 1882<div class="space-y-8 md:space-y-0 md:grid md:grid-cols-3 md:gap-6 lg:gap-8 xl:gap-20 md:items-start"> 1883 <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6"> 1884 <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto"> 1885 1886 <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=50" 1887 data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/designed-for-life.svg?width=240 2x" 1888 aria-hidden="true" 1889 class="block w-full"/> 1890 1891 </div> 1892 <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between"> 1893 <div class="md:space-y-2"> 1894 <h3 class="text-lg !leading-normal lg:text-xl">Designed for life</h3> 1895 <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">Our LVT flooring is easy to clean, 100% waterproof and comfortable underfoot.</p> 1896 </div> 1897 <a href="/en-gb/floors/inspiration/discover/why-choose-karndean/" class="btn-link btn-link-underline font-medium text-base lg:text-lg">
1898 <span class="btn-link-underline-child">Learn more</span> 1899 </a> 1900 </div> 1901 </div> 1902 <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6"> 1903 <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto"> 1904 1905 <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=50" 1906 data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/measuring-service.svg?width=240 2x" 1907 aria-hidden="true" 1908 class="block w-full"/> 1909 1910 </div> 1911 <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between"> 1912 <div class="md:space-y-2"> 1913 <h3 class="text-lg !leading-normal lg:text-xl">Measure & fitting service</h3> 1914 <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">Our network of retail partners offer a full measure, quote and fitting service.</p> 1915 </div> 1916 <a href="/en-gb/floors/where-to-buy/find-a-retailer/" class="btn-link btn-link-underline font-medium text-base lg:text-lg" target="_blank"> 1917 <span class="btn-link-underline-child">Find your nearest retailer</span> 1918 </a> 1919 </div> 1920 </div> 1921 <div class="flex space-x-6 md:space-x-0 md:h-full md:flex-col md:justify-center md:text-center md:space-y-4 lg:space-y-6"> 1922 <div class="shrink-0 w-20 md:w-24 lg:w-[120px] aspect-1/1 object-contain md:mx-auto"> 1923 1924 <img data-lazyload src="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=50" 1925 data-srcset="/globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=120 1x, /globalassets/karndean/icons-and-logos/benefit-icons/homepage/lifetime-guarantee.svg?width=240 2x" 1926 alt="Lifetime Warranty" 1927 aria-hidden="true" 1928 class="block w-full"/> 1929 1930 </div> 1931 <div class="space-y-4 md:space-y-6 md:h-full md:flex md:flex-col md:justify-between"> 1932 <div class="md:space-y-2"> 1933 <h3 class="text-lg !leading-normal lg:text-xl">Lifetime warranty</h3> 1934 <p class="text-base leading-normal md:text-balance lg:text-lg lg:leading-relaxed">For peace of mind all our residential floors come with a 35 year warranty.</p> 1935 </div> 1936 <a href="/en-gb/floors/services/lifetime-warranty/" class="btn-link btn-link-underline font-medium text-base lg:text-lg"> 1937 <span class="btn-link-underline-child">Learn more</span> 1938 </a> 1939 </div> 1940 </div> 1941</div> 1942 1943 </div> 1944 1945 1946 </div> 1947 1948 <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"> 1949 <div class="space-y-8"> 1950 1951 1952 <div class="faqs-block mx-auto max-w-[1070px]"> 1953 1954 <h2 class="text-4xl md:mb-8 text-">FAQ's about our formats</h2> 1955 1956 <button class="js-accordion-open-all group btn-rounded-with-label ml-auto mr-2 md:mr-5"> 1957 <span class="label group-[.is-open]:hidden">Show all <span class="sr-only">FAQ Accordions</span></span> 1958 <span class="label hidden group-[.is-open]:block">Hide all <span class="sr-only">FAQ Accordions</span></span> 1959 <span class="icon"> 1960 <svg width="24" height="24" class="rotate-90 group-[.is-open]:-rotate-90 transition-none 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 1966 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 1967 1968 1969 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1970 <div> 1971 <button id="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-header-89354" type="button" aria-controls="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-content-89354" aria-expanded="false" 1972 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"> 1973 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is Karndean Designflooring?</strong> 1974
1975 <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"> 1976 <strong class="hidden md:flex text-lg"> 1977 <span data-show-label>Show</span> 1978 <span data-hide-label>Hide</span> 1979 </strong> 1980 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 1981 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 1982 </svg> 1983 </span> 1984 </button> 1985 </div> 1986 <div role="region" aria-labelledby="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-header-89354" id="fb60c773-dffe-47ca-a51e-5c6144ce062a-accordion-content-89354" class="js-accordion-panel pb-6"> 1987 <div class="wysiwyg w-full max-w-none"> 1988<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> 1989 </div> 1990 </div> 1991 1992 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 1993 <div> 1994 <button id="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-header-89355" type="button" aria-controls="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-content-89355" aria-expanded="false" 1995 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"> 1996 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">Is LVT suitable for a home with pets?</strong> 1997 1998 <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"> 1999 <strong class="hidden md:flex text-lg"> 2000 <span data-show-label>Show</span> 2001 <span data-hide-label>Hide</span> 2002 </strong> 2003 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2004 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2005 </svg> 2006 </span> 2007 </button> 2008 </div> 2009 <div role="region" aria-labelledby="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-header-89355" id="6a6066e8-f30e-45fc-b7bf-e5492495b0d8-accordion-content-89355" class="js-accordion-panel pb-6"> 2010 <div class="wysiwyg w-full max-w-none"> 2011<p>Yes, our flooring is durable, water resistant and easy to clean. </p></div> 2012 </div> 2013 </div> 2014 2015 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2016 <div> 2017 <button id="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-header-89356" type="button" aria-controls="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-content-89356" aria-expanded="false" 2018 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"> 2019 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is gluedown flooring?</strong> 2020 2021 <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"> 2022 <strong class="hidden md:flex text-lg">
2023 <span data-show-label>Show</span> 2024 <span data-hide-label>Hide</span> 2025 </strong> 2026 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2027 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2028 </svg> 2029 </span> 2030 </button> 2031 </div> 2032 <div role="region" aria-labelledby="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-header-89356" id="411fbcf6-8e9e-41d9-a85f-3772d8119270-accordion-content-89356" class="js-accordion-panel pb-6"> 2033 <div class="wysiwyg w-full max-w-none"> 2034<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-gb/floors/products/our-formats/gluedown/">View the benefits of Gluedown flooring.</a></p></div> 2035 </div> 2036 </div> 2037 2038 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2039 <div> 2040 <button id="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-header-89357" type="button" aria-controls="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-content-89357" aria-expanded="false" 2041 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"> 2042 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is click-lock flooring?</strong> 2043 2044 <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"> 2045 <strong class="hidden md:flex text-lg"> 2046 <span data-show-label>Show</span> 2047 <span data-hide-label>Hide</span> 2048 </strong> 2049 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2050 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2051 </svg> 2052 </span> 2053 </button> 2054 </div> 2055 <div role="region" aria-labelledby="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-header-89357" id="22824425-2ffb-469e-8d0a-52f9cbbdf223-accordion-content-89357" class="js-accordion-panel pb-6"> 2056 <div class="wysiwyg w-full max-w-none"> 2057<p>Click-lock flooring is an easy-to-install “floating floor,” which means adhesive is not required. <a href="/en-gb/floors/products/our-formats/rigid-core/">View the benefits here.</a></p></div> 2058 </div> 2059 </div> 2060 2061 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2062 <div> 2063 <button id="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-header-89358" type="button" aria-controls="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-content-89358" aria-expanded="false" 2064 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"> 2065 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">What is the difference between LVT and sheet vinyl?</strong> 2066 2067 <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"> 2068 <strong class="hidden md:flex text-lg"> 2069 <span data-show-label>Show</span> 2070 <span data-hide-label>Hide</span> 2071 </strong> 2072 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2073 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2074 </svg> 2075 </span> 2076 </button> 2077 </div> 2078 <div role="region" aria-labelledby="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-header-89358" id="afc256b0-aa82-4e41-ba6c-94f1cd8d3ce4-accordion-content-89358" class="js-accordion-panel pb-6"> 2079 <div class="wysiwyg w-full max-w-none"> 2080<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> 2081 </div> 2082 </div> 2083 2084 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-border"> 2085 <div> 2086 <button id="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-header-94962" type="button" aria-controls="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-content-94962" aria-expanded="false" 2087 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"> 2088 <strong class="text-lg xl:text-xl text-secondary-mine-shaft font-medium">How can I purchase Karndean flooring?</strong> 2089
2090 <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"> 2091 <strong class="hidden md:flex text-lg"> 2092 <span data-show-label>Show</span> 2093 <span data-hide-label>Hide</span> 2094 </strong> 2095 <svg class="accordion-icon h-6 w-6 md:ml-2 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2096 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2097 </svg> 2098 </span> 2099 </button> 2100 </div> 2101 <div role="region" aria-labelledby="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-header-94962" id="6d96b56c-f2ce-467b-ba53-e1e5108c787b-accordion-content-94962" class="js-accordion-panel pb-6"> 2102 <div class="wysiwyg w-full max-w-none"> 2103<p>You can purchase our flooring through one of our approved retailers. <a href="/en-gb/floors/where-to-buy/find-a-retailer/">Find your local retailer</a></p></div> 2104 </div> 2105 </div> 2106 2107 </div> 2108 </div> 2109 2110 </div> 2111 2112 2113 </div> 2114 2115 2116 2117</main> 2118 2119 2120 2121 2122 <div class="py-12 max-w-[624px] mx-auto px-4 sm:px-6"> 2123 2124 <div class="text-center mb-6 space-y-4 sm:space-y-0"> 2125 <h4 class="text-display-sm text-primary leading-tight">Inspiration & Trends </h4> 2126 <p class="text-base leading-normal text-balance">Stay up to date with new flooring designs, trends and more. </p> 2127 </div> 2128 <form id="newsletter-signup-form" novalidate data-submit-loading="true" class="max-w-xl mx-auto" data-api-url="/api/karndeanNewsletter/add"> 2129 <div aria-live="assertive" role="alert" id="newsletter-form-error-container" class="border-4 mb-6 border-error mt-8 outline-none ring-4 ring-transparent p-6 space-y-2 focus-visible:ring-focus hidden"> 2130 <span class="block text-lg leading-normal font-medium" id="newsletter-form-error"></span> 2131 </div> 2132 2133 <div aria-live="assertive" role="alert" id="newsletter-success" class="border-4 border-success mt-8 mb-6 outline-none ring-4 ring-transparent p-6 space-y-2 focus-visible:ring-focus hidden"> 2134 <span class="block text-lg leading-normal font-medium" id="form-response-title" data-success="Success!" data-fail="Oops, sorry!"></span> 2135 <span class="block text-base" id="form-success-response"></span> 2136 </div> 2137 2138 <div class="form-group flex flex-wrap relative mb-6 mx-auto overflow-hidden"> 2139 <label class="sr-only text-white text-5 font-bold" for="email">Email Address</label> 2140 <div class="w-full relative sm:pr-[144px]"> 2141 <input type="email" class="rounded-full px-6 mb-4 sm:mb-0 sm:rounded-tr-none sm:rounded-br-none relative focus-visible:z-10 w-full" data-validation-message="Enter email address" name="email" id="email" required placeholder="Enter your email address" /> 2142 <button type="submit" class="btn btn-loading btn-small w-full sm:absolute sm:bottom-0 sm:right-0 sm:w-auto sm:rounded-tl-none sm:rounded-bl-none sm:max-w-[146px] sm:min-w-[146px] sm:px-4 sm:-ml-1 focus-visible:z-10 ring-offset-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white sm:h-14"> 2143 <span data-state="default"> 2144 <span>Sign up</span> 2145 </span> 2146 <span data-state="loading"> 2147 <svg class="h-5 w-5 mr-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" 2148 xmlns:xlink="http://www.w3.org/1999/xlink" 2149 style="background: none; display: block; shape-rendering: auto;" width="100px" 2150 height="100px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> 2151 <circle cx="50" cy="50" fill="none" stroke="currentColor" stroke-width="9" r="37" 2152 stroke-dasharray="174.35839227423352 60.119464091411174"> 2153 <animateTransform attributeName="transform" type="rotate" repeatCount="indef
2153inite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"> 2154 </animateTransform> 2155 </circle> 2156 </svg> 2157 <span class="sr-only">Loading...</span> 2158 </span> 2159 </button> 2160 </div> 2161 </div> 2162 <span class="text-base font-medium leading-normal block text-center">Unsubscribe anytime</span> 2163 </form> 2164 2165 2166 </div> 2167 <footer class="relative bg-secondary-smokey-grey text-white pt-12 pb-24 md:pt-14 md:pb-0 mt-auto"> 2168 <div class="container space-y-4 md:space-y-8"> 2169 2170 <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"> 2171 2172 2173 <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"> 2174 <div class="mb-8 lg:mb-0"> 2175 <div class="flex items-start mb-2"> 2176 <svg width="55" height="55" class="mr-2 icon-location-pin" aria-hidden="true" focusable="false"> 2177 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-pin"></use> 2178 </svg> 2179 <h2 class="text-white text-display-sm leading-tighter">Find a Retailer</h2> 2180 </div> 2181 <p class="text-lg leading-relaxed">All our retail partners offer a measure, quote and professional fitting service.</p> 2182 2183 <form action="/en-gb/floors/where-to-buy/find-a-retailer/" method="get" role="search" class="js-far-form w-full pt-8 md:pt-6"> 2184 <label for="retailerSearchTerm" class="flex items-center text-lg font-medium leading-normal text-white mb-4"> 2185 <svg width="24" height="24" class="mr-2 icon-location-1" aria-hidden="true" focusable="false"> 2186 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-1"></use> 2187 </svg> 2188 <span>Find your nearest retailer</span> 2189 </label> 2190 <div class="relative mb-4"> 2191 2192 <input type="hidden" name="lat" class="js-far-latitude" readonly> 2193 <input type="hidden" name="lng" class="js-far-longitude" readonly> 2194 2195 <div class="relative flex items-stretch flex-grow"> 2196 <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 postcode"> 2197 </div> 2198 <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"> 2199 <svg class="h-6 w-6 text-black icon-search" aria-hidden="true" focusable="false"> 2200 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-search"></use> 2201 </svg> 2202 </button> 2203 </div> 2204 <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"> 2205 <svg width="24" height="24" class="mr-2 icon-location-searching" aria-hidden="true" focusable="false"> 2206 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-location-searching"></use> 2207 </svg> 2208 <span class="block group-[.is-loading]:hidden">Use my location</span> 2209 <span class="hidden group-[.is-loading]:block">Getting Location</span> 2210 </button> 2211 </form> 2212 </div> 2213 </div> 2214 2215 <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"> 2216 <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> 2217 <nav aria-labelledby="footer-menu-1" class="hidden xl:block"> 2218 <ul class="space-y-2"> 2219 <li><a href="/en-gb/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> 2220 <li><a href="/en-gb/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 formats</a></li> 2221 <li><a href="/en-gb/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> 2222 <li><a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" 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">Buy a floor online</a></li> 2223 </ul> 2224 </nav> 2225 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2226 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2227 <div> 2228 <button id="footer-accordion-header-1" type="button" aria-controls="footer-accordion-content-1" aria-expanded="false" 2229 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"> 2230 <strong class="font-ubuntu text-xl text-white font-medium">Our Floors</strong> 2231
2232 <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"> 2233 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2234 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2235 </svg> 2236 </span> 2237 </button> 2238 </div> 2239 <section aria-labelledby="footer-accordion-header-1" id="footer-accordion-content-1" class="js-accordion-panel pb-6"> 2240 <nav aria-labelledby="footer-menu-1"> 2241 <ul class="space-y-2"> 2242 <li><a href="/en-gb/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> 2243 <li><a href="/en-gb/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 formats</a></li> 2244 <li><a href="/en-gb/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> 2245 <li><a href="/en-gb/floors/where-to-buy/buy-a-karndean-floor-online/" 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">Buy a floor online</a></li> 2246 </ul> 2247 </nav> 2248 </section> 2249 </div> 2250 </div> 2251 </div> 2252 2253 <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"> 2254 <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> 2255 <nav aria-labelledby="footer-menu-2" class="hidden xl:block"> 2256 <ul class="space-y-2"> 2257 <li><a href="/en-gb/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> 2258 <li><a href="/en-gb/floors/about-us/karndean-evolve/" 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">Sustainability</a></li> 2259 <li><a href="/en-gb/floors/about-us/our-culture/" 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 culture</a></li> 2260 <li><a href="/en-gb/floors/inspiration/get-inspired/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 Press</a></li> 2261 <li><a href="/en-gb/floors/about-us/wellbeing-and-community/" 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">Wellbeing & community</a></li> 2262 <li><a href="/en-gb/floors/about-us/wellbeing-and-community/shelter/" 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">Shelter - charity of the year</a></li> 2263 <li><a href="/en-gb/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> 2264 <li><a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/resources/helpful-information/karndean-fitting-courses/#focus=ev-s0u8-20250714000000" 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 floor fitting courses</a></li> 2265 </ul> 2266 </nav> 2267 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2268 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2269 <div> 2270 <button id="footer-accordion-header-2" type="button" aria-controls="footer-accordion-content-2" aria-expanded="false" 2271 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"> 2272 <strong class="font-ubuntu text-xl text-white font-medium">About Karndean</strong> 2273
2274 <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"> 2275 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2276 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2277 </svg> 2278 </span> 2279 </button> 2280 </div> 2281 <section aria-labelledby="footer-accordion-header-2" id="footer-accordion-content-2" class="js-accordion-panel pb-6"> 2282 <nav aria-labelledby="footer-menu-2"> 2283 <ul class="space-y-2"> 2284 <li><a href="/en-gb/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> 2285 <li><a href="/en-gb/floors/about-us/karndean-evolve/" 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">Sustainability</a></li> 2286 <li><a href="/en-gb/floors/about-us/our-culture/" 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 culture</a></li> 2287 <li><a href="/en-gb/floors/inspiration/get-inspired/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 Press</a></li> 2288 <li><a href="/en-gb/floors/about-us/wellbeing-and-community/" 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">Wellbeing & community</a></li> 2289 <li><a href="/en-gb/floors/about-us/wellbeing-and-community/shelter/" 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">Shelter - charity of the year</a></li> 2290 <li><a href="/en-gb/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> 2291 <li><a href="https://www.karndeancommercial.com/en-gb/commercial-flooring/resources/helpful-information/karndean-fitting-courses/#focus=ev-s0u8-20250714000000" 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 floor fitting courses</a></li> 2292 </ul> 2293 </nav> 2294 </section> 2295 </div> 2296 </div> 2297 </div> 2298 2299 <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"> 2300 <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> 2301 <nav aria-labelledby="footer-menu-3" class="hidden xl:block"> 2302 <ul class="space-y-2"> 2303 <li><a href="/en-gb/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> 2304 <li><a href="/en-gb/floors/where-to-buy/find-a-retailer/" 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">Find a retailer</a></li> 2305 <li><a href="/en-gb/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> 2306 <li><a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" 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> 2307 <li><a href="/en-gb/floors/services/lifetime-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 warranty</a></li> 2308 <li><a href="/en-gb/floors/services/cleaning-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">Buy cleaning products</a></li> 2309 <li><a href="/en-gb/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> 2310 </ul> 2311 </nav> 2312 <div class="js-accordion-block" data-animation="on" data-multi-items="on"> 2313 <div class="js-accordion-item standard-accordion border-b-2 border-b-gray-light xl:hidden"> 2314 <div> 2315 <button id="footer-accordion-header-3" type="button" aria-controls="footer-accordion-content-3" aria-expanded="false" 2316 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"> 2317 <strong class="font-ubuntu text-xl text-white font-medium">Customer Services</strong> 2318
2319 <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"> 2320 <svg class="accordion-icon h-6 w-6 block transform rotate-90 icon-arrow-1" aria-hidden="true" focusable="false"> 2321 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-1"></use> 2322 </svg> 2323 </span> 2324 </button> 2325 </div> 2326 <section aria-labelledby="footer-accordion-header-3" id="footer-accordion-content-3" class="js-accordion-panel pb-6"> 2327 <nav aria-labelledby="footer-menu-3"> 2328 <ul class="space-y-2"> 2329 <li><a href="/en-gb/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> 2330 <li><a href="/en-gb/floors/where-to-buy/find-a-retailer/" 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">Find a retailer</a></li> 2331 <li><a href="/en-gb/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> 2332 <li><a href="/en-gb/floors/helpful-information/contact-us/Visit-our-showrooms/evesham-showroom/" 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> 2333 <li><a href="/en-gb/floors/services/lifetime-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 warranty</a></li> 2334 <li><a href="/en-gb/floors/services/cleaning-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">Buy cleaning products</a></li> 2335 <li><a href="/en-gb/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> 2336 </ul> 2337 </nav> 2338 </section> 2339 </div> 2340 </div> 2341 </div> 2342 2343 <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"> 2344 <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> 2345 <div class="pt-4 lg:pt-0"> 2346 <ul class="flex flex-wrap justify-center xl:justify-start gap-3 xl:gap-2 mb-12" aria-labelledby="footer-menu-follow-us"> 2347 <li> 2348 <a href="https://www.linkedin.com/company/karndean-designflooring-uk/?trk=similar-pages" 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"> 2349 <svg width="24" height="24" class="icon-linkedin" aria-hidden="true" focusable="false"> 2350 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-linkedin"></use> 2351 </svg> 2352 </a> 2353 </li> 2354 <li> 2355 <a href="https://www.facebook.com/Karndeanuk/" 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"> 2356 <svg width="24" height="24" class="icon-facebook" aria-hidden="true" focusable="false"> 2357 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-facebook"></use> 2358 </svg> 2359 </a> 2360 </li> 2361 <li> 2362 <a href="https://www.instagram.com/karndean_uk/" 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"> 2363 <svg width="24" height="24" class="icon-instagram" aria-hidden="true" focusable="false"> 2364 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-instagram"></use> 2365 </svg> 2366 </a> 2367 </li> 2368 <li> 2369 <a href="https://uk.pinterest.com/karndeanUK/" 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"> 2370 <svg width="24" height="24" class="icon-pintrest" aria-hidden="true" focusable="false"> 2371 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-pintrest"></use> 2372 </svg> 2373 </a> 2374 </li> 2375 <li> 2376 <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"> 2377 <svg width="24" height="24" class="icon-youtube" aria-hidden="true" focusable="false"> 2378 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-youtube"></use> 2379 </svg> 2380 </a> 2381 </li> 2382 </ul> 2383 <div class="flex justify-center xl:justify-start"> 2384 <div class="js-dropdown-menu relative"> 2385 <button id="dropdown-country-trigger-footer" type="button" 2386 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" 2387 aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-country-footer"> 2388 <svg class="h-5 w-5 mr-2 icon-flag-uk" aria-hidden="true" focusable="false"> 2389 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-uk"></use> 2390 </svg>
2391 <span class="underline decoration-transparent decoration-1 underline-offset-[4px] group-hover:decoration-white group-focus-visible:decoration-white group-focus-visible:decoration-1"> 2392 <span class="sr-only">Switch region, current region:</span>United Kingdom 2393 </span> 2394 <svg class="h-6 w-6 ml-2 group-[&.is-open]:rotate-180 icon-arrow-5" aria-hidden="true" focusable="false"> 2395 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-5"></use> 2396 </svg> 2397 </button> 2398 2399 <ul id="dropdown-country-footer" role="menu" aria-labelledby="dropdown-country-trigger-footer" tabindex="-1" 2400 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"> 2401 <li role="menuitem" tabindex="-1"> 2402 <a href="/en-us/floors/?regionswitch=true" aria-current="true" 2403 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2404 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-usa" aria-hidden="true" focusable="false"> 2405 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-usa"></use> 2406 </svg> 2407 <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 States</span> 2408 </a> 2409 </li> 2410 <li role="menuitem" tabindex="-1"> 2411 <a href="/en-au/floors/?regionswitch=true" aria-current="true" 2412 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2413 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-australia" aria-hidden="true" focusable="false"> 2414 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-australia"></use> 2415 </svg> 2416 <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> 2417 </a> 2418 </li> 2419 <li role="menuitem" tabindex="-1"> 2420 <a href="/en-nz/floors/?regionswitch=true" aria-current="true" 2421 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2422 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-new-zealand" aria-hidden="true" focusable="false"> 2423 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-new-zealand"></use> 2424 </svg>
2425 <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> 2426 </a> 2427 </li> 2428 <li role="menuitem" tabindex="-1"> 2429 <a href="/en-ca/floors/?regionswitch=true" aria-current="true" 2430 class="text-black flex items-center group outline-none ring-3 ring-transparent ring-offset-2 transition-all duration-500 focus-visible:ring-focus"> 2431 <svg class="mr-2 h-6 w-9 shrink-0 icon-flag-canada" aria-hidden="true" focusable="false"> 2432 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-flag-canada"></use> 2433 </svg> 2434 <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> 2435 </a> 2436 </li> 2437 </ul> 2438 </div> 2439 </div> 2440 </div> 2441 </div> 2442 </div> 2443 <div class="flex justify-center"> 2444 <a href="https://www.karndeancommercial.com/en-gb/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"> 2445 <span>Karndean for Commercial</span> 2446 <svg width="24" height="24" class="ml-2 icon-arrow-4" aria-hidden="true" focusable="false"> 2447 <use href="/assets/b2c-redesign/img/svg-sprite.svg#icon-arrow-4"></use> 2448 </svg> 2449 </a> 2450 </div> 2451 <div class="grid grid-cols-1 md:grid-cols-12 md:gap-4"> 2452 <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"> 2453 <p class="block lg:shrink-0">© Copyright 2026 Karndean Designflooring</p> 2454 <div> 2455 <ul class="flex flex-wrap gap-y-2 gap-x-4 justify-center xl:justify-end"> 2456 <li><a href="/en-gb/floors/helpful-information/website-terms--conditions/" 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> 2457 <li><a href="/en-gb/floors/helpful-information/privacy-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">Privacy policy</a></li> 2458 <li><a href="/en-gb/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> 2459 <li><a href="/en-gb/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> 2460 <li><a href="/en-gb/floors/helpful-information/" 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">Other legal information</a></li> 2461 </ul> 2462 </div> 2463 </div> 2464 </div> 2465 </div> 2466 </footer> 2467 <input id="currentDomain" name="currentDomain" type="hidden" value="KarndeanResidentialENGB" /> 2468 <input id="currentLanguage" name="currentLanguage" type="hidden" value="en-GB" /> 2469 2470
2470<script type="module" 2471 src="/assets/b2c-redesign/js/index.40850f72.js"></script>
2471 2472
2472<script> 2473 // only needed on episerver form pages 2474 var episerverFormWrapper = document.querySelector('.episerver-form-wrapper') 2475 if (episerverFormWrapper) { 2476 var script = document.createElement('script'); 2477 script.src = '/Util/EPiServer.Forms/jquery-3.5.1.min.js'; 2478 script.type = 'text/javascript'; 2479 document.body.appendChild(script); 2480 2481 script.onload = function () { 2482 2483 jQuery(document).ready(function () { 2484 // recaptcha 2485 window.reCaptchToken = null 2486 2487 window.onReCaptchaSubmit = function (token) { 2488 reCaptchToken = token 2489 } 2490 2491 window.initRecaptchaElements = function () { 2492 2493 const originalGetCustomElementValue = epi.EPiServer.Forms.Extension.getCustomElementValue; 2494 2495 jQuery.extend(true, epi.EPiServer.Forms, { 2496 Validators: { 2497 "Karndean.Features.Common.Helpers.Recaptcha.RecaptchaValidator": function (fieldName, fieldValue, validatorMetaData) { 2498 // validate recaptcha element 2499 if (fieldValue) { 2500 return { isValid: true }; 2501 } 2502 return { isValid: false, message: validatorMetaData.model.message }; 2503 }, 2504 "Karndean.Features.Common.Helpers.Turnstile.TurnstileValidator": function (fieldName, fieldValue, validatorMetaData) { 2505 // validate turnstile element 2506 if (fieldValue) { 2507 return { isValid: true }; 2508 } 2509 return { isValid: false, message: validatorMetaData.model.message }; 2510 } 2511 }, 2512 Extension: { 2513 getCustomElementValue: function ($element) { 2514 if ($element.hasClass("FormRecaptcha")) { 2515 if (typeof window.grecaptcha === "undefined" || typeof grecaptcha.execute !== "function") { 2516 return ""; 2517 } 2518 2519 if (window.reCaptchToken !== null && typeof window.reCaptchToken !== "undefined") { 2520 return window.reCaptchToken; 2521 } 2522 2523 grecaptcha.ready(async () => { 2524 try {
2525 if (!$element.hasClass("validating")) { 2526 $element.addClass("validating"); 2527 try { 2528 const token = await grecaptcha.execute({ 2529 action: 'recaptchaAction', 2530 }); 2531 if (token && !window.reCaptchToken) { 2532 window.reCaptchToken = token; 2533 } 2534 } catch (e) { } 2535 } 2536 2537 const validationCheck = setInterval(function () { 2538 if (window.reCaptchToken) { 2539 $element.removeClass("validating"); 2540 clearInterval(validationCheck); 2541 } 2542 }, 100); 2543 } catch (e) { 2544 console.log('Failed to get token', e); 2545 } 2546 }); 2547 2548 return ""; 2549 } 2550 // if current element is not our job, let others process 2551 return originalGetCustomElementValue.apply(this, [$element]); 2552 } 2553 } 2554 }); 2555 } 2556 // recaptcha end 2557 }); 2558 } 2559 } 2560 2561 </script>
2561 2562
2562<script defer="defer" src="/Util/Find/epi-util/find.js"></script>
vendor: 1 bytes, line 2562
2562
2563<script> 2564document.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();}}) 2565</script>
2565 2566 2567 2568 2569 2570
2570<script type="text/javascript"> 2571 window._initClickDimensions = function () { 2572 if (window._cdInitialized || window._cdLoading) return; 2573 window._cdLoading = true; 2574 2575 2576 var cdScript = document.createElement('script'); 2577 cdScript.type = 'text/javascript'; 2578 cdScript.src = 'https://analytics.clickdimensions.com/ts.js'; 2579 cdScript.onerror = function () { window._cdLoading = false; }; 2580 cdScript.onload = function () { 2581 function initAnalytics() { 2582 window._cdInitialized = true; 2583 var cdAnalytics = new clickdimensions.Analytics('analytics.clickdimensions.com'); 2584 cdAnalytics.setAccountKey("aRXEeNZSeNkuvhtKLsVsik"); 2585 cdAnalytics.setDomain("www.karndean.com"); 2586 cdAnalytics.setScore(typeof (cdScore) == "undefined" ? 0 : (cdScore == 0 ? null : cdScore)); 2587 cdAnalytics.trackPage(); 2588 } 2589 2590 2591 initAnalytics(); 2592 }; 2593 document.head.appendChild(cdScript); 2594 }; 2595 </script>
2595 2596 2597 2598
2598<script type="text/javascript"> 2599 !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, { 2600 src: "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js", 2601 crossOrigin: "anonymous", 2602 cfg: { 2603 instrumentationKey: "026fb3c1-519d-44f9-8152-5a23a399cd8b" 2604 } 2605 }); 2606 </script>
2606 2607 2608</body> 2609 2610</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.