1<!-- 2 -------------------------- 3 EKM Theme: Aerial 4 Released: Aug 2020 5 Last Edited: 07/09/2023 6 --------------------------- 7 --> 8 9<!DOCTYPE html> 10<html lang="en-GB"> 11<head> 12 <!-- EKM Theme: Aerial --> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 16 <meta name="" /> 17 <meta charset="utf-8"> 18 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 19 <meta name="keywords" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers."> 20 <meta name="description" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers."> 21 <meta name="viewport" content="width=device-width, initial-scale=1"> 22 23 <link rel="shortcut icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" /> 24<link rel="icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" /> 25 26 27 <title>DeVere Yarns | Embroidery Thread, Weaving Yarn, Silk, Cotton, Wool</title> 28 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css" defer fetchpriority="low" > 29 <link href="//themes.cdn.ekm.net/themes/master/2271/css/base.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 30 <link href="//themes.cdn.ekm.net/themes/master/2271/css/buttons.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 31 <link href="//themes.cdn.ekm.net/themes/master/2271/css/style.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 32 <link href="//themes.cdn.ekm.net/themes/master/2271/css/blog_post.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" > 33 <link href="//themes.cdn.ekm.net/themes/master/2271/css/newsletter.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" > 34 35 36 37 38 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 39 40 41 42 43 44<style> 45 46 :root{ 47 48 --ekm-search-anchor: .header-search-bar !important; 49 50 --header_icons: #ffffff; 51 --header_background: #ffffff; 52 53 --account_bg: #ffffff; 54 --account_icon: #254249; 55 56 --cart_bg: #ffffff; 57 --cart_icon: #254249; 58 59 --cart_item_bg: #3b6072; 60 --cart_item_text: #FFFFFF; 61 62 --header_info_background: #3b6072; 63 --header_info_text: #ffffff; 64 65 --nav-dropdown-background: #FFFFFF; 66 --nav_bar_background: #6a99af; 67 --nav_bar_links: #ffffff; 68 --nav_dropdown_links: #333333; 69 --nav-breadcrumb-bg: #eeeeee; 70 71 --mobile_menu_icon: #d2ac6c; 72 --mobile_menu_button_icon: #FFFFFF; 73 74 --body_background: #FFFFFF; 75 --category_page_background: #f5f5f5; 76 --product_page_background: #f5f5f5; 77 78 --body_text: #333333; 79 --body_review_stars: #FFBD00; 80 --body_main_links: #be965b; 81 --body_headings: #333333; 82 --section_bg: #FFFFFF; 83 84 85 86 --primary_button_btn_bg: #d2ac6c; 87 --primary_button_btn_text: #FFFFFF; 88 89 --btn-border-radius: 3px; 90 91 --secondary_button_btn_bg: #FFFFFF; 92 --secondary_button_btn_text: #232323; 93 94 --atc_button_btn_bg: #d2ac6c; 95 --atc_button_btn_text: #FFFFFF; 96 97 --footer_bg: var(--settings_footer_bg); 98 --footer_text: var(--settings_footer_text); 99 --footer_link: var(--settings_footer_link); 100 101 --webpages_background: ; 102 103 --copyright_background: #34515f; 104 --copyright_text: #FFFFFF; 105 106 --primary-font: Open Sans; 107 108 --ekm-atc-background-colour: #d2ac6c; 109 110 --ekm-success-colour-text: #03c300; 111 --ekm-success-colour-background: #bffdbf; 112 --ekm-caution-colour-text: #c71908; 113 --ekm-caution-colour-background: #fddebf; 114 --ekm-warning-colour-text: #ff5241; 115 --ekm-warning-colour-background: #fdbfbf; 116 --ekm-inverse-colour-text: #ffffff; 117 --ekm-inverse-colour-background: #000000; 118 --ekm-atc-background-colour: var(--primary_button_btn_bg); 119 --ekm-atc-text-colour: var(--primary_button_btn_text); 120 121 } 122 123
124 125</style> 126
127<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','default',{'ad_storage':'denied','ad_user_data':'denied','ad_personalization':'denied','analytics_storage':'denied','wait_for_update': 500});})();</script>
127<script> 128var is_merchant_logged_in = 0; 129</script>
129 130 <link rel="stylesheet" href="https://shopui.ekmsecure.com/2%2E1%2E13/styles/shopui.css" />
131<script>(window.dataLayer = window.dataLayer || []).push({'Username': 'devereyarns'}) ;</script>
131 132<!-- Google Tag Manager -->
132<script>
vendor: 320 bytes, line 132
132(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}) ;var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'' ;j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f) ;})(window,document,'script','dataLayer','
132GTM-KF9VMP
vendor: 4 bytes, line 132
132') ;
132</script>
132<!-- End Google Tag Manager --> 133<link rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
133<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/search/search.js?v=26" type="module"></script>
133<script type="application/json" data-config="search"> 134{ 135"user": "devereyarns", 136"isSearchPage": false, 137"disabled": false, 138"searchQuery": null, 139"searchCategories": [], 140"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7NEI3RDAyNjEtODVENS00MDkzLUE1OTItMDgyQUY3QjFGN0E3fSIsImlhdCI6MTc5MDQ4NjM0NywiZXhwIjoxNzk2MDE2MzQ3LCJvcmlnaW5zIjpbImh0dHBzOi8vZGV2ZXJleWFybnMuMS5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMS5la20ubmV0IiwiaHR0cHM6Ly9kZXZlcmV5YXJucy5jby51ayIsImh0dHBzOi8vd3d3LmRldmVyZXlhcm5zLmNvLnVrIl19.kbXZLBIyT9KPrlPJhQCAR9uK61zgIc6HZh5L5OWaVV4", 141"showAttributeFilter": true, 142"showCategoryFilter": true, 143"showPriceFilter": true, 144"showTDPrices": true, 145"isTDUser": false, 146"topLevelCategories": ["Colour Packs","Digital Gift Cards","Embroidery Threads","Protective cop sleeving","Shade Cards & Quality Card","Silk Craft Fibres & Supplies","Weaving Yarns","William Folliott book"], 147"attributes": {}, 148"attributeNames": {}, 149"priceRange": {"min": 0, "max": 0}, 150"currency": {"exponent": 2,"symbol": "£","format":"SYMBOL-PRICE"} 151} 152</script>
152<script async src="https://cdn.salesfire.co.uk/code/5a4d1397-13f8-4c6e-a615-07a62c746a87.js"></script>
152<link rel="preconnect" href="https://fonts.googleapis.com"> 153<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 154<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"><style> 155/* Your CSS Here */ 156body, .header-search-bar input, .atc-wrapper input, #product-options select, .single-product-option input { 157 font-family: "Figtree", sans-serif; 158} 159 160.announcment-holiday-wrapper .fixed-header-text, .fixed-header-button { 161 font-family: "Figtree", sans-serif!important; 162} 163 164header .site-logo img { 165 padding-top: 0.5rem; 166} 167 168.header-search-bar input { 169 text-transform: unset; 170} 171 172.main-banner-block .theme-btn { 173 background-color: var(--primary_button_btn_bg)!important; 174 color: var(--primary_button_btn_text)!important; 175} 176 177.theme-btn { 178 padding: 1rem 2rem; 179 text-transform: capitalize; 180} 181 182#ekm-image-banner h1 { 183 font-size: clamp(3rem, 2.5vw, 4.2rem)!important; 184 text-wrap: balance; 185 line-height: 1.4; 186} 187 188#ekm-image-banner .main-banner-block p, .banner-text-block p { 189 color: #FFFFFF; 190 font-size: clamp(1.6rem, 2.5vw, 1.8rem)!important; 191 max-width: 580px; 192} 193 194.main-content .main-banner-block { 195 min-height: 500px; 196} 197 198.main-content .ekm-promo-box-wrapper .ekm-promo-box-content { 199 padding: 1rem 2rem 2rem !important; 200} 201 202.aerial-product-item { 203 padding: 10px; 204} 205 206h3 { 207 font-size: 2.6rem; 208} 209 210.incategory-desc :is(h1, h2, h3, p) { 211 margin-bottom: 10px; 212 text-align: center; 213} 214 215.incategory-desc :is(table) { 216 margin: auto; 217} 218 219.main-content .text-image-block-wrapper--one { 220 margin-bottom: 0px; 221} 222 223@media only screen and (min-width: 989px) { 224 header > .container { 225 grid-template-columns: 250px 1fr 250px!important; 226 } 227} 228 229@media screen and (max-width: 800px) { 230 ekm-search-categories { 231 background-color: #f3f3f3!important; 232 } 233 234 .header-search-bar form .ekmps-search-button { 235 background-color: #f3f3f3!important; 236 } 237 238 .main-content .main-banner-block { 239 min-height: 350px; 240 } 241} 242</style>
242<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
242<link rel="canonical" href="https://www.devereyarns.co.uk/" />
242<script type="text/javascript"> 243 244 var _gaq = _gaq || []; 245 _gaq.push(['_setAccount', 'UA-40342746-1']) ; 246 _gaq.push(['_setDomainName', 'devereyarns.co.uk']) ; 247 _gaq.push(['_trackPageview']) ; 248 249 (function() { 250 var ga = document.createElement('script') ; ga.type = 'text/javascript' ; ga.async = true; 251 ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js' ; 252 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s) ; 253 })() ; 254 255</script>
255<meta name="google-site-verification" content="HzD_f9Et9EIHg0E6qCbkeuvj0wJPwxu5SBzygXgKAmQ" /><meta property="og:image" content="https://files.ekmcdn.com/devereyarns/resources/design/new-logo-new-website---best.jpg" /> 256<meta property="og:site_name" content="Devere Yarns" /> 257<meta property="og:title" content="Devere Yarns" />
258<script src="https://1.cdn.ekm.net/ekmps/assets/js/showdata-thumbnailhover.min.js?v=1"></script>
258<link href="https://1.cdn.ekm.net/ekmps/css/showdata-thumbnailhover.css" rel="stylesheet" type="text/css" />
258<script src="https://1.cdn.ekm.net/ekmps/designs/assets/cart/1298/other/upsell-splide-init.min.js" type="module"/></script>
258<link type="text/css" rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/shop-front/softcart.min.css?_=22" />
258<script async type="text/JavaScript" data-ekm-softcart-options="{}" data-ekm-softcart-lc="{"close": "close", "Shopping Cart Updated": "Shopping Cart Updated", "No items in cart": "No items in cart", "Quantity": "Quantity", "Remove": "remove", "Remove Bundle": "remove bundle", "Items: ": "Items: ", "Sub Total: ": "Subtotal: ", "Discounted Sub Total: ": "Discounted Sub Total: ", "Delivery: ": "Delivery: ", "Vat: ": "Vat: ", "Total: ": "Total: ", "View Cart": "View Cart", "Continue Shopping": "Continue Shopping", "Checkout": "Checkout", "Go To Checkout": "Go To Checkout", "Sorry, there was a problem": "Sorry, there was a problem", "Back": "Back", "Sorry, could not add to cart": "Sorry, could not add to cart", "Please ensure you've completed all the required fields.": "Please ensure you've completed all the required fields.", "Sorry, could not complete request": "Sorry, could not complete request", "There was an error processing your request.": "There was an error processing your request.", "More Details": "More Details", "Connection Problem": "Connection Problem", "There was a problem communicating with the server.": "There was a problem communicating with the server.", "Please check your internet connection and try again.": "Please check your internet connection and try again.", "Please try again.": "Please try again. ", "Continue to Product Page": "Continue to Product Page", "Cancel": "Cancel", "Add product to your cart": "Add product to your cart", "Add to Basket": "Add to Cart", "Choose Image": "Choose Image", "Please choose an image": "Please choose an image", "remove": "remove", "View full product details": "View full product details", "Stock Status: ": "Stock Status: "," Sold Out": " Sold Out"," In Stock": " In Stock","Redirecting to Product Page": "Redirecting to Product Page","Only [stock] in stock":"Only [stock] in stock","No Saving": "No Saving", "Quantity Range": "Quantity Range", "Unit Price": "Unit Price", "Unit Saving": "Unit Saving", "Total Price:": "Total Price:", "Total Saving:": "Total Saving:","Every [x] Days": "Every [x] Days","Every [x] Weeks": "Every [x] Weeks","Every [x] Months": "Every [x] Months","Every [x] Years": "Every [x] Years","Daily": "Daily","Weekly": "Weekly","Monthly": "Monthly","Yearly": "Yearly","Save [percent_discount]% when you choose to have regular deliveries of this product.": "Save [percent_discount]% when you choose to have regular deliveries of this product.","No minimum subscription length & cancel anytime.": "No minimum subscription length & cancel anytime.","Subscribe": "Subscribe","One time purchase": "One time purchase","Delivery intervals :": "Delivery intervals","Set Up Now": "Set Up Now"}" data-ekm-softcart-product-count="0" src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/softcart.min.js?_=56"></script>
258<script async src="https://1.cdn.ekm.net/ekmps/scripts/historytracker.js" integrity="sha256-/qpINPx0JrNJoW7XZXa9nMM3vY14qdlkmiNSj9pKbIM= sha384-Hix6Oo3XCh6Lx/s1C3+UWfKyB/313Oqt/cEkTsemluJa4I4j8Sx+AZ4sLLCGRzEE sha512-u/iBpqHp/Y/oEkIcER5y7817lMglj1PELWf/AdmLMzzg5p82DBaFEUtHa21uWrKQeOb9t9cqfq6tYDKra/gvbA==" crossorigin="anonymous"></script>
258<link type="text/css" rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/features/features/promostickers/productimagebadge.css?_=1" />
258<script async type="text/javascript" src="https://1.cdn.ekm.net/ekmps/assets/js/features/promostickers/productimagebadge.min.js?_=18" data-ekm-locale="English" data-ekm-product-badge-style="2020Rosette/small" data-ekm-product-badge-spacing="2" data-ekm-product-badge-x="0" data-ekm-product-badge-y="0" data-ekm-product-badge-dir="vertical" data-ekm-sitename="devereyarns" data-ekm-alignment="bottom right" data-ekm-use-cdn="1" ></script>
258<base href="/" /></head> 259 260<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 260-261
260 261<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
261GTM-KF9VMP
vendor: 87 bytes, lines 261-263
261' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 262 263
263<main role="main" class="main-content" data-cur-page="0"> 264<ekm-section data-id="ekm-section-id-0" data-type="header"> 265 266<!---------------------------------------> 267<!--LAST EDITED: 26/07/2022--> 268<!---------------------------------------> 269 270 271 272 273 <style> 274 /* ********************************** 275 SEARCH BAR SECTION SETTINGS 276 ********************************** */ 277 278 .header-search-bar input{ 279 background-color: #f3f3f3; 280 color: #333333; 281 border-radius: var(--btn-border-radius); 282 } 283 .header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{ 284 border: 2px solid #000000; 285 } 286 .header-search-bar.has_border form .ekmps-search-button{ 287 height: 44px; 288 border-left: none; 289 } 290 .header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 291 color: #333333; 292 } 293 .header-search-bar input::-moz-placeholder { /* Firefox 19+ */ 294 color: #333333; 295 } 296 .header-search-bar input:-ms-input-placeholder { /* IE 10+ */ 297 color: #333333; 298 } 299 .header-search-bar input:-moz-placeholder { /* Firefox 18- */ 300 color: #333333; 301 } 302 303 304 305 .ekmps-search-button{ 306 background-color: #f3f3f3; 307 cursor: pointer; 308 } 309 .ekmps-search-button svg path { 310 fill: #333333; 311 } 312 313 .header-search-bar form .ekmps-search-button{ 314 position: absolute; 315 right: 0; 316 top: 0; 317 width: 40px; 318 padding: 0; 319 cursor: pointer; 320 border: none; 321 display: flex; 322 align-items: center; 323 justify-content: center; 324 height: 100%; 325 border-bottom-right-radius: var(--btn-border-radius); 326 border-top-right-radius: var(--btn-border-radius); 327 background-color: transparent; 328 329 } 330 .header-search-bar form .ekmps-search-button:hover > svg{ 331 opacity: 0.8; 332 } 333 .header-search-bar form .ekmps-search-button > svg{ 334 height: 20px; 335 width: 20px; 336 } 337 338 .webpages_more_trigger{ 339 position: relative; 340 } 341 .webpages_more_trigger.hidden{ 342 display:none; 343 } 344 .announcement-bar > .container{ 345 flex-wrap: wrap; 346 grid-template-columns: 1fr 1fr; 347 display: grid; 348 gap: 20px; 349 } 350 .announcement-bar-nav.contact{ 351 justify-self: flex-start; 352 353 354 } 355 .more_webpages_nav{ 356 display:none; 357 position: absolute; 358 background: #FFF; 359 padding: 15px; 360 z-index: 9; 361 left: -70%; 362 top: 40px; 363 box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 364 width: 200px; 365 } 366 .more_webpages_nav.active{ 367 display:block; 368 } 369 .announcement-bar .announcement-bar-nav .more_webpages_nav li a{ 370 color: #333; 371 } 372 ul.no-style.more_webpages_nav:before { 373 content: ""; 374 display: block; 375 width: 20px; 376 height: 20px; 377 background: white; 378 transform: rotate(45deg); 379 position: absolute; 380 top: -7px; 381 left: 66px; 382 } 383 .webpages_more_trigger svg{ 384 margin-left: 10px; 385 } 386 header > .container{ 387 display: grid; 388 grid-template-columns: 1fr 1fr; 389 align-items: center; 390 justify-items: center; 391 gap: 20px; 392 } 393 394 .header-btn-wrapper{ 395 justify-self: flex-end; 396 } 397 .nav-icon-wrapper{ 398 justify-self: flex-start; 399 } 400 header .site-logo img{ 401 402 403 max-width: 280px; 404 405 } 406 .currency{ 407 justify-self: flex-end; 408 409 410 } 411 .header-search-bar{ 412 grid-column: -1 / 1; 413 } 414 415 .subnav-grid a:hover{ 416 text-decoration: underline; 417 } 418 419 @media only screen and (min-width:550px){ 420 header > .container{ 421 grid-template-columns: 90px minmax(300px, 1fr) 90px; 422 } 423 } 424 .nav-trigger--close, .nav-trigger--menu{ 425 display: none; 426 } 427 .nav-trigger--close.active, .nav-trigger--menu.active{ 428 display: block; 429 } 430 431 @media only screen and (min-width:768px){ 432 .subnav-grid li{ 433 margin-bottom: 10px; 434 } 435 .header-search-bar{ 436 grid-column: auto; 437 } 438 439 header > .container{ 440 441 442 grid-template-columns: 170px 1fr 178.5px; 443 444 } 445 446 .primary-nav > li .sub-sub-cats-wrapper{ 447 display: block; 448 right: 0; 449 top: 0 !important; 450 opacity: 1; 451 position: relative; 452 width: auto; 453 height: auto; 454 } 455 .primary-nav > li .sub-sub-cats-wrapper .subnav-grid{ 456 grid-template-columns: 1fr; 457 padding: 10px 0 0 0; 458 gap: 10px; 459 } 460 .primary-nav >
460 li .sub-sub-cats-wrapper .subnav-grid a{ 461 pointer-events: all; 462 font-weight: 400; 463 } 464 } 465 466 467 468 469 470 471 472 473 474[data-nav-design-type="main-dropdown"]{ 475 display: none; 476} 477 478@media only screen and (max-width:767px){ 479 .subnav-grid-wrapper{ 480 left: auto; 481 right: -100%; 482 transition: all 0.35s ease; 483 display: flex; 484 top: 0 !important; 485 display: none; 486 } 487 .subnav-grid-wrapper.mobile_open{ 488 right: 0%; 489 z-index: 1; 490 } 491 492} 493 494@media only screen and (min-width: 768px) { 495 496 .ekmps-search-button{ 497 background-color: var(--primary_button_btn_bg) !important; 498 cursor: pointer; 499 } 500 .ekmps-search-button svg path { 501 fill: #FFFFFF; 502 } 503 504 505 [data-nav-design-type="main-dropdown"]{ 506 pointer-events: auto; 507 left: 0; 508 opacity: 1; 509 } 510 .main_nav.open [data-nav-design-type="main-dropdown"]{ 511 display: block; 512 } 513 514} 515 516 517 518/* HEADER SEARCH ICON SETTINGS */ 519/* The CSS in the follow section are variable on the design that is being selected from the merchant */ 520 521 522.subnav-grid-wrapper-bg { 523 width: 100%; 524 height: 100vh; 525 position: absolute; 526 background: #0000002b; 527} 528 529@media only screen and (min-width: 989px){ 530 header > .container{ 531 grid-template-columns: 200px 1fr 200px; 532 } 533 534 .info-bar-text { 535 justify-self: center; 536 } 537 .announcement-bar > .container{ 538 flex-wrap: wrap; 539 grid-template-columns: 1fr 1fr 1fr; 540 541 grid-template-columns: 1fr 1fr; 542 543 } 544 .announcement-bar-nav.webpages, .info-bar-text{ 545 display: flex !important; 546 margin-right: 0px; 547 justify-self: flex-start; 548 549 margin-right: 10px; 550 551 552 } 553 .announcement-bar-nav.contact{ 554 justify-self: flex-start; 555 556 557 558 } 559 .currency{ 560 justify-self: flex-end; 561 562 563 } 564 .info-bar-text{ 565 566 } 567} 568 569 570/*// Hides the wishlist icon if the customer is not logged in.*/ 571 572 #headerWishlist{ 573 display: none; 574 575 576 577 578 579</style> 580<div class="announcment-holiday-wrapper"><div id="fixed-header-container" data-ekm-height-change-callback="fixFixedHeader" class="promotional-banner"><div id="fixed-header-content" style="background: #d2ac6c;color: #fff;"><div class="fixed-header-text u-display--inline-block">From 1st July, we will be VAT registered. If you are a non taxable country you wont be charged at checkout. USA customers - Due to current US import tariffs and carrier surcharges, a 10% surcharge applies to all orders shipped to the USA. </div></div></div> 581 </div> 582
582<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/announcementBar.min.js?v=1"></script>
582 583 584 585 586 <div class="announcement-bar"> 587 <div class="container flex flex_space-between flex_align-center"> 588 <ul class="announcement-bar-nav no-style flex contact"> 589 590 591 592 <li><a class="flex flex_align-center" href="tel:01787 237237"> 593 <svg xmlns="https://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15"> <path class="a" d="M14 11.3024C14 10.8024 13.8 10.3023 13.4 9.90235C12.8 9.30235 12.2 8.80235 11.4 8.60235C10.6 8.40235 9.7 8.60235 9.1 9.30235L8.3 9.90235C7.4 9.40235 6.7 8.80235 6 8.10235L5.9 8.00235C5.2 7.30235 4.6 6.60235 4.1 5.70235L4.8 5.00235C5.4 4.40235 5.7 3.50235 5.5 2.70235C5.2 1.90235 4.8 1.20235 4.2 0.70235C3.4 -0.19765 2.1 -0.19765 1.3 0.50235C0.4 1.40235 0 2.60235 0 3.80235C0.2 6.40235 1.4 8.90235 3.3 10.7023C3.7 11.1023 4.1 11.5023 4.6 11.8024C4.9 12.0023 5.2 12.0023 5.4 11.7023C5.6 11.5023 5.5 11.1024 5.3 11.0023C4.9 10.7023 4.5 10.3024 4.1 10.0023C2.4 8.40235 1.3 6.20235 1.1 3.90235C1.1 2.90235 1.4 2.00235 2 1.40235C2.4 1.00235 3 1.00235 3.4 1.40235C4.8 2.90235 4.7 3.60235 4 4.20235L3 5.20235C2.9 5.40235 2.8 5.60235 2.9 5.80235C3.5 6.90235 4.2 7.90235 5.1 8.80235L5.2 8.90235C6.1 9.80235 7.1 10.5023 8.2 11.1024C8.4 11.2024 8.6 11.1024 8.8 11.0023L9.8 10.0023C10.4 9.40235 11.1 9.30235 12.6 10.7023C13 11.1023 13 11.7024 12.7 12.1024C12 12.7024 11.2 13.0023 10.3 13.0023C9.4 13.0023 8.4 12.7023 7.6 12.4023C7.3 12.3023 7 12.5023 6.9 12.7023C6.8 13.0023 6.9 13.2023 7.2 13.4023C8.2 13.9023 9.2 14.1024 10.3 14.1024C11.5 14.1024 12.7 13.7023 13.5 12.9023C13.8 12.3023 14 11.8024 14 11.3024Z"/> </svg> 594 595 01787 237237</a></li> 596 597 598 599 600 <li><a class="flex flex_align-center" href="mailto:[email protected]"> 601 <svg xmlns="https://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13"> <path class="a" d="M15.36 7.25333C15.68 7.25333 16 6.93333 16 6.61333V2.45333C16 1.06667 14.9333 0 13.5467 0H2.45333C1.06667 0 0 1.06667 0 2.45333V9.70667C0 11.0933 1.06667 12.16 2.45333 12.16H13.44C14.8267 12.16 15.8933 10.9867 15.8933 9.70667C15.8933 9.38667 15.5733 9.06667 15.2533 9.06667C14.9333 9.06667 14.6133 9.38667 14.6133 9.70667C14.6133 10.3467 14.08 10.9867 13.3333 10.9867H2.45333C1.81333 10.9867 1.17333 10.4533 1.17333 9.70667V2.66667L6.61333 6.08C7.46667 6.50667 8.53333 6.50667 9.28 5.97333L14.72 2.56V6.50667C14.72 6.93333 15.04 7.25333 15.36 7.25333ZM8.64 4.90667C8.21333 5.12 7.68 5.12 7.36 4.90667L1.81333 1.49333C2.02667 1.38667 2.24 1.28 2.56 1.28H13.5467C13.76 1.28 14.08 1.38667 14.2933 1.49333L8.64 4.90667Z"/> </svg> 602 [email protected]</a></li> 603 604 605 </ul> 606 <div class="flex flex_align-center currency"> 607 608 609 610 611 <div class="cur-text-dd no-symbol"> 612 <div class="cur-text-dd-btn"> 613 <i class="icon-flags--custom" data-flag-currency="GBP"></i> 614 <span class="cur-text-dd-code">GBP</span> 615 <span class="cur-text-dd-symbol">£</span> 616 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 617 <path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" /> 618 </svg> 619 </div> 620 <div class="cur-text-dd-options"> 621 622 623 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=EUR&catid=0&productid=0"> 624 <i class="icon-flags--custom" data-flag-currency="EUR"></i> 625 <span class="cur-text-dd-code">EUR</span> 626 <span class="cur-text-dd-symbol">€</span> 627 </a> 628 629 630 631 632 633 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=USD&catid=0&productid=0"> 634 <i class="icon-flags--custom" data-flag-currency="USD"></i> 635 <span class="cur-text-dd-code">USD</span> 636 <span class="cur-text-dd-symbol">$</span> 637 </a> 638 639 640 </div> 641 <!-- end of cur-text-dd-options --> 642 </div> 643 <!-- end of cur-text-dd no-symbol --> 644 645 646 </div> 647 <!-- end of flex flex_align-center --> 648 </div> 649 <!-- end of container --> 650 </div> 651 <!-- end of announcement-bar --> 652 653 654 655 656 657 658 659 660 661 662 663 664<header> 665 666 <div class="container" data-design-type="one"> 667 668 669 <!-- This is the nav icon that shows for the above designs --> 670 <div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center"> 671 <div class="icon nav-icon"> 672 <span></span> 673 <span></span> 674 <span></span> 675 </div> 676 </div> 677 678 679 <div class="site-logo" > 680 <a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/devereyarns/resources/design/new-logo-new-website---best.jpg" alt="Devere Yarns"/></a></a> 681 </div> 682 683 684 <!-- The search bar will only show in the main header for the above designs --> 685 <div class="header-search-bar "><form name="searchbox" method="post" action="index.asp?function=search"> <input class="ekmps-search-field " type="text" name="search" placeholder="Search..." required value="" aria-label="Search..." rel="clear"/> 686 <ekm-search-categories></ekm-search-categories> 687 <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21"
688 viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg"> 689 <path 690 d="M19.755 18.977L14.6717 13.7724C16.0017 12.0909 16.6513 9.95116 16.4866 7.79395C16.3219 5.63675 15.3554 3.62636 13.7863 2.17688C12.2172 0.727396 10.1649 -0.0508022 8.05219 0.00257495C5.93946 0.0559521 3.92717 0.936839 2.4298 2.4638C0.932422 3.99075 0.0639993 6.0475 0.00339832 8.21039C-0.0572027 10.3733 0.694633 12.4776 2.10405 14.09C3.51346 15.7023 5.47312 16.6998 7.57939 16.8771C9.68566 17.0544 11.7781 16.398 13.4258 15.043L18.5091 20.2475C18.6746 20.4164 18.8984 20.5117 19.132 20.5128C19.3057 20.5125 19.4753 20.4595 19.6197 20.3607C19.764 20.2618 19.8765 20.1215 19.9431 19.9573C20.0097 19.7931 20.0274 19.6125 19.9939 19.438C19.9604 19.2636 19.8773 19.1032 19.755 18.977ZM1.83793 8.50259C1.83793 7.19672 2.21615 5.92017 2.92475 4.83438C3.63335 3.74858 4.64051 2.90231 5.81888 2.40257C6.99724 1.90284 8.29388 1.77208 9.54482 2.02685C10.7958 2.28161 11.9448 2.91045 12.8467 3.83384C13.7486 4.75723 14.3628 5.93371 14.6116 7.21449C14.8604 8.49527 14.7327 9.82283 14.2446 11.0293C13.7565 12.2358 12.93 13.267 11.8695 13.9925C10.809 14.718 9.56217 15.1052 8.28672 15.1052C6.57704 15.103 4.93799 14.4067 3.72907 13.169C2.52014 11.9312 1.84004 10.2531 1.83793 8.50259Z" 691 fill="#111111" /> 692 </svg></button></form></div> 693 694 695 696 <div class="header-btn-wrapper flex flex_align-center"> 697 698 699 700 701 702 703 <!-- The wishlist button - only shows if customer login feature is active --> 704 <a href="/account/wishlist" class="header-btn" id="headerWishlist"> 705 <svg width="20" height="18" viewBox="0 0 20 18" xmlns="https://www.w3.org/2000/svg"> 706 <path d="M9.71578 18L8.54237 16.9439C6.85267 15.395 5.46023 14.0613 4.36506 12.9426C3.26988 11.824 2.39765 10.8227 1.74837 9.93872C1.09909 9.05476 0.645371 8.24902 0.387223 7.52151C0.129074 6.794 0 6.05476 0 5.30378C0 3.80183 0.504563 2.54237 1.51369 1.52542C2.52282 0.508475 3.77053 0 5.25684 0C6.14863 0 6.97001 0.199478 7.72099 0.598435C8.47197 0.997392 9.1369 1.58018 9.71578 2.34681C10.4042 1.53325 11.1082 0.938722 11.8279 0.563233C12.5476 0.187744 13.3299 0 14.1747 0C15.6767 0 16.9361 0.508475 17.9531 1.52542C18.97 2.54237 19.4785 3.80183 19.4785 5.30378C19.4785 6.05476 19.3494 6.79009 19.0913 7.50978C18.8331 8.22946 18.3794 9.03129 17.7301 9.91525C17.0808 10.7992 16.2047 11.8044 15.1017 12.9309C13.9987 14.0574 12.6102 15.395 10.9361 16.9439L9.71578 18ZM9.71578 15.5593C11.296 14.1043 12.5945 12.8605 13.6115 11.8279C14.6284 10.7953 15.4342 9.8957 16.0287 9.12907C16.6232 8.36245 17.0339 7.67797 17.2608 7.07562C17.4876 6.47327 17.601 5.88266 17.601 5.30378C17.601 4.30248 17.2842 3.4811 16.6506 2.83963C16.0169 2.19817 15.1995 1.87744 14.1982 1.87744C13.4159 1.87744 12.6884 2.12386 12.0156 2.61669C11.3429 3.10952 10.7953 3.80183 10.3729 4.69361H9.08214C8.67536 3.81747 8.13168 3.12907 7.45111 2.62842C6.77053 2.12777 6.03911 1.87744 5.25684 1.87744C4.27119 1.87744 3.46154 2.19817 2.8279 2.83963C2.19426 3.4811 1.87744 4.30248 1.87744 5.30378C1.87744 5.8983 1.99478 6.50065 2.22947 7.11082C2.46415 7.72099 2.87875 8.41721 3.47327 9.19948C4.0678 9.98175 4.87353 10.8814 5.89048 11.8983C6.90743 12.9153 8.18253 14.1356 9.71578 15.5593V15.5593Z"/> 707 </svg> 708 </a> 709 <style> 710 @media screen and (max-width: 949px) and (min-width: 768px) { 711 header .header-search-bar { 712 max-width: 265px !important; 713 } 714 } 715 @media screen and (max-width: 1048px) and (min-width: 950px) { 716 header .header-search-bar { 717 max-width: 450px !important; 718 } 719 } 720 @media only screen and (min-width: 989px){ 721 header > .container { 722 grid-template-columns: 225px 1fr 225px; 723 } 724 } 725 @media screen and (min-width: 1049px) { 726 header .header-search-bar { 727 max-width: 550px !important; 728 } 729 } 730 </style> 731 732 733 734 735 <!-- The account login button - only shows if feature is active --> 736 <a href="/account/login" class="header-btn "> 737 <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 19.738 19.738;" xml:space="preserve"> <g> <path d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" /> <path d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" /> </g> </svg> 738 </a> 739 740 741 <div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger"> 742 <svg xmlns="https://www.w3.org/2000/svg" width="21.429" height="19.949" viewBox="0 0 21.429 19.949"> <path class="a" d="M16.38,14.984a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,16.38,14.984Zm-8,0a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,8.384,14.984Zm8,1.58a.9.9,0,1,0,.914.9A.9.9,0,0,0,16.38,16.564Zm-8,0a.9.9,0,1,0,.914.9A.9.9,0,0,0,8.384,16.564ZM2.924,0A1.257,1.257,0,0,1,4.089.835V.88l.685,2.527H20.333a1.085,1.085,0,0,1,1.074,1.309v.045l-2.193,8.192a1.218,1.218,0,0,1-1.119.88H6.625A1.227,1.227,0,0,1,5.46,13l-.023-.045L2.444,1.805H0V0ZM19.373,5.213H5.255l1.828,6.815H17.568Z" /> </svg> 743 744 <!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><p class="trade-login-hide"><span id="ekm_minicart_total_sub">£0.00</span></p> 745 746 <!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><span id="ekm_minicart_item_count_message" data-cart-empty="" data-cart-one-item="<span class="cart-btn-item-count"><span id="ekm_minicart_item_count">0</span></span><!-- /.cart-btn-item-count -->" data-cart-many-items="<span class="cart-btn-item-count"><span id="ekm_minicart_item_count">0</span></span><!-- /.cart-btn-item-count -->" data-item-count-type="item"></span> 747 748 </div> 749 750 <div class="minicart-popout trade-login-hide"> 751 752 <!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--> 753 <div class="minicart-header"> 754 <p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p> 755 </div> 756 757 758 759 760 761 <div class="minicart-item-wrapper"> 762 <!--ekm:tag:minicart:onaddtocartcallback(cartAddedFunction) ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(15) ekm:tag:minicart:imageheight(100) ekm:tag:minicart:imagewidth(100) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start( 763 <div class="
763minicart-grid"> 764 <div style="text-align: center;">[product_image]</div> 765 <div> 766 <p>[product_name_link]</p> 767 <p>Quantity: [product_qty]</p> 768 <p>[product_price]</p> 769 </div> 770 </div> 771 ) --><!--ekm:tag:minicart:output_content:end()--> 772 </div> 773 <div class="minicart-product-urgency minicart-product-urgency-free-delivery"> 774 775 </div> 776 777 <div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between"> 778 <p>Discounts: </p> 779 <p>-<span id="ekm_minicart_total_discount">£0.00</span></p> 780 </div> 781 <div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between"> 782 <p>Tax: </p> 783 <p><span id="ekm_minicart_total_tax">£0.00</span></p> 784 </div> 785 <div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between"> 786 <p>Delivery: </p> 787 <p><span id="ekm_minicart_total_delivery">£0.00</span></p> 788 </div> 789 <div class="minicart-total flex flex_align-center flex_space-between"> 790 <p>Total: </p> 791 <p><span id="ekm_minicart_total">£0.00</span></p> 792 </div> 793 <div class="minicart-footer flex "> 794 <span class="view-cart"><a href="index.asp?function=CART">View Cart</a></span> 795 <span class="checkout"><a href="https://www.devereyarns.co.uk/index.asp?function=CHECKOUT&uid=1844034F-3ECA-4722-9572-4EE08ED7A4EB">Checkout</a></span> 796 </div> 797 798 799</div> 800 801 </div> 802 </div> 803 804 805</header> 806 807 808<nav class="main_nav 809" 810 811 data-mode="main-nav-showing" 812 813> 814<div class="container" > 815 816 817 818 <ul class=" 819 primary-nav 820 flex 821 822 flex_justify-center 823 824 no-images 825 "> 826 827 828 <li class="flex has-children " 829 > 830 831 832 833 834 835 836 837 838 839 840 <div class="flex flex_align-center flex_space-between"> 841 842 843 844 <p>Embroidery Threads</p> 845 846 847 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 848 <path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" /> 849 </svg> 850 851 852 </div> 853 854 <div class="subnav-grid-wrapper" data-nav-level="1"> 855 <div class="container"> 856 <div class="subnav-grid_mobile-menu" > 857 <p class="close_subcat"> 858 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg> 859 <span>Back</span></p> 860 <p class="prev-cat-name">Embroidery Threads</p> 861 </div> 862 <ul class="subnav-grid"> 863 864 <li > 865 866 867 868 869 <!-- Outputs a standard link if there is no sub categories at level 1 --> 870 <a href="embroidery-thread---silk-42-c.asp">Embroidery Thread - Silk</a> 871 872 873 874 875 876 </li> 877 878 879 <li > 880 881 882 883 884 <!-- Outputs a standard link if there is no sub categories at level 1 --> 885 <a href="embroidery-thread---cotton-64-c.asp">Embroidery Thread - Cotton</a> 886 887 888 889 890 891 </li> 892 893 894 <li > 895 896 897 898 899 <!-- Outputs a standard link if there is no sub categories at level 1 --> 900 <a href="embroidery-thread---worsted-wool-24-c.asp">Embroidery Thread - Worsted Wool</a> 901 902 903 904 905 906 </li> 907 908 909 <li > 910 911 912 913 914 <!-- Outputs a standard link if there is no sub categories at level 1 --> 915 <a href="embroidery-thread---metallic-32-c.asp">Embroidery Thread - Metallic</a> 916 917 918 919 920 921 </li> 922 923 924 <li > 925 926 927 928 929 <!-- Outputs a standard link if there is no sub categories at level 1 --> 930 <a href="chenille-90-c.asp">Chenille</a> 931 932 933 934 935 936 </li> 937 938 939 <li> 940 <a href="embroidery-threads-124-c.asp" title="[name]"> 941 942 943 944 View all Embroidery Threads 945 946 </a> 947 </li> 948 949 </ul> 950 </div> 951 </div>
952 <!-- end of subnav-grid-wrapper --> 953 954 </li> 955 956 957 <li > 958 959 960 961 962 963 <a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card"> 964 965 </a> 966 967 968 969 970 <div class="flex flex_align-center flex_space-between"> 971 972 973 <a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">Shade Cards & Quality Card</a> 974 975 976 977 </div> 978 979 </li> 980 981 982 <li class="flex has-children " 983 > 984 985 986 987 988 989 990 991 992 993 994 <div class="flex flex_align-center flex_space-between"> 995 996 997 998 <p>Colour Packs</p> 999 1000 1001 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1002 <path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" /> 1003 </svg> 1004 1005 1006 </div> 1007 1008 <div class="subnav-grid-wrapper" data-nav-level="1"> 1009 <div class="container"> 1010 <div class="subnav-grid_mobile-menu" > 1011 <p class="close_subcat"> 1012 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg> 1013 <span>Back</span></p> 1014 <p class="prev-cat-name">Colour Packs</p> 1015 </div> 1016 <ul class="subnav-grid"> 1017 1018 <li > 1019 1020 1021 1022 1023 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1024 <a href="collecting-all-sorts-colour-packs-127-c.asp">'Collecting All sorts' Colour Packs</a> 1025 1026 1027 1028 1029 1030 </li> 1031 1032 1033 <li > 1034 1035 1036 1037 1038 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1039 <a href="6-thread-silk-colour-packs-96-c.asp">6 Thread Silk Colour packs</a> 1040 1041 1042 1043 1044 1045 </li> 1046 1047 1048 <li > 1049 1050 1051 1052 1053 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1054 <a href="shop-shade-card-colour-packs-by-row-173-c.asp">Shop: Shade card colour packs by row</a> 1055 1056 1057 1058 1059 1060 </li> 1061 1062 1063 <li > 1064 1065 1066 1067 1068 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1069 <a href="worsted-wool-colour-packs-145-c.asp">Worsted Wool colour packs</a> 1070 1071 1072 1073 1074 1075 </li> 1076 1077 1078 <li> 1079 <a href="colour-packs-120-c.asp" title="[name]"> 1080 1081 1082 1083 View all Colour Packs 1084 1085 </a> 1086 </li> 1087 1088 </ul> 1089 </div> 1090 </div> 1091 <!-- end of subnav-grid-wrapper --> 1092 1093 </li> 1094 1095 1096 <li class="flex has-children " 1097 > 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 <div class="flex flex_align-center flex_space-between"> 1109 1110 1111 1112 <p>Weaving Yarns</p> 1113 1114 1115 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1116 <path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" /> 1117 </svg> 1118 1119 1120 </div> 1121
1122 <div class="subnav-grid-wrapper" data-nav-level="1"> 1123 <div class="container"> 1124 <div class="subnav-grid_mobile-menu" > 1125 <p class="close_subcat"> 1126 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg> 1127 <span>Back</span></p> 1128 <p class="prev-cat-name">Weaving Yarns</p> 1129 </div> 1130 <ul class="subnav-grid"> 1131 1132 <li > 1133 1134 1135 1136 1137 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1138 <a href="isacord-126-c.asp">ISACORD</a> 1139 1140 1141 1142 1143 1144 </li> 1145 1146 1147 <li > 1148 1149 1150 1151 1152 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1153 <a href="silk-18-c.asp">Silk</a> 1154 1155 1156 1157 1158 1159 </li> 1160 1161 1162 <li > 1163 1164 1165 1166 1167 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1168 <a href="wool--worsted-wool-22-c.asp">Wool & Worsted Wool</a> 1169 1170 1171 1172 1173 1174 </li> 1175 1176 1177 <li > 1178 1179 1180 1181 1182 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1183 <a href="cottons-19-c.asp">Cottons</a> 1184 1185 1186 1187 1188 1189 </li> 1190 1191 1192 <li > 1193 1194 1195 1196 1197 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1198 <a href="chenille-90-c.asp">Chenille</a> 1199 1200 1201 1202 1203 1204 </li> 1205 1206 1207 <li > 1208 1209 1210 1211 1212 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1213 <a href="linen-viscose-flax-21-c.asp">Linen, Viscose, Flax</a> 1214 1215 1216 1217 1218 1219 </li> 1220 1221 1222 <li > 1223 1224 1225 1226 1227 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1228 <a href="metallic-yarns-23-c.asp">Metallic yarns</a> 1229 1230 1231 1232 1233 1234 </li> 1235 1236 1237 <li> 1238 <a href="weaving-yarns-2-c.asp" title="[name]"> 1239 1240 1241 1242 View all Weaving Yarns 1243 1244 </a> 1245 </li> 1246 1247 </ul> 1248 </div> 1249 </div> 1250 <!-- end of subnav-grid-wrapper --> 1251 1252 </li> 1253 1254 1255 <li > 1256 1257 1258 1259 1260 1261 <a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies"> 1262 1263 </a> 1264 1265 1266 1267 1268 <div class="flex flex_align-center flex_space-between"> 1269 1270 1271 <a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">Silk Craft Fibres & Supplies</a> 1272 1273 1274 1275 </div> 1276 1277 </li> 1278 1279 1280 <li > 1281 1282 1283 1284 1285 1286 <a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards"> 1287 1288 </a> 1289 1290 1291 1292 1293 <div class="flex flex_align-center flex_space-between"> 1294 1295 1296 <a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">Digital Gift Cards</a> 1297 1298 1299 1300 </div> 1301 1302 </li> 1303 1304 1305 <li > 1306 1307 1308 1309 1310 1311 <a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving"> 1312 1313 </a> 1314 1315 1316 1317 1318 <div class="flex flex_align-center flex_space-between"> 1319 1320 1321 <a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">Protective cop sleeving</a> 1322 1323 1324 1325 </div> 1326 1327 </li> 1328 1329 1330 <li > 1331 1332 1333 1334 1335 1336 <a href="william-folliott-book-172-c.asp" title="William Folliott book"> 1337 1338 </a> 1339 1340 1341 1342 1343 <div class="flex flex_align-center flex_space-between"> 1344 1345 1346 <a href="william-folliott-book-172-c.asp" title="William Folliott book">William Folliott book</a> 1347 1348 1349 1350 </div> 1351 1352 </li> 1353 1354 1355 1356 1357 </ul> 1358 <!--<div class="more" >More</div>--> 1359 1360</div> 1361 1362<!-- 1363 NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP 1364 --> 1365 1366</nav> 1367 1368
1368<script> 1369 const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children') 1370 primary_nav_list_item.forEach(list_item => { 1371 list_item.classList.add("no-images"); 1372 list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images"); 1373 }) 1374 </script>
1374 1375 1376 1377</ekm-section> 1378<article class="main-content"> 1379 <ekm-section data-id="ekm-section-id-1" data-type="usp"> 1380 1381<!--Last Updated: 28/04/23--> 1382 1383 <style> 1384 .usp.usp-wrapper { 1385 background-color: #f5f5f5; 1386 } 1387 1388 :where(.usp-wrapper--one, .usp-wrapper--two) .container { 1389 display: -ms-grid; 1390 display: grid; 1391 -webkit-box-align: center; 1392 -ms-flex-align: center; 1393 align-items: center; 1394 grid-template-columns: 1fr; 1395 } 1396 :where(.usp-wrapper--one, .usp-wrapper--two) .container{ 1397 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 1398 } 1399 .usp-wrapper--one .container{ 1400 1401 padding: 0px; 1402 1403 1404 } 1405 1406 .usp-wrapper--three .container { 1407 display: grid; 1408 -ms-grid-columns: (minmax(255px, 1fr))[auto-fit]; 1409 grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); 1410 gap: 20px; 1411 } 1412 1413 .usp-wrapper--four .container { 1414 display: grid; 1415 -ms-grid-columns: (minmax(220px, 1fr))[auto-fit]; 1416 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 1417 gap: 20px; 1418 } 1419 1420 .usp-wrapper .usp-block { 1421 padding: 20px; 1422 } 1423 1424 .usp-wrapper--two .usp-block{ 1425 padding: 20px 0px; 1426 } 1427 1428 .usp-wrapper--three .usp-block{ 1429 padding: 20px 0px; 1430 } 1431 1432 .usp-wrapper--four .usp-block{ 1433 padding: 20px 0px; 1434 } 1435 .usp-block{ 1436 justify-content: center; 1437 1438 justify-content: center; 1439 1440 } 1441 .usp-block.flex_justify_center{ 1442 justify-content: center; 1443 } 1444 .usp-wrapper--one .usp-block img { 1445 width: 40px; 1446 1447 width: 30px; 1448 1449 height: auto; 1450 margin-right: 20px; 1451 } 1452 .usp-block img{ 1453 transition: transform 0.25s ease; 1454 } 1455 .usp-block:hover{ 1456 cursor: pointer; 1457 } 1458 .usp-block:hover img{ 1459 transform: scale(1.175); 1460 } 1461 .usp-block:hover p{ 1462 text-decoration: underline; 1463 } 1464 .usp-wrapper--two .usp-block img{ 1465 width: 40px; 1466 height: auto; 1467 margin-bottom: 20px; 1468 } 1469 .usp.usp-wrapper--two .usp-block{ 1470 1471 1472 text-align: center; 1473 1474 } 1475 1476 .usp-wrapper--three .usp-block img{ 1477 width: 40px; 1478 height: auto; 1479 margin-right: 20px; 1480 } 1481 1482 .usp-wrapper--four .usp-block img{ 1483 width: 40px; 1484 height: auto; 1485 margin-bottom: 20px; 1486 } 1487 1488 .usp.usp-wrapper .usp-block p { 1489 line-height: 1.5; 1490 color: #2b3d45; 1491 display: -webkit-box; 1492 -webkit-box-orient: vertical; 1493 overflow: hidden; 1494 } 1495 .usp-wrapper .usp-block p b { 1496 display: block; 1497 color: inherit; 1498 } 1499 .usp-wrapper .usp-block p strong { 1500 color: inherit; 1501 } 1502 1503 @media only screen and (min-width: 768px){ 1504 .usp.usp-wrapper { 1505 1506 } 1507 .usp-wrapper--two .usp-block{ 1508 padding: 20px; 1509 } 1510 .usp-wrapper--three .usp-block{ 1511 padding: 20px; 1512 } 1513 .usp-wrapper--four .usp-block{ 1514 padding: 20px; 1515 } 1516 .usp-wrapper--three .container { 1517 -ms-grid-columns: 1fr 1fr; 1518 grid-template-columns: 1fr 1fr; 1519 } 1520 .usp-wrapper--four .container { 1521 -ms-grid-columns: 1fr 1fr; 1522 grid-template-columns: 1fr 1fr; 1523 } 1524 } 1525 .splide__pagination { 1526 bottom: 0.6em; 1527 } 1528 1529 .splide__pagination__page.is-active { 1530 background: var(--primary_button_btn_bg); 1531 } 1532 .splide__pagination__page { 1533 background: rgb(0 0 0 / 28%); 1534 border-radius: 50%; 1535 height: 5px; 1536 margin: 4px; 1537 width: 5px; 1538 } 1539 </style> 1540 1541 1542
1542<script> 1543 document.addEventListener('DOMContentLoaded', function() { 1544 var splide = new Splide('.usp-slider', { 1545 rewind: true, 1546 rewindByDrag: true, 1547 arrows: false, 1548 snap: true, 1549 mediaQuery: 'min', 1550 autoplay: true, 1551 rewindSpeed: 1500, 1552 breakpoints: { 1553 1040: { 1554 perPage: 4, 1555 drag: false, 1556 gap: '0px', 1557 pagination: false, 1558 }, 1559 800: { 1560 perPage: 3, 1561 pagination: true, 1562 }, 1563 540: { 1564 perPage: 2, 1565 pagination: true, 1566 }, 1567 0: { 1568 perPage: 1, 1569 pagination: true, 1570 }, 1571 }, 1572 }); 1573 splide.mount(); 1574 }); 1575 </script>
1575 1576 1577 1578 1579 <section class="usp usp-wrapper usp-wrapper--one"> 1580 <div class="splide usp-slider container" id="uspslider1" role="group" aria-label="USP slider"> 1581 <div class="splide__track"> 1582 <div class="splide__list"> 1583 1584 1585 <div class="splide__slide usp-block flex flex_align-center" title="Small Family Run Business"> 1586 <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-01_1777282642.svg" alt="" role="presentation"> 1587 1588 <p><p>Small Family Run Business</p></p> 1589 1590 </div> 1591 1592 1593 1594 1595 <div class="splide__slide usp-block flex flex_align-center" title="High Quality Yarns" > 1596 <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-02_1777282650.svg" alt="" role="presentation" > 1597 </svg> 1598 1599 <p><p>High Quality Yarns</p></p> 1600 1601 </div> 1602 1603 1604 1605 1606 <div class="splide__slide usp-block flex flex_align-center" title="Specialising in silk thread" > 1607 <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-03_1777282657.svg" alt="" role="presentation" > 1608 1609 <p><p>Specialising in silk thread</p></p> 1610 1611 </div> 1612 1613 1614 1615 1616 <div class="splide__slide usp-block flex flex_align-center" title="Worldwide Shipping" > 1617 <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-04_1777282664.svg" alt="" role="presentation" > 1618 <div> 1619 1620 <p><p>Worldwide Shipping</p></p> 1621 1622 </div> 1623 </div> 1624 1625 1626 </div> 1627 </div> 1628 </div> 1629 </section> 1630
1631<script> 1632 let usp_design_one = document.querySelectorAll(".usp-wrapper--one .usp-block"); 1633 const usp_add_class = () => { 1634 if(usp_design_one.length == 1){ 1635 usp_design_one[0].classList.add("flex_justify_center") 1636 } 1637 } 1638 usp_add_class(); 1639</script>
1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651</ekm-section> 1652 1653<ekm-section data-id="ekm-section-id-2" data-type="image-banner"> 1654 1655<style> 1656.main-banner-block { 1657 position: relative; 1658 overflow: hidden; 1659} 1660 1661#ekm-image-banner .main-banner-block .main-banner-block__overlay { 1662 position: absolute; 1663 top: 0; 1664 left: 0; 1665 width: 100%; 1666 height: 100%; 1667 z-index: 1; 1668 opacity: 60%; 1669} 1670#ekm-image-banner .main-banner-block .main-banner-block__overlay.showing { 1671 background: #3b6072; 1672 1673 background: linear-gradient(to right, #3b6072 0%,rgba(255,255,255,0)); 1674 1675} 1676 1677#ekm-image-banner .main-banner-block::after { 1678 content: ""; 1679 display: none; 1680 width: 45%; 1681 background-color: ; 1682 height: 100%; 1683 position: absolute; 1684 top: 0; 1685 right: -10%; 1686 -webkit-transform: skewX(25deg); 1687 transform: skewX(25deg); 1688 z-index: 1; 1689 opacity:0.5; 1690} 1691 1692.main-banner-block .container { 1693 position: relative; 1694 z-index: 2; 1695 1696 flex-direction: column; 1697 1698 padding: 40px 20px; 1699} 1700 1701.main-banner-block .main-banner-block__text, .main-banner-block__text{ 1702 width: 100%; 1703 max-width: 400px; 1704 /*margin-right: 100px;*/ 1705 1706} 1707.main-banner-block .main-banner-block__text.extended{ 1708 max-width: 800px; 1709 /**/ 1710} 1711.main-banner-block__text.extended{ 1712 max-width: 800px; 1713} 1714 1715.main-banner-block__text.flex_align-center :is(h1, p){ 1716 text-align: center; 1717} 1718 1719.ekm-image-banner.banner-text-block { 1720 background-color: #ffffff; 1721 padding: 20px 0px; 1722 1723} 1724 1725.main-banner-block{ 1726 1727 1728} 1729 1730 1731#ekm-image-banner h1 { 1732 font-size: clamp(3rem, 2.5vw, 5rem); 1733 color: #ffffff; 1734 margin-bottom: 20px; 1735} 1736 1737 1738 1739#ekm-image-banner .main-banner-block p, .banner-text-block p { 1740 color: #ffffff; 1741 margin-bottom: 20px; 1742 font-size: 2.2rem; 1743 font-size: clamp(1.6rem, 2.5vw, 2.2rem); 1744} 1745 1746.main-banner-block .header-img { 1747 width: 90%; 1748 display: block; 1749 max-width: 425px; 1750 height: auto; 1751 1752 margin-top: 20px; 1753 1754} 1755.main-banner-block .main-banner-block__ctas .btn { 1756 margin-right: 10px; 1757} 1758#ekm-image-banner .main-banner-block .main-banner-block__ctas .theme-btn.no-bg{ 1759 color: #ffffff; 1760} 1761.header-banner{ 1762 overflow:hidden; 1763} 1764 1765.split-banner { 1766 display: grid; 1767 grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); 1768 grid-auto-flow: dense; 1769 max-width: 1920px; 1770 margin: 0 auto; 1771} 1772 1773#ekm-image-banner .main-banner-block{ 1774 background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=800') 1775} 1776 1777@media only screen and (min-width: 768px){ 1778 .main-banner-block{ 1779 min-height: 600px; 1780 max-height: 900px; 1781 1782 } 1783 1784 1785 1786 #banner-slider .main-banner-block{ 1787 min-height: auto; 1788 max-height: auto; 1789 } 1790 .main-banner-block .header-img { 1791 width: 100%; 1792 max-width: 500px; 1793 position: relative; 1794 right:0; 1795 max-height: 400px; 1796 object-fit: contain; 1797 } 1798 .main-banner-block .header-img{ 1799 left: 0; 1800 } 1801 .main-banner-block .container { 1802 z-index: 2; 1803 flex-direction: row; 1804 padding: 20px; 1805 } 1806 #ekm-image-banner .main-banner-block{ 1807 background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=700') 1808 } 1809} 1810 1811@media only screen and (min-width: 850px){ 1812 1813} 1814 1815@media only screen and (min-width: 1024px){ 1816 .main-banner-block .header-img{ 1817 left: 0; 1818 } 1819 #ekm-image-banner .main-banner-block{ 1820 background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=1000') 1821 } 1822} 1823 1824 1825 1826 1827</style> 1828 1829 1830 <div id="ekm-image-banner" class="header-banner"> 1831 <div class="ekm-image-banner main-banner-block cover-center-bg flex flex_align-center" > 1832 <div class="main-banner-block__overlay showing"> 1833 <div class="overlay-slash"></div> 1834 </div> 1835 <div class="container flex flex_space-between flex_align-center "> 1836 <div class="main-banner-block__text extended "> 1837 <h1>We are closed for a family wedding</h1> 1838 <p>19th August - 24th August - All orders will be processed on our return on a first come order basis. Thank y
1838ou so much for your understanding</p> 1839 <div class="main-banner-block__ctas"> 1840 1841 <a href="embroidery-threads-124-c.asp" class="theme-btn"> 1842 Shop Now 1843 </a> 1844 1845 1846 </div> 1847 </div> 1848 1849 </div> 1850 </div> 1851 </div> 1852 1853 1854 1855 1856 1857 1858</ekm-section> 1859 1860<ekm-section data-id="ekm-section-id-3" data-type="promo-3up"> 1861 1862<style> 1863 .ekm-3up-promo-wrapper { 1864 display: -ms-grid; 1865 display: grid; 1866 -webkit-box-align: center; 1867 -ms-flex-align: center; 1868 align-items: center; 1869 -ms-grid-columns: (minmax(280px, 1fr))[auto-fit]; 1870 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 1871 gap: 20px; 1872 padding: 70px 20px; 1873 } 1874 .ekm-promo-3up .promo-box-wrapper{ 1875 padding: 20px; 1876 min-height: 300px; 1877 overflow: hidden; 1878 flex-direction: column; 1879 position: relative; 1880 align-items: flex-start; 1881 } 1882 .ekm-promo-3up .promo-box-wrapper.center{ 1883 align-items: center; 1884 } 1885 .ekm-promo-3up .ekm-promo-box-content.center{ 1886 align-items:left; 1887 } 1888 .ekm-promo-3up .ekm-promo-box-content.right{ 1889 align-items: flex-end; 1890 } 1891 .ekm-promo-3up .promo-box-wrapper.right{ 1892 align-items: flex-end; 1893 } 1894 .ekm-promo-3up .promo-box-wrapper.one{ 1895 background-color: #3b6072 ; 1896 } 1897 .ekm-promo-3up .promo-box-wrapper.has_bg.one{ 1898 background-image: url(' https://files.ekmcdn.com/devereyarns-sandbox/resources/design/1Promoimg_1777278936.png'); 1899 } 1900 .ekm-promo-3up .promo-box-wrapper.two{ 1901 background-color: #3b6072; 1902 } 1903 .ekm-promo-3up .promo-box-wrapper.has_bg.two{ 1904 background-image: url(' https://files.ekmcdn.com/devereyarns/resources/design/new_shade_card_2026_1773309879.png'); 1905 } 1906 .ekm-promo-3up .promo-box-wrapper.three{ 1907 background-color: #3b6072; 1908 } 1909 .ekm-promo-3up .promo-box-wrapper.has_bg.three{ 1910 background-image: url(' https://files.ekmcdn.com/devereyarns-sandbox/resources/design/Promo3img_1777278423.png'); 1911 } 1912 .ekm-promo-3up .promo-box-wrapper.one h2, .ekm-promo-3up .promo-box-wrapper.one p{ 1913 color: #ffffff ; 1914 } 1915 .ekm-promo-3up .promo-box-wrapper.two h2, .ekm-promo-3up .promo-box-wrapper.two p{ 1916 color: #ffffff ; 1917 } 1918 .ekm-promo-3up .promo-box-wrapper.three h2, .ekm-promo-3up .promo-box-wrapper.three p{ 1919 color: #ffffff ; 1920 } 1921 1922 .ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-bg-image { 1923 background: #3b6072; 1924 background: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/1Promoimg_1777278936.png'); 1925 } 1926 .ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-bg-image { 1927 background: #3b6072; 1928 background: url('https://files.ekmcdn.com/devereyarns/resources/design/new_shade_card_2026_1773309879.png'); 1929 } 1930 .ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-bg-image { 1931 background: #3b6072; 1932 background: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/Promo3img_1777278423.png'); 1933 } 1934 1935 .ekm-promo-3up .ekm-promo-box-wrapper:is(.promo_one, .promo_two, .promo_three) .ekm-promo-box-bg-image { 1936 height: auto; 1937 background-size: cover; 1938 background-position: center; 1939 aspect-ratio: 13 / 7; 1940 1941 align-self: flex-start; 1942 } 1943 1944 .ekm-promo-3up .ekm-promo-box-wrapper.promo_one { 1945 background-color: #3b6072 ; 1946 } 1947 .ekm-promo-3up .ekm-promo-box-wrapper.promo_two { 1948 background-color: #3b6072 ; 1949 } 1950 .ekm-promo-3up .ekm-promo-box-wrapper.promo_three { 1951 background-color: #3b6072 ; 1952 } 1953 .ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-content h2 { 1954 color: #ffffff; 1955 } 1956 .ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-content p { 1957 color: #ffffff; 1958 } 1959 .ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-content h2 { 1960 color: #ffffff; 1961 } 1962 .ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-content p { 1963 color: #ffffff; 1964 } 1965 .ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-content h2 { 1966 color: #ffffff; 1967 } 1968 .ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-content p { 1969 color: #ffffff; 1970 } 1971 1972 .promo-box-wrapper :is(h2, p){ 1973 margin-bottom: 1rem; 1974 position: relative;
1975 z-index: 2; 1976 max-width: 335px; 1977 } 1978 .promo-box-wrapper h2{ 1979 max-width:225px; 1980 line-height: 1.5; 1981 } 1982 .promo-box-wrapper a{ 1983 z-index: 1; 1984 } 1985 .ekm-promo-3up .promo-box-wrapper.center :is(h2, p){ 1986 text-align: center; 1987 } 1988 .ekm-promo-3up .promo-box-wrapper.right :is(h2, p){ 1989 text-align: right; 1990 } 1991 .promo-box-wrapper > img { 1992 position: absolute; 1993 height: 90%; 1994 right: -7%; 1995 transition: all 0.3s ease; 1996 max-width: 250px; 1997 object-fit: contain; 1998 } 1999 2000 .ekm-promo-box-wrapper .ekm-promo-box-content { 2001 padding: 0rem 2rem 2rem !important; 2002 } 2003 2004 2005 2006 2007 2008 2009 2010 .ekm-promo-3up .promo-box-wrapper.promo-one.grid-content-overlay:before { 2011 content: ""; 2012 height: 100%; 2013 left: 0; 2014 position: absolute; 2015 top: 0; 2016 width: 100%; 2017 } 2018 .ekm-promo-3up .promo-box-wrapper.promo-two.grid-content-overlay:before { 2019 content: ""; 2020 height: 100%; 2021 left: 0; 2022 position: absolute; 2023 top: 0; 2024 width: 100%; 2025 } 2026 .ekm-promo-3up .promo-box-wrapper.promo-three.grid-content-overlay:before { 2027 content: ""; 2028 height: 100%; 2029 left: 0; 2030 position: absolute; 2031 top: 0; 2032 width: 100%; 2033 } 2034 2035 @media screen and (max-width:919px) { 2036 .promo-box-wrapper:nth-of-type(3){ 2037 grid-column: 1 / -1; 2038 } 2039 } 2040 @media screen and (max-width:979px) { 2041 .ekm-promo-box-wrapper.promo_three.grid.grid--two.grid-1-col.flex_align-center:nth-of-type(3){ 2042 grid-column: 1 / -1; 2043 } 2044 } 2045 2046 @media only screen and (min-width: 1024px){ 2047 .promo-box-wrapper > img { 2048 right: -15%; 2049 } 2050 .promo-box-wrapper:hover > img { 2051 position: absolute; 2052 height: 90%; 2053 right: -7%; 2054 } 2055 } 2056</style> 2057 2058 2059 2060 2061 2062 <section class="container ekm-3up-promo-wrapper ekm-promo-3up"> 2063 <div class="grid promo-grid-3-fixed grid-btm-gap"> 2064 <div class="ekm-promo-box-wrapper promo_one grid grid--two grid-1-col flex_align-center "> 2065 <div class="ekm-promo-box-bg-image ekm-promo-box-bg-image--fixed-height"></div> 2066 <div class="ekm-promo-box-content left"> 2067 <h2 class="ekm-promo-box-header">Embroidery Threads</h2> 2068 <p class="ekm-promo-box-text">Shop silk, cotton, wool, metallic, and chenille embroidery threads for all stitching projects.</p> 2069 <a class="theme-btn" href="embroidery-threads-124-c.asp" >Shop now</a> 2070 </div> 2071 </div> 2072 <div class="ekm-promo-box-wrapper promo_two grid grid--two grid-1-col flex_align-center "> 2073 <div class="ekm-promo-box-bg-image ekm-promo-box-bg-image--fixed-height"></div> 2074 <div class="ekm-promo-box-content left"> 2075 <h2 class="ekm-promo-box-header">Shade Cards</h2> 2076 <p class="ekm-promo-box-text">Explore silk, wool, and chenille shade cards with real thread samples to see and feel colours.</p> 2077 <a class="theme-btn" href="shade-cards--quality-card-28-c.asp" >Shop now</a> 2078 </div> 2079 </div> 2080 <div class="ekm-promo-box-wrapper promo_three grid grid--two grid-1-col flex_align-center "> 2081 <div class="ekm-promo-box-bg-image ekm-promo-box-bg-image--fixed-height"></div> 2082 <div class="ekm-promo-box-content left"> 2083 <h2 class="ekm-promo-box-header">Weaving Yarns</h2> 2084 <p class="ekm-promo-box-text">Browse dyed and natural weaving yarns in silk, wool, cotton, chenille, linen, and flax fibres.</p> 2085 <a class="theme-btn" href="weaving-yarns-2-c.asp" >Shop now</a> 2086 </div> 2087 </div> 2088 </div> 2089 </section> 2090 2091
2092<script defer> 2093 is_promo_section_active = true; 2094</script>
2094 2095 2096</ekm-section> 2097 2098<ekm-section data-id="ekm-section-id-4" data-type="homepage-products"> 2099<style> 2100/*LAST UPDATED : 19/07/2022*/ 2101.product-scroll-wrapper.ekm-homepage-products { 2102 background-color: #f5f5f5; 2103 padding: 40px 20px; 2104} 2105 2106@media only screen and (min-width: 768px) { 2107 .product-grid-wrapper.ekm-homepage-products { 2108 background-color: #f5f5f5; 2109 padding: 40px 20px; 2110 } 2111 .product-scroll-wrapper.ekm-homepage-products { 2112 background-color: #f5f5f5; 2113 padding: 40px 20px; 2114 } 2115 .aerial-product-item { 2116 width: 100%; 2117 background-color: white; 2118 padding: 10px; 2119 box-shadow: 3px 6px 6px rgba(0,0,0,0); 2120 transition: all 0.35s ease; 2121 } 2122 .aerial-product-item:hover{ 2123 box-shadow: 3px 6px 6px rgba(0,0,0,0.16); 2124 transform: translateY(-5px); 2125 } 2126} 2127#slider-homepage-products .sub-title.ekm-homepage-products{ 2128 color: #333333; 2129 margin-right: 85px; 2130} 2131#grid-homepage-products .sub-title.ekm-homepage-products{ 2132 color: #333333; 2133} 2134.splide__arrows{ 2135 display: flex; 2136 position: absolute; 2137 top: -47px; 2138 right: 0; 2139} 2140.splide__arrow{ 2141 all: initial; 2142 background-color: #232323; 2143 height: 32.5px; 2144 width: 32.5px; 2145 border-radius: 5px; 2146 margin-left: 5px; 2147 display: flex; 2148 align-items: center; 2149 justify-content: center; 2150 transition: all 0.25s ease; 2151 border-radius: var(--btn-border-radius); 2152} 2153.splide__arrow:hover{ 2154 opacity: 0.7; 2155} 2156.splide__arrow svg{ 2157 fill: #FFF; 2158} 2159 2160</style> 2161 2162<section class="product-scroll-wrapper ekm-homepage-products 2163"> 2164<div id="slider-homepage-products"> 2165 2166 <div class="container"> 2167 2168 <h2 class="sub-title m-20 ekm-homepage-products">Featured Products</h2> 2169 2170 2171 <div class="product-scroll"> 2172 <div class="splide product-slider" > 2173 <div class="splide__track"> 2174 <div class="splide__list"> 2175 <!--ekm-output-start--> 2176 <div class="aerial-product-item flex flex_col splide__slide quickview-parent"> 2177 <div class="aerial-product-item_header"> 2178 <a href="collecting-allsorts-blue-colour-pack-7773-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" > 2179 2180 2181 <img class="lazy_load" decoding="async" src=" 2182 2183 //themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF 2184 2185 " 2186 data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-blue-colour-pack--7773-p.jpg?w=400&h=400&v=9F405306-6BB3-426D-B9A0-BDB9CBAB2F50" alt="Collecting Allsorts 'Blue Colour Pack'" /> 2187 2188 2189 2190 </a> 2191 </div> 2192 <div class="aerial-product-item_body"> 2193 2194 2195 <p class="stock-indicator ">Item in Stock</p> 2196 2197 2198 <h3 class="product-name"><a href="collecting-allsorts-blue-colour-pack-7773-p.asp">Collecting Allsorts 'Blue Colour Pack'</a></h3> 2199 2200 <div class="aerial-product-item_review flex flex_align-center"> 2201 <div class="rating-wrapper"> 2202 <div class="bottom-layer"> 2203 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2204 <path 2205 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2206 fill-opacity="0.2" /> 2207 <path 2208 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2209 fill-opacity="0.2" /> 2210 <path 2211 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2212 fill-opacity="0.2" /> 2213 <path 2214 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2215 fill-opacity="0.2" /> 2216 <path 2217 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2218 fill-opacity="0.2" /> 2219 </svg> 2220 </div> 2221 <div class="top-layer" data-rating=""> 2222 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2223 <path 2224 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2225 /> 2226 <path 2227 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2228 /> 2229 <path 2230 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
22306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2231 /> 2232 <path 2233 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2234 /> 2235 <path 2236 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2237 /> 2238 </svg> 2239 </div> 2240 </div> 2241 <p> 2242 0 review(s)</p> 2243 </div> 2244 2245 <!--END OF CUSTOMER REVIEW STARS--> 2246 </div> 2247 2248 2249 <div class="aerial-product-item_footer"> 2250 <div class=" flex flex_align-center flex_space-between trade-login-hide"> 2251 <p class="aerial-product-item_price"> 2252 <span class="vat-price-wrapper">£17.40 inc. VAT</span> 2253 £14.50 2254 </p> 2255 <p class="aerial-product-item_price--rpp"></p> 2256 </div> 2257 2258 </div> 2259 2260 2261 2262 <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" > 2263 2264 2265 <a href="index.asp?function=CART&mode=ADD&productid=7773" class="quickview-btn options_cta" >Add to cart</a> 2266 2267 2268 <div class="qv-btn"><a href="#" data-ekm-quick-view="7773">Quickview</a></div> 2269 </div> 2270 2271 2272 2273 2274 </div> 2275 2276 <div class="aerial-product-item flex flex_col splide__slide quickview-parent"> 2277 <div class="aerial-product-item_header"> 2278 <a href="collecting-allsorts-pink-colour-pack-7771-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" > 2279 2280 2281 <img class="lazy_load" decoding="async" src=" 2282 2283 //themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF 2284 2285 " 2286 data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-pink-colour-pack--7771-1-p.jpg?w=400&h=400&v=515BEEFF-02D5-4875-B778-ED6C69ED2F18" alt="Collecting Allsorts 'Pink Colour Pack'" /> 2287 2288 2289 2290 </a> 2291 </div> 2292 <div class="aerial-product-item_body"> 2293 2294 2295 <p class="stock-indicator ">Item in Stock</p> 2296 2297 2298 <h3 class="product-name"><a href="collecting-allsorts-pink-colour-pack-7771-p.asp">Collecting Allsorts 'Pink Colour Pack'</a></h3> 2299 2300 <div class="aerial-product-item_review flex flex_align-center"> 2301 <div class="rating-wrapper"> 2302 <div class="bottom-layer"> 2303 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2304 <path 2305 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2306 fill-opacity="0.2" /> 2307 <path 2308 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2309 fill-opacity="0.2" /> 2310 <path 2311 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2312 fill-opacity="0.2" /> 2313 <path 2314 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2315 fill-opacity="0.2" /> 2316 <path 2317 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2318 fill-opacity="0.2" /> 2319 </svg> 2320 </div> 2321 <div class="top-layer" data-rating=""> 2322 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2323 <path 2324 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2325 /> 2326 <path 2327 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2328 /> 2329 <path 2330 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
23306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2331 /> 2332 <path 2333 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2334 /> 2335 <path 2336 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2337 /> 2338 </svg> 2339 </div> 2340 </div> 2341 <p> 2342 0 review(s)</p> 2343 </div> 2344 2345 <!--END OF CUSTOMER REVIEW STARS--> 2346 </div> 2347 2348 2349 <div class="aerial-product-item_footer"> 2350 <div class=" flex flex_align-center flex_space-between trade-login-hide"> 2351 <p class="aerial-product-item_price"> 2352 <span class="vat-price-wrapper">£17.40 inc. VAT</span> 2353 £14.50 2354 </p> 2355 <p class="aerial-product-item_price--rpp"></p> 2356 </div> 2357 2358 </div> 2359 2360 2361 2362 <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" > 2363 2364 2365 <a href="index.asp?function=CART&mode=ADD&productid=7771" class="quickview-btn options_cta" >Add to cart</a> 2366 2367 2368 <div class="qv-btn"><a href="#" data-ekm-quick-view="7771">Quickview</a></div> 2369 </div> 2370 2371 2372 2373 2374 </div> 2375 2376 <div class="aerial-product-item flex flex_col splide__slide quickview-parent"> 2377 <div class="aerial-product-item_header"> 2378 <a href="collecting-allsorts-purple-colour-pack-7772-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" > 2379 2380 2381 <img class="lazy_load" decoding="async" src=" 2382 2383 //themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF 2384 2385 " 2386 data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-purple-colour-pack--7772-p.jpg?w=400&h=400&v=891C8537-05B0-4348-ABD8-7537311852C3" alt="Collecting Allsorts 'Purple Colour Pack'" /> 2387 2388 2389 2390 </a> 2391 </div> 2392 <div class="aerial-product-item_body"> 2393 2394 2395 <p class="stock-indicator ">Item in Stock</p> 2396 2397 2398 <h3 class="product-name"><a href="collecting-allsorts-purple-colour-pack-7772-p.asp">Collecting Allsorts 'Purple Colour Pack'</a></h3> 2399 2400 <div class="aerial-product-item_review flex flex_align-center"> 2401 <div class="rating-wrapper"> 2402 <div class="bottom-layer"> 2403 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2404 <path 2405 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2406 fill-opacity="0.2" /> 2407 <path 2408 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2409 fill-opacity="0.2" /> 2410 <path 2411 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2412 fill-opacity="0.2" /> 2413 <path 2414 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2415 fill-opacity="0.2" /> 2416 <path 2417 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2418 fill-opacity="0.2" /> 2419 </svg> 2420 </div> 2421 <div class="top-layer" data-rating=""> 2422 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2423 <path 2424 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2425 /> 2426 <path 2427 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2428 /> 2429 <path 2430 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
24306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2431 /> 2432 <path 2433 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2434 /> 2435 <path 2436 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2437 /> 2438 </svg> 2439 </div> 2440 </div> 2441 <p> 2442 0 review(s)</p> 2443 </div> 2444 2445 <!--END OF CUSTOMER REVIEW STARS--> 2446 </div> 2447 2448 2449 <div class="aerial-product-item_footer"> 2450 <div class=" flex flex_align-center flex_space-between trade-login-hide"> 2451 <p class="aerial-product-item_price"> 2452 <span class="vat-price-wrapper">£17.40 inc. VAT</span> 2453 £14.50 2454 </p> 2455 <p class="aerial-product-item_price--rpp"></p> 2456 </div> 2457 2458 </div> 2459 2460 2461 2462 <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" > 2463 2464 2465 <a href="index.asp?function=CART&mode=ADD&productid=7772" class="quickview-btn options_cta" >Add to cart</a> 2466 2467 2468 <div class="qv-btn"><a href="#" data-ekm-quick-view="7772">Quickview</a></div> 2469 </div> 2470 2471 2472 2473 2474 </div> 2475 2476 <div class="aerial-product-item flex flex_col splide__slide quickview-parent"> 2477 <div class="aerial-product-item_header"> 2478 <a href="collecting-allsorts-turquoise-colour-pack-7777-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" > 2479 2480 2481 <img class="lazy_load" decoding="async" src=" 2482 2483 //themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF 2484 2485 " 2486 data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-turquoise-colour-pack--7777-p.jpg?w=400&h=400&v=1358BE60-0499-41C1-836C-406E10D46DF6" alt="Collecting Allsorts 'Turquoise Colour Pack'" /> 2487 2488 2489 2490 </a> 2491 </div> 2492 <div class="aerial-product-item_body"> 2493 2494 2495 <p class="stock-indicator ">Item in Stock</p> 2496 2497 2498 <h3 class="product-name"><a href="collecting-allsorts-turquoise-colour-pack-7777-p.asp">Collecting Allsorts 'Turquoise Colour Pack'</a></h3> 2499 2500 <div class="aerial-product-item_review flex flex_align-center"> 2501 <div class="rating-wrapper"> 2502 <div class="bottom-layer"> 2503 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2504 <path 2505 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2506 fill-opacity="0.2" /> 2507 <path 2508 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2509 fill-opacity="0.2" /> 2510 <path 2511 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2512 fill-opacity="0.2" /> 2513 <path 2514 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2515 fill-opacity="0.2" /> 2516 <path 2517 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2518 fill-opacity="0.2" /> 2519 </svg> 2520 </div> 2521 <div class="top-layer" data-rating=""> 2522 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2523 <path 2524 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2525 /> 2526 <path 2527 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2528 /> 2529 <path 2530 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
25306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2531 /> 2532 <path 2533 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2534 /> 2535 <path 2536 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2537 /> 2538 </svg> 2539 </div> 2540 </div> 2541 <p> 2542 0 review(s)</p> 2543 </div> 2544 2545 <!--END OF CUSTOMER REVIEW STARS--> 2546 </div> 2547 2548 2549 <div class="aerial-product-item_footer"> 2550 <div class=" flex flex_align-center flex_space-between trade-login-hide"> 2551 <p class="aerial-product-item_price"> 2552 <span class="vat-price-wrapper">£17.40 inc. VAT</span> 2553 £14.50 2554 </p> 2555 <p class="aerial-product-item_price--rpp"></p> 2556 </div> 2557 2558 </div> 2559 2560 2561 2562 <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" > 2563 2564 2565 <a href="index.asp?function=CART&mode=ADD&productid=7777" class="quickview-btn options_cta" >Add to cart</a> 2566 2567 2568 <div class="qv-btn"><a href="#" data-ekm-quick-view="7777">Quickview</a></div> 2569 </div> 2570 2571 2572 2573 2574 </div> 2575 2576 <div class="aerial-product-item flex flex_col splide__slide quickview-parent"> 2577 <div class="aerial-product-item_header"> 2578 <a href="pastel-palette-6972-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" > 2579 2580 2581 <img class="lazy_load" decoding="async" src=" 2582 2583 //themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF 2584 2585 " 2586 data-src="https://files.ekmcdn.com/devereyarns/images/pastel-palette-6972-p.jpg?w=400&h=400&v=afafdb4b-b4b3-45e2-b043-8780b18f59dc" alt="Pastel Palette" /> 2587 2588 2589 2590 </a> 2591 </div> 2592 <div class="aerial-product-item_body"> 2593 2594 2595 <p class="stock-indicator oos">Out of stock</p> 2596 2597 2598 <h3 class="product-name"><a href="pastel-palette-6972-p.asp">Pastel Palette</a></h3> 2599 2600 <div class="aerial-product-item_review flex flex_align-center"> 2601 <div class="rating-wrapper"> 2602 <div class="bottom-layer"> 2603 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2604 <path 2605 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2606 fill-opacity="0.2" /> 2607 <path 2608 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2609 fill-opacity="0.2" /> 2610 <path 2611 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2612 fill-opacity="0.2" /> 2613 <path 2614 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2615 fill-opacity="0.2" /> 2616 <path 2617 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2618 fill-opacity="0.2" /> 2619 </svg> 2620 </div> 2621 <div class="top-layer" data-rating=""> 2622 <svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg"> 2623 <path 2624 d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z" 2625 /> 2626 <path 2627 d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z" 2628 /> 2629 <path 2630 d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
26306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z" 2631 /> 2632 <path 2633 d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z" 2634 /> 2635 <path 2636 d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z" 2637 /> 2638 </svg> 2639 </div> 2640 </div> 2641 <p> 2642 0 review(s)</p> 2643 </div> 2644 2645 <!--END OF CUSTOMER REVIEW STARS--> 2646 </div> 2647 2648 2649 <div class="aerial-product-item_footer"> 2650 <div class=" flex flex_align-center flex_space-between trade-login-hide"> 2651 <p class="aerial-product-item_price"> 2652 <span class="vat-price-wrapper">£38.22 inc. VAT</span> 2653 £31.85 2654 </p> 2655 <p class="aerial-product-item_price--rpp"></p> 2656 </div> 2657 2658 </div> 2659 2660 2661 2662 2663 2664 2665 2666 2667 <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" 2668 2669 > 2670 2671 2672 <a href="pastel-palette-6972-p.asp" class="quickview-btn oos-btn" >Out of stock</a><!--/.quickview-btn oos-btn--> 2673 2674 2675 </div> 2676 2677 2678 </div> 2679 <!--ekm-output-end--> 2680 </div> 2681 </div> 2682 </div> 2683 </div> 2684 <!--end of product scroll--> 2685 </div> 2686 <!--end of container--> 2687</div> 2688 2689 2690 2691 2692</section> 2693 2694</ekm-section> 2695 2696<ekm-section data-id="ekm-section-id-5" data-type="text-and-image"> 2697 2698<style> 2699 .text-image-block-wrapper { 2700 display: -ms-grid; 2701 display: grid; 2702 -ms-grid-columns: 1fr; 2703 grid-template-columns: 1fr; 2704 -webkit-box-align: center; 2705 -ms-flex-align: center; 2706 align-items: center; 2707 gap: 40px; 2708 margin-bottom: 20px; 2709 } 2710 .text-block { 2711 max-width: 650px; 2712 width: 100%; 2713 } 2714 .text-image-block-wrapper--split { 2715 display: -ms-grid; 2716 display: grid; 2717 -ms-grid-columns: 1fr; 2718 grid-template-columns: 1fr; 2719 -webkit-box-align: center; 2720 -ms-flex-align: center; 2721 align-items: center; 2722 gap: 40px; 2723 margin-bottom: 20px; 2724 z-index: 1; 2725 position: relative; 2726 } 2727 .ekm-text-and-image.text-image-block-wrapper--contained { 2728 display: -ms-grid; 2729 display: grid; 2730 -ms-grid-columns: 1fr; 2731 grid-template-columns: 1fr; 2732 -webkit-box-align: center; 2733 -ms-flex-align: center; 2734 align-items: center; 2735 gap: 20px; 2736 margin-bottom: 20px; 2737 z-index: 1; 2738 position: relative; 2739 justify-content: center; 2740 text-align: center; 2741 2742 2743 2744 text-align: center; 2745 2746 } 2747 .ekm-text-and-image .text-image-block-wrapper--fullwidth { 2748 -ms-grid-columns: 1fr; 2749 grid-template-columns: 1fr; 2750 position: relative; 2751 2752 2753 2754 text-align: center; 2755 2756 } 2757 .text-image-block-wrapper img { 2758 width: 100%; 2759 -o-object-fit: cover; 2760 object-fit: cover; 2761 -o-object-position: center; 2762 object-position: center; 2763 height: 220px; 2764 } 2765 2766 .text-image-block-wrapper p { 2767 overflow-wrap: anywhere; 2768 font-weight: 400; 2769 } 2770 .text-image-block-wrapper__main-content{ 2771 padding: 20px 0 0 0; 2772 } 2773 .text-image-block-wrapper__main-content > p{ 2774 margin-bottom: 20px; 2775 } 2776 .text-image-block-wrapper__main-content--fullwidth{ 2777 padding: 20px 0; 2778 } 2779 .text-image-block-wrapper__main-content--contained{ 2780 padding: 20px 0; 2781 } 2782 .text-image-block-wrapper--one{ 2783 padding:40px 20px; 2784 } 2785 .heading-block h3 { 2786 padding-bottom: 10px; 2787 } 2788 .heading-block p { 2789 padding-bottom: 10px; 2790 } 2791 .text-image-block-wrapper.text-image-block-wrapper_reverse img{ 2792 grid-row: -1 / 1; 2793 } 2794 .ekm-text-and-image.about-section-bg{ 2795 background-image: url(https://files.ekmcdn.com/devereyarns-sandbox/resources/design/about-img_1719244266.png); 2796 2797 padding: 20px 0px; 2798 2799 2800 2801 background-attachment: scroll; 2802 2803 background-position: center; 2804 background-repeat: no-repeat; 2805 background-size: cover; 2806 position: relative; 2807 } 2808 2809 2810 .ekm-text-and-image.about-section-bg.hasoverlay::before { 2811 content:""; 2812 display: block; 2813 width: 100%; 2814 height: 100%; 2815 position: absolute; 2816 top: 0; 2817 left: 0; 2818 opacity: 100%; 2819 background:#ffffff; 2820 2821 } 2822 .ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) p { 2823 color: #333333; 2824 } 2825 .ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) h3 { 2826 color: #333333; 2827 } 2828 .ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper--fullwidth, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) .theme-btn { 2829 color: #FFFFFF; 2830 background-color: #d2ac6c; 2831 } 2832 2833 2834@media only screen and (min-width: 768px){ 2835 .text-image-block-wrapper { 2836 -ms-grid-columns: 1fr 1fr; 2837 grid-template-columns: 1fr 1fr; 2838 } 2839 .text-image-block-wrapper--one{ 2840 padding:60px 20px; 2841 } 2842 .text-image-block-wrapper--split { 2843 -ms-grid-columns: 1fr 3fr; 2844 grid-template-columns: 1fr 3fr; 2845 } 2846 .text-image-block-wrapper img { 2847 height: 400px; 2848 } 2849 .text-image-block-wrapper.text-image-block-wrapper_reverse { 2850 grid-auto-flow: column dense; 2851 -ms-grid-columns: 1fr 1fr; 2852 grid-template-columns: 1fr 1fr; 2853 gap: 40px; 2854 } 2855 2856 .text-image-block-wrapper.text-image-block-wrapper_reverse img { 2857 -ms-grid-column: 1; 2858 -ms-grid-column-span: 1; 2859 grid-column: 1 / 2; 2860 } 2861 .ekm-text-and-image.about-section-bg{ 2862 2863 padding: 50px 0px; 2864 2865 2866 2867 background-attachment: fixed; 2868 2869 } 2870 [data-browser="safari"] .ekm-text-and-image.about-section-bg{ 2871 background-attachment: inherit; 2872 } 2873 .ekm-text-and-image.text-image-block-wrapper--contained { 2874 -ms-grid-columns: .5fr; 2875 grid-template-columns: .5fr; 2876 } 2877} 2878 2879 2880</style> 2881 2882 <section class="ekm-text-and-image container text-image-block-wrapper text-image-block-wrapper_reverse text-image-block-wrapper--one"> 2883 <div class="text-block"> 2884 <h3>Welcome to DeVere Yarns</h3> 2885 2886 <div class="text-image-block-wrapper__main-content"> 2887 <p>Specialising in silk thread and weaving yarns for over 40 years, DeVere Yarns offers premium quality materials trusted by embroiderers and weavers alike. Our expertise ensures every thread delivers exceptional strength, colour vibrancy, and a smooth finish for both traditional and contemporary textile projects.</p><p>Our silk embroidery threads are available in over 300 rich shades and 6 different thicknesses, all carefully handmade here in the UK. Whether youâre working on detailed embroidery, hand weaving, or luxury textile design, our high quality silk threads provide the perfect balance of durability and elegance.</p> 2888 </div> 2889 2890 <a href="about-us-1-w.asp" class="theme-btn"> 2891 Read more 2892 </a> 2893 2894 </div> 2895 <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/about-img_1719244266.png" alt="" loading="lazy" decoding="async" > 2896 </section> 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906</ekm-section> 2907<ekm-section data-id="ekm-section-id-6" data-type="text-and-image"> 2908 2909<style> 2910 .text-image-block-wrapper { 2911 display: -ms-grid; 2912 display: grid; 2913 -ms-grid-columns: 1fr; 2914 grid-template-columns: 1fr; 2915 -webkit-box-align: center; 2916 -ms-flex-align: center; 2917 align-items: center; 2918 gap: 40px; 2919 margin-bottom: 20px; 2920 } 2921 .text-block { 2922 max-width: 650px; 2923 width: 100%; 2924 } 2925 .text-image-block-wrapper--split { 2926 display: -ms-grid; 2927 display: grid; 2928 -ms-grid-columns: 1fr; 2929 grid-template-columns: 1fr; 2930 -webkit-box-align: center; 2931 -ms-flex-align: center; 2932 align-items: center; 2933 gap: 40px; 2934 margin-bottom: 20px; 2935 z-index: 1; 2936 position: relative; 2937 } 2938 .ekm-5e04f77a8dbb8ab0.text-image-block-wrapper--contained { 2939 display: -ms-grid; 2940 display: grid; 2941 -ms-grid-columns: 1fr; 2942 grid-template-columns: 1fr; 2943 -webkit-box-align: center; 2944 -ms-flex-align: center; 2945 align-items: center; 2946 gap: 20px; 2947 margin-bottom: 20px; 2948 z-index: 1; 2949 position: relative; 2950 justify-content: center; 2951 text-align: center; 2952 2953 2954 2955 text-align: center; 2956 2957 } 2958 .ekm-5e04f77a8dbb8ab0 .text-image-block-wrapper--fullwidth { 2959 -ms-grid-columns: 1fr; 2960 grid-template-columns: 1fr; 2961 position: relative; 2962 2963 2964 2965 text-align: center; 2966 2967 } 2968 .text-image-block-wrapper img { 2969 width: 100%; 2970 -o-object-fit: cover; 2971 object-fit: cover; 2972 -o-object-position: center; 2973 object-position: center; 2974 height: 220px; 2975 } 2976 2977 .text-image-block-wrapper p {
2978 overflow-wrap: anywhere; 2979 font-weight: 400; 2980 } 2981 .text-image-block-wrapper__main-content{ 2982 padding: 20px 0 0 0; 2983 } 2984 .text-image-block-wrapper__main-content > p{ 2985 margin-bottom: 20px; 2986 } 2987 .text-image-block-wrapper__main-content--fullwidth{ 2988 padding: 20px 0; 2989 } 2990 .text-image-block-wrapper__main-content--contained{ 2991 padding: 20px 0; 2992 } 2993 .text-image-block-wrapper--one{ 2994 padding:40px 20px; 2995 } 2996 .heading-block h3 { 2997 padding-bottom: 10px; 2998 } 2999 .heading-block p { 3000 padding-bottom: 10px; 3001 } 3002 .text-image-block-wrapper.text-image-block-wrapper_reverse img{ 3003 grid-row: -1 / 1; 3004 } 3005 .ekm-5e04f77a8dbb8ab0.about-section-bg{ 3006 background-image: url(//themes.cdn.ekm.net/themes/master/2271/images/about.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF); 3007 3008 padding: 20px 0px; 3009 3010 3011 3012 background-attachment: scroll; 3013 3014 background-attachment: scroll; 3015 3016 background-position: center; 3017 background-repeat: no-repeat; 3018 background-size: cover; 3019 position: relative; 3020 } 3021 3022 3023 .ekm-5e04f77a8dbb8ab0.about-section-bg.hasoverlay::before { 3024 content:""; 3025 display: block; 3026 width: 100%; 3027 height: 100%; 3028 position: absolute; 3029 top: 0; 3030 left: 0; 3031 opacity: 100%; 3032 background:#6a99af; 3033 3034 } 3035 .ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) p { 3036 color: #ffffff; 3037 } 3038 .ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) h3 { 3039 color: #ffffff; 3040 } 3041 .ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper--fullwidth, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) .theme-btn { 3042 color: #000000; 3043 background-color: #ffffff; 3044 } 3045 3046 3047@media only screen and (min-width: 768px){ 3048 .text-image-block-wrapper { 3049 -ms-grid-columns: 1fr 1fr; 3050 grid-template-columns: 1fr 1fr; 3051 } 3052 .text-image-block-wrapper--one{ 3053 padding:60px 20px; 3054 } 3055 .text-image-block-wrapper--split { 3056 -ms-grid-columns: 1fr 3fr; 3057 grid-template-columns: 1fr 3fr; 3058 } 3059 .text-image-block-wrapper img { 3060 height: 400px; 3061 } 3062 .text-image-block-wrapper.text-image-block-wrapper_reverse { 3063 grid-auto-flow: column dense; 3064 -ms-grid-columns: 1fr 1fr; 3065 grid-template-columns: 1fr 1fr; 3066 gap: 40px; 3067 } 3068 3069 .text-image-block-wrapper.text-image-block-wrapper_reverse img { 3070 -ms-grid-column: 1; 3071 -ms-grid-column-span: 1; 3072 grid-column: 1 / 2; 3073 } 3074 .ekm-5e04f77a8dbb8ab0.about-section-bg{ 3075 3076 padding: 50px 0px; 3077 3078 3079 3080 background-attachment: fixed; 3081 3082 background-attachment: scroll; 3083 3084 } 3085 [data-browser="safari"] .ekm-5e04f77a8dbb8ab0.about-section-bg{ 3086 background-attachment: inherit; 3087 } 3088 .ekm-5e04f77a8dbb8ab0.text-image-block-wrapper--contained { 3089 -ms-grid-columns: .5fr; 3090 grid-template-columns: .5fr; 3091 } 3092} 3093 3094 3095</style> 3096 3097 3098 3099 3100 3101 3102 3103 <div class="ekm-5e04f77a8dbb8ab0 about-section-bg hasoverlay"> 3104 <section class="ekm-5e04f77a8dbb8ab0 container text-image-block-wrapper--contained"> 3105 <div> 3106 <h3>Can't find what you're looking for?</h3> 3107 3108 <div class="text-image-block-wrapper__main-content--contained"> 3109 <p>We're here to help! Get in touch below with any queries</p> 3110 </div> 3111 3112 <a href="contact-us-2-w.asp" class="theme-btn"> 3113 Contact us 3114 </a> 3115 3116 </div> 3117 </section> 3118 </div> 3119 3120 3121 3122</ekm-section> 3123<ekm-section data-id="ekm-section-id-7" data-type="testimonials"> 3124 <link href="//themes.cdn.ekm.net/themes/master/2271/css/testimonials.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 3125 3126 3127 <style> 3128 .ekm-c5a961bb9c8e0c6b.ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper{ 3129 background-color: #ffffff; 3130 3131 } 3132 3133 .ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper :is(h2, p, p strong){ 3134 color: #222222; 3135 }
3136 .ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper .testimonal-stars{ 3137 fill: var(--body_review_stars); 3138 } 3139 .ekm-c5a961bb9c8e0c6b .splide__pagination__page.is-active{ 3140 opacity: 1; 3141 background: #222222; 3142 } 3143 .ekm-c5a961bb9c8e0c6b .splide__pagination__page{ 3144 background: #222222; 3145 } 3146 </style> 3147 3148 <div class="ekm-c5a961bb9c8e0c6b ekm-testimonial-wrapper "> 3149 <div class="container"> 3150 <section class="splide testimonial-just-text" aria-label="slider showing the shops testimonials"> 3151 <div class="splide__track"> 3152 <ul class="splide__list"> 3153 3154 3155 3156 3157 3158 3159 3160 3161 <li class="splide__slide" data-splide-interval="5000"> 3162 <div class=" flex flex_col flex_align-center"> 3163 <svg class="testimonal-stars" 3164 3165 3166 3167 3168 width="118" 3169 height="22" xmlns="https://www.w3.org/2000/svg"> 3170 <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" /> 3171 <use href="#review_star" x="24" /> 3172 <use href="#review_star" x="48" /> 3173 <use href="#review_star" x="72" /> 3174 <use href="#review_star" x="96" /> 3175 </svg> 3176 <h2>Useful & helpful</h2> 3177 <p><p>The Protective cop sleeving was very useful to store the silk threads without having them unravelling constantly. Very happy with these.</p></p> 3178 <p class="testimonial-reviewer"> 3179 <strong>Verified Reviewer</strong> / January 2026 3180 </p> 3181 </div> 3182 </li> 3183 3184 3185 3186 3187 3188 3189 3190 3191 <li class="splide__slide" data-splide-interval="5000"> 3192 <div class=" flex flex_col flex_align-center"> 3193 <svg class="testimonal-stars" 3194 3195 3196 3197 3198 width="118" 3199 height="22" xmlns="https://www.w3.org/2000/svg"> 3200 <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" /> 3201 <use href="#review_star" x="24" /> 3202 <use href="#review_star" x="48" /> 3203 <use href="#review_star" x="72" /> 3204 <use href="#review_star" x="96" /> 3205 </svg> 3206 <h2>Strong & beautiful thread</h2> 3207 <p><p>Beautiful, sturdy thread that gives a lush look to any project. Fair price and the Sterling Silver Metallic Thread 25m was quick to arrive. </p></p> 3208 <p class="testimonial-reviewer"> 3209 <strong>Verified Reviewer</strong> / January 2026 3210 </p> 3211 </div> 3212 </li> 3213 3214 3215 3216 3217 3218 3219 3220 3221 <li class="splide__slide" data-splide-interval="5000"> 3222 <div class=" flex flex_col flex_align-center"> 3223 <svg class="testimonal-stars" 3224 3225 3226 3227 3228 width="118" 3229 height="22" xmlns="https://www.w3.org/2000/svg"> 3230 <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" /> 3231 <use href="#review_star" x="24" /> 3232 <use href="#review_star" x="48" /> 3233 <use href="#review_star" x="72" /> 3234 <use href="#review_star" x="96" /> 3235 </svg> 3236 <h2>Excellent quality & colours!</h2> 3237 <p><p>Fabulous threads, since I found Devere Yarns, I haven't bought a single embroidery thread from anywhere else! Lovely team & customer service. </p></p> 3238 <p class="testimonial-reviewer"> 3239 <strong>Verified Reviewer</strong> / October 2025 3240 </p> 3241 </div> 3242 </li> 3243 3244 3245 </ul> 3246 </div> 3247 </section> 3248 </div> 3249 </div> 3250 3251
3251<script> 3252 document.addEventListener('DOMContentLoaded', function () { 3253 const testimonial_just_text = document.querySelectorAll(".testimonial-just-text"); 3254 testimonial_just_text.forEach(Test_just_text => { 3255 new Splide(Test_just_text, { 3256 type: "slide", 3257 autoHeight: true, 3258 gap: "2rem", 3259 rewind: true, 3260 rewindSpeed: 5000, 3261 speed: 1500, 3262 autoplay: true, 3263 interval: 5000, 3264 updateOnMove: true, 3265 arrows: false 3266 }).mount(); 3267 }) 3268 }); 3269 </script>
3269 3270 3271 3272 3273 3274 3275 3276 3277</ekm-section> 3278 3279 3280 3281</article> 3282 3283<ekm-section data-id="ekm-section-id-8" data-type="footer"> 3284 3285 3286 <style> 3287 :root{ 3288 --footer_bg: #3b6072; 3289 --footer_text: #FFFFFF; 3290 --footer_link: #FFFFFF; 3291 --webpages_background: #049aff; 3292 --copyright_background: #34515f; 3293 --copyright_text: #FFFFFF; 3294 } 3295 3296 footer{ 3297 3298 3299 3300 } 3301 .background_image{ 3302 background-image: url( ); 3303 background-repeat: no-repeat; 3304 background-position: center center; 3305 3306 background-size: auto; 3307 3308 3309 3310 } 3311 .copyright-bar{ 3312 padding: 15px 0px; 3313 background-color: var(--copyright_background); 3314 color: var(--copyright_text); 3315 text-align: center; 3316 font-size: 1.4rem; 3317 } 3318 .copyright-bar .container{ 3319 display: grid; 3320 grid-template-columns: 1fr; 3321 gap: 15px; 3322 padding: 0px 20px; 3323 } 3324 .copyright-block-cards{ 3325 order: 1; 3326 } 3327 .copyright-block-company{ 3328 order: 2; 3329 } 3330 .copyright-block-sitename{ 3331 order: 3; 3332 } 3333 .copyright-bar a{ 3334 color: inherit; 3335 font-size: inherit; 3336 text-decoration: underline; 3337 } 3338 .copyright-bar span { 3339 font-size: inherit; 3340 } 3341 .copyright-block-sitename span, .copyright-block-company span{ 3342 font-size: inherit; 3343 margin-left: 2px; 3344 text-align: left; 3345 } 3346 .copyright-block-sitename { 3347 font-size: 1.4rem; 3348 } 3349 .copyright-block-company, .copyright-block-cards, .copyright-block-sitename { 3350 justify-content: left; 3351 } 3352 3353 .copyright-block-sitename { 3354 flex-wrap: wrap; 3355 } 3356 3357 span.ekmps-vat-number, span.ekmps-company-number{ 3358 display: inline-block; 3359 margin: 0px; 3360 3361 margin: 10px 3px 0 3px; 3362 3363 font-size: 1.4rem; 3364 } 3365 .dash { 3366 margin: 0px 5px; 3367 } 3368 .ekm-card-logos-image { 3369 height: 30px; 3370 width: auto; 3371 } 3372 3373 footer > .container { 3374 3375 padding-top: 0px; 3376 padding-bottom: 0px; 3377 3378 3379 3380 3381 } 3382 footer .footer-block ul { 3383 3384 } 3385 .footer-block--social { 3386 display: grid; 3387 justify-content: flex-start; 3388 } 3389 .footer-block--webpages { 3390 3391 3392 } 3393 .footer-block--webpages .container { 3394 3395 } 3396 .footer-block--address { 3397 display: grid; 3398 justify-content: flex-start; 3399 text-align: left; 3400 } 3401 .footer-block--webpages ul li { 3402 display: flex; 3403 flex-direction: column; 3404 } 3405 .footer-contact > li { 3406 display: flex; 3407 flex-direction: row; 3408 } 3409 footer .footer-block--address ul { 3410 justify-content: left; 3411 margin-top: 15px; 3412 gap: 0px; 3413 } 3414 footer .footer-block h4 { 3415 3416 } 3417 .accordian-title svg { 3418 height: 18px; 3419 width: 18px; 3420 margin-left: 5px; 3421 fill: #fff; 3422 align-self: center; 3423 } 3424 .is-accordian { 3425 display: flex !important; 3426 flex-direction: column; 3427 gap: 5px; 3428 } 3429 .accordian-title{ 3430 display: flex; 3431 cursor: pointer; 3432 justify-content: space-between; 3433 padding: 10px 0px; 3434 border-top: solid 2px #2F3643; 3435 border-bottom: solid 2px #2F3643; 3436 3437 } 3438 .footer-block--logo img{ 3439 max-width: 150px; 3440 } 3441 .footer-block--logo { 3442 justify-content: flex-start; 3443 } 3444 .slider_wrapper { 3445 transition:height 1s ease-out; 3446 height:0; 3447 overflow:hidden; 3448 } 3449 .is-accordian.flex.flex-wrap > li:first-child { 3450 3451 } 3452 @media only screen and (min-width: 768px) { 3453 footer > .container { 3454 gap: 40px; 3455 3456 3457 3458 } 3459 .footer-block--social { 3460 display: grid; 3461 3462 3463 3464 } 3465 .footer-block--webpages { 3466 3467 } 3468 .footer-block--address{ 3469 display: grid; 3470 justify-content: center; 3471 text-align: center; 3472 } 3473 footer .footer-block h4 { 3474 3475 } 3476 .footer-block--logo img{ 3477 max-width: 150px; 3478 } 3479 .footer-block--logo { 3480 justify-content: center; 3481 } 3482 .copyright-bar .container{ 3483 grid-template-columns: 1fr 1fr 1fr; 3484 3485 grid-template-columns: 1fr 1fr; 3486 3487 gap: 20px; 3488 } 3489 .copyright-block-sitename { 3490 justify-content: center; 3491 order: 2; 3492 3493 justify-content: flex-start; 3494 order: 1; 3495 3496 } 3497 .copyright-block-cards{ 3498 justify-content: flex-end; 3499 order: 3; 3500 } 3501 .copyright-block-company{ 3502 justify-content: flex-start; 3503 3504 justify-content: flex-end; 3505 3506 order: 2; 3507 } 3508 .is-accordian { 3509 display: flex !important; 3510 } 3511 .is-accordian.active { 3512 display: none !important; 3513 } 3514 .accordian-title { 3515 cursor: inherit; 3516 padding: 0px; 3517 border-top: none; 3518 border-bottom: none; 3519 3520 } 3521 .accordian-title svg{ 3522 display: none; 3523 } 3524 footer .footer-block--address ul { 3525 justify-content: center; 3526 } 3527 .is-accordian { 3528 flex-direction: row; 3529 } 3530 .slider_wrapper { 3531 transition:height 1s ease-out; 3532 height:auto !important; 3533 /*This overrides any height added by JS*/ 3534 overflow:initial; 3535 } 3536 .is-accordian.flex.flex-wrap > li:first-child { 3537 3538 } 3539 } 3540 @media only screen and (min-width: 500px){ 3541 .useful-links.two_cols{ 3542 columns: 2; 3543 column-gap: 20px; 3544 } 3545 } 3546 .recently-viewed-products h2{ 3547 margin-bottom: 20px; 3548 } 3549 .recently-viewed-products{ 3550 padding: 40px 0; 3551 } 3552 .recently-viewed-products { 3553 background-color: #f5f5f5; 3554 } 3555 .recently-viewed-products h2{ 3556 color: #333333; 3557 } 3558 .recently-viewed-products h2{ 3559 margin-bottom: 20px; 3560 } 3561 </style> 3562 3563 3564 3565 3566 3567 3568 3569 <footer > 3570 <div class="container " > 3571 <div class="footer-block" > 3572 <h4>Useful Links</h4> 3573 <ul class="useful-links" ><li><a href="index.asp">Home</a></li><li><a href="about-us-1-w.asp">About Us</a></li><li><a href="http://www.devereyarns.co.uk/blog">Blog</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="privacy-policy-3-w.asp">Privacy Policy</a></li><li><a href="customer-information-4-w.asp">Customer Information</a></li> 3574 <li><a href="/terms.asp">Terms & Conditions</a></li> 3575 <li><a href="/privacy.asp">Privacy</a></li> 3576 <li><a href="/sitemap.asp">Sitemap</a></li> 3577 </ul><!-- #extra-page-menu --> 3578 </div> 3579 3580 <div class="footer-block" > 3581 <h4>Stay Connected </h4> 3582 <div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.facebook.com/devere.yarns.31" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/facebook.svg"height="32px" width="32px" alt="Facebook" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.instagram.com/devereyarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.twitter.com/DeVereYarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/twitter.svg?v=3"height="32px" width="32px" alt="Twitter" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.pinterest.com/[email protected]" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/pinterest.svg"height="32px" width="32px" alt="Pinterest" /></a></div></div> 3583 </div> 3584 3585 3586 3587 <div class="footer-block" style="display: none" > 3588 <h4>Delivery</h4> 3589 <p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p> 3590 <p class="flex flex_space-between" ><span>Royal Mail 1st Class Tracked</span><span>£6.99</span></p> 3591 <p class="flex flex_space-between" ><span>Royal Mail Tracked & Signed</span><span>£9.99</span></p> 3592 <p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p> 3593 </div> 3594 3595 3596 <div class="footer-block" > 3597 <h4>Get In Touch</h4> 3598 <p><p><strong>Email:</strong> [email protected]<br><strong>Telephone:</strong> 01787 237237<br><br>DeVere Yarns, Weavers House<br>Hyde Wood Road, Little Yeldham<br>Halstead, Essex, CO9 4QX</p></p> 3599 </div> 3600 3601 <div class="footer-block" > 3602 3603 3604 3605 3606 3607 3608 <h4>We Accept</h4> 3609 <style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa Electron" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Mastercard" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Maestro" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/jcb.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with JCB" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with PayPal" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/american-express.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with American Express" width="50" height="30" /></span> 3610 3611 </div> 3612 3613 </div> 3614 </footer> 3615 <div class="copyright-bar"> 3616 <div class="container"> 3617 <div class="copyright-block-company flex flex_align-center"> 3618 <div> 3619
3620 <span class="ekmps-vat-number">VAT Number: <span>524 6825 80</span></span><!-- /.ekmps-vat-number --> 3621 3622 3623 <span class="ekmps-company-number">Registered company: <span>02952518</span></span><!-- /.ekmps-company-number --> 3624 3625 </div> 3626 </div> 3627 3628 <div class="copyright-block-sitename flex flex_align-center"> 3629 3630 © Copyright 2008-2026 Devere Fabrics Ltd All rights reserved<br> 3631 3632 </div> 3633 </div> 3634 </div> 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 <style> 3646 .newsletter-notification{ 3647 position: fixed; 3648 z-index: 99; 3649 bottom: 0; 3650 right: 0; 3651 background-color: #eee; 3652 padding: 20px; 3653 border-radius: 10px; 3654 box-shadow: 0 3px 12px rgba(0,0,0,0.16); 3655 transform: translateX(150%); 3656 opacity: 0; 3657 transition: all 0.25s ease; 3658 margin: 10px; 3659 } 3660 .newsletter-notification.active{ 3661 transform: translateX(0%); 3662 opacity: 1; 3663 } 3664 .newsletter-noti-title{ 3665 font-size: 1.6rem; 3666 font-weight: 800; 3667 margin-bottom: 10px; 3668 color: #333; 3669 } 3670 .newsletter-noti-content{ 3671 font: 1.25rem; 3672 color: #333; 3673 } 3674 .newsletter-notification-close{ 3675 width: 25px; 3676 height: 25px; 3677 background-color: rgba(198, 198, 198, 0.933); 3678 border-radius: 50%; 3679 position: absolute; 3680 top: -6px; 3681 right: -6px; 3682 cursor: pointer; 3683 } 3684 .newsletter-notification-close > svg{ 3685 width: 18px; 3686 height: 18px; 3687 } 3688 @media only screen and (min-width:768px){ 3689 .newsletter-notification{ 3690 max-width: 400px; 3691 } 3692 } 3693 </style> 3694 <div class="newsletter-notification"> 3695 <div class="newsletter-notification-close flex flex_align-center flex_justify-center"> 3696 <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" /> </svg> 3697 </div> 3698 <p class="newsletter-noti-title">Thank you for signing up to our newsletter</p> 3699 <p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p> 3700 </div> 3701
3701<script defer> 3702 //Newsletter Form Message 3703 let newsletter_notification = document.querySelector(".newsletter-notification"); 3704 function newsletterSubmit() { 3705 // let newsletter_notification_title = document.querySelector(".newsletter-noti-title"); 3706 // let newsletter_notification_content = document.querySelector(".newsletter-noti-content"); 3707 newsletter_notification.classList.add("active"); 3708 setTimeout(() => { 3709 newsletter_notification.classList.remove("active"); 3710 }, 5000); 3711 }; 3712 3713 document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => { 3714 newsletter_notification.classList.remove("active"); 3715 }) 3716 3717 3718 const useful_links = document.querySelector(".useful-links"); 3719 if( useful_links.childElementCount >= 6 ){ 3720 useful_links.classList.add("two_cols") 3721 } 3722 3723 3724 3725 </script>
vendor: 2 bytes, line 3725
3725
3726<script> 3727 addEventListener('DOMContentLoaded', (event) => { 3728 const footerDropdownMenu = document.querySelector(".accordian-title"); 3729 const slideDownMenu = document.querySelector(".slider_wrapper"); 3730 if(footerDropdownMenu != null){ 3731 footerDropdownMenu.addEventListener("click", () => { 3732 const menuHeight = document.querySelector(".is-accordian").offsetHeight; 3733 if(slideDownMenu.offsetHeight > 0){ 3734 slideDownMenu.style.height = "0px" 3735 }else{ 3736 slideDownMenu.style.height = `${menuHeight}px`; 3737 } 3738 3739 }); 3740 } 3741 }); 3742</script>
3742 3743</ekm-section> 3744 3745 3746 3747 3748 </main>
3749<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
3749 3750<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" > 3751<noscript> 3752 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" > 3753 <link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low"> 3754</noscript>
3755<script defer > 3756 3757 const tabletMQ = window.matchMedia("(min-width: 768px)"); 3758 const desktopMQ = window.matchMedia("(min-width: 1024px)"); 3759 3760 window.addEventListener('DOMContentLoaded', (event) => { 3761 console.log('%cDOM fully loaded and parsed.', "color:#28a745"); 3762 3763const backgroundImageFullRes = (image) => { 3764 let element = document.querySelector(image); 3765 if(element == null){ 3766 return; 3767 } 3768 if(!element.hasAttribute("data-slider-num")){ 3769 let computedStyle = window.getComputedStyle(element); 3770 let bgImageUrl = computedStyle.backgroundImage; 3771 let newImageUrl; 3772 3773 // Remove the leading 'url(' and trailing ')' characters 3774 bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1); 3775 // Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL. 3776 bgImageUrl = bgImageUrl.split("?w")[0]; 3777 newImageUrl = bgImageUrl.replaceAll('"', ""); 3778 3779 // Appends the image URL with the query sting for a raw image 3780 newBackgroundImageURL = newImageUrl + "?r=1"; 3781 3782 3783 // Replaces current banner with high res one. 3784 element.style.backgroundImage = "url('" + newBackgroundImageURL + "')"; 3785 } 3786 3787 3788} 3789if(desktopMQ.matches){ 3790 backgroundImageFullRes(".main-banner-block"); 3791 console.log('%cBanner image updated.', "color:#28a745"); 3792} 3793 3794 3795 3796 var prod_sliders = document.querySelectorAll('.product-slider'); 3797 var prod_sliders_arr = Array.prototype.slice.call(prod_sliders); 3798 prod_sliders_arr.forEach(function(slider) { 3799 new Splide(slider, { 3800 type: "slide", 3801 pagination : false, 3802 perPage : 5, 3803 perMove: 1, 3804 rewind: true, 3805 rewindSpeed: 2500, 3806 gap: 20, 3807 speed: 1200, 3808 arrows: true, 3809 breakpoints: { 3810 550: { 3811 perPage: 1, 3812 perMove: 1 3813 }, 3814 900: { 3815 perPage: 2, 3816 perMove: 1 3817 }, 3818 1280: { 3819 perPage: 3, 3820 perMove: 2 3821 } 3822 }, 3823 }).mount(); 3824 }); 3825 3826 console.log('%cSlider initialisation complete.', "color:#28a745"); 3827 console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107"); 3828 setTimeout(() => { 3829 if (typeof ekmProductImageBadges != 'undefined'){ 3830 console.log('%cProduct stickers re-initialisation complete.', "color:#28a745"); 3831 ekmProductImageBadges.reInit(); 3832 } 3833 }, 400); 3834 // Closes the nav dropdown if the user clicks of the nav box. 3835 window.addEventListener("click", (e) => { 3836 const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper"); 3837 all_nav_grids.forEach((single_nav_grid) => { 3838 if(single_nav_grid.classList.contains("mobile_open")){ 3839 if(e.target != document.querySelector(".subnav-grid-wrapper")){ 3840 single_nav_grid.classList.toggle("mobile_open") 3841 } 3842 } 3843 }) 3844 }); 3845 3846 document.querySelectorAll(".splide__arrow").forEach(splideBtn => { 3847 if(splideBtn.disabled){ 3848 splideBtn.classList.add("ekm_hide_me") 3849 } 3850 }) 3851 3852 3853}); 3854 3855</script>
3855 3856
3857<script> 3858 window.addEventListener('DOMContentLoaded', (event) => { 3859 var cat_sliders = document.querySelectorAll(".category-slider"); 3860 var cat_sliders_arr = Array.prototype.slice.call(cat_sliders); 3861 cat_sliders_arr.forEach(function(slider) { 3862 new Splide(slider, { 3863 type: "slide", 3864 pagination : false, 3865 perPage : 5, 3866 rewind: true, 3867 rewindSpeed: 2500, 3868 gap: 20, 3869 perMove: 1, 3870 speed: 1200, 3871 breakpoints: { 3872 550: { 3873 perPage: 1, 3874 perMove: 1 3875 }, 3876 900: { 3877 perPage: 2, 3878 perMove: 1 3879 }, 3880 1280: { 3881 perPage: 3, 3882 perMove: 2 3883 } 3884 }, 3885 }).mount(); 3886 }); 3887 }) 3888</script>
3888 3889
3890<script defer fetchpriority="low" > 3891 3892// list of CSS files that are section specific 3893var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 3894var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 3895 3896//variables that are being checked at section level, this is used to determine if the section is in the merchants theme. 3897var is_promo_section_active; 3898var is_gallery_section_active; 3899 3900// The global function that adds the CSS link to the head 3901function addCSS(cssUrl) { 3902 var element = document.createElement("link"); 3903 element.setAttribute("rel", "stylesheet"); 3904 element.setAttribute("type", "text/css"); 3905 element.setAttribute("href", cssUrl); 3906 document.getElementsByTagName("head")[0].appendChild(element); 3907} 3908 3909// This is where the true or false gets stored if the section is active in the theme. 3910let section_active = { 3911 promoCSS: is_promo_section_active, 3912 galleryCSS: is_gallery_section_active 3913}; 3914 3915// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header. 3916for( var key in section_active){ 3917 if(section_active[key] == true){ 3918 addCSS(eval(key)); 3919 } 3920} 3921 3922 3923</script>
vendor: 2 bytes, line 3923
3923
3924<script src="//themes.cdn.ekm.net/themes/master/2271/other/scripts.js?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" defer fetchpriority="low" ></script>
vendor: 2 bytes, line 3924
3924
3925<script type="application/json" data-softcart-lc> 3926 { 3927 " In Stock": " Item in Stock", 3928 " Sold Out": " Out of stock", 3929 "fake": null 3930 } 3931 </script>
vendor: 2 bytes, line 3931
3931
3932<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
3932<script src="//ekmpinpoint.ekmsecure.com/harvest/stats.js" async></script>
vendor: 2 bytes, line 3932
3932
3933<script> 3934(function(fn, a){ 3935 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 3936 var called = false; 3937 var callOnce = function(){ 3938 if (called) return; 3939 epp[fn].apply(epp, a) ; 3940 called = true; 3941 }; 3942 if (epp && epp[fn]) return callOnce() ; 3943 var pfn; 3944 Object.defineProperty(epp, fn, { 3945 'enumerable': true, 3946 'configurable': false, 3947 'set': function(x) { 3948 pfn = x; 3949 callOnce() ; 3950 }, 3951 'get': function() { 3952 return pfn; 3953 } 3954 }) ; 3955})("getStats", ["devereyarns"]) ; 3956</script>
vendor: 2 bytes, line 3956
3956
3957<script src="//globalstats.ekmsecure.com/hits/stats-global.js" async></script>
vendor: 2 bytes, line 3957
3957
3958<script> 3959(function(fn, a){ 3960 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 3961 var called = false; 3962 var callOnce = function(){ 3963 if (called) return; 3964 epp[fn].apply(epp, a) ; 3965 called = true; 3966 }; 3967 if (epp && epp[fn]) return callOnce() ; 3968 var pfn; 3969 Object.defineProperty(epp, fn, { 3970 'enumerable': true, 3971 'configurable': false, 3972 'set': function(x) { 3973 pfn = x; 3974 callOnce() ; 3975 }, 3976 'get': function() { 3977 return pfn; 3978 } 3979 }) ; 3980})("getStatsGlobal", ["devereyarns","1"]) ; 3981</script>
3981 3982
3983<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','update',{'ad_storage':'granted','ad_user_data':'granted','ad_personalization':'granted','analytics_storage':'granted'});})();</script>
3983</body> 3984</html> 3985
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.