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><meta name='robots' content='noindex' /> 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.eyJqdGkiOiJ7Qjg3REZCMjEtMDIzRC00RTgyLUJCQUQtODlCNjMyNTAxNkQzfSIsImlhdCI6MTc4OTgyNjg2NywiZXhwIjoxNzk1MzU2ODY3LCJvcmlnaW5zIjpbImh0dHBzOi8vZGV2ZXJleWFybnMuMS5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMS5la20ubmV0IiwiaHR0cHM6Ly9kZXZlcmV5YXJucy5jby51ayIsImh0dHBzOi8vd3d3LmRldmVyZXlhcm5zLmNvLnVrIl19.17ww9MKMPiF91tRBL71EftX2EyIMDfzCw0iNBfkjLKw", 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/account/login" />
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<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>
255<base href="/" /></head> 256 257<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 257-258
257 258<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
258GTM-KF9VMP
vendor: 87 bytes, lines 258-260
258' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 259 260
260<main role="main" class="main-content" data-cur-page="0"> 261<ekm-section data-type="header"> 262 263<!---------------------------------------> 264<!--LAST EDITED: 26/07/2022--> 265<!---------------------------------------> 266 267 268 269 270 <style> 271 /* ********************************** 272 SEARCH BAR SECTION SETTINGS 273 ********************************** */ 274 275 .header-search-bar input{ 276 background-color: #f3f3f3; 277 color: #333333; 278 border-radius: var(--btn-border-radius); 279 } 280 .header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{ 281 border: 2px solid #000000; 282 } 283 .header-search-bar.has_border form .ekmps-search-button{ 284 height: 44px; 285 border-left: none; 286 } 287 .header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 288 color: #333333; 289 } 290 .header-search-bar input::-moz-placeholder { /* Firefox 19+ */ 291 color: #333333; 292 } 293 .header-search-bar input:-ms-input-placeholder { /* IE 10+ */ 294 color: #333333; 295 } 296 .header-search-bar input:-moz-placeholder { /* Firefox 18- */ 297 color: #333333; 298 } 299 300 301 302 .ekmps-search-button{ 303 background-color: #f3f3f3; 304 cursor: pointer; 305 } 306 .ekmps-search-button svg path { 307 fill: #333333; 308 } 309 310 .header-search-bar form .ekmps-search-button{ 311 position: absolute; 312 right: 0; 313 top: 0; 314 width: 40px; 315 padding: 0; 316 cursor: pointer; 317 border: none; 318 display: flex; 319 align-items: center; 320 justify-content: center; 321 height: 100%; 322 border-bottom-right-radius: var(--btn-border-radius); 323 border-top-right-radius: var(--btn-border-radius); 324 background-color: transparent; 325 326 } 327 .header-search-bar form .ekmps-search-button:hover > svg{ 328 opacity: 0.8; 329 } 330 .header-search-bar form .ekmps-search-button > svg{ 331 height: 20px; 332 width: 20px; 333 } 334 335 .webpages_more_trigger{ 336 position: relative; 337 } 338 .webpages_more_trigger.hidden{ 339 display:none; 340 } 341 .announcement-bar > .container{ 342 flex-wrap: wrap; 343 grid-template-columns: 1fr 1fr; 344 display: grid; 345 gap: 20px; 346 } 347 .announcement-bar-nav.contact{ 348 justify-self: flex-start; 349 350 351 } 352 .more_webpages_nav{ 353 display:none; 354 position: absolute; 355 background: #FFF; 356 padding: 15px; 357 z-index: 9; 358 left: -70%; 359 top: 40px; 360 box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 361 width: 200px; 362 } 363 .more_webpages_nav.active{ 364 display:block; 365 } 366 .announcement-bar .announcement-bar-nav .more_webpages_nav li a{ 367 color: #333; 368 } 369 ul.no-style.more_webpages_nav:before { 370 content: ""; 371 display: block; 372 width: 20px; 373 height: 20px; 374 background: white; 375 transform: rotate(45deg); 376 position: absolute; 377 top: -7px; 378 left: 66px; 379 } 380 .webpages_more_trigger svg{ 381 margin-left: 10px; 382 } 383 header > .container{ 384 display: grid; 385 grid-template-columns: 1fr 1fr; 386 align-items: center; 387 justify-items: center; 388 gap: 20px; 389 } 390 391 .header-btn-wrapper{ 392 justify-self: flex-end; 393 } 394 .nav-icon-wrapper{ 395 justify-self: flex-start; 396 } 397 header .site-logo img{ 398 399 400 max-width: 280px; 401 402 } 403 .currency{ 404 justify-self: flex-end; 405 406 407 } 408 .header-search-bar{ 409 grid-column: -1 / 1; 410 } 411 412 .subnav-grid a:hover{ 413 text-decoration: underline; 414 } 415 416 @media only screen and (min-width:550px){ 417 header > .container{ 418 grid-template-columns: 90px minmax(300px, 1fr) 90px; 419 } 420 } 421 .nav-trigger--close, .nav-trigger--menu{ 422 display: none; 423 } 424 .nav-trigger--close.active, .nav-trigger--menu.active{ 425 display: block; 426 } 427 428 @media only screen and (min-width:768px){ 429 .subnav-grid li{ 430 margin-bottom: 10px; 431 } 432 .header-search-bar{ 433 grid-column: auto; 434 } 435 436 header > .container{ 437 438 439 grid-template-columns: 170px 1fr 178.5px; 440 441 } 442 443 .primary-nav > li .sub-sub-cats-wrapper{ 444 display: block; 445 right: 0; 446 top: 0 !important; 447 opacity: 1; 448 position: relative; 449 width: auto; 450 height: auto; 451 } 452 .primary-nav > li .sub-sub-cats-wrapper .subnav-grid{ 453 grid-template-columns: 1fr; 454 padding: 10px 0 0 0; 455 gap: 10px; 456 } 457 .primary-nav >
457 li .sub-sub-cats-wrapper .subnav-grid a{ 458 pointer-events: all; 459 font-weight: 400; 460 } 461 } 462 463 464 465 466 467 468 469 470 471[data-nav-design-type="main-dropdown"]{ 472 display: none; 473} 474 475@media only screen and (max-width:767px){ 476 .subnav-grid-wrapper{ 477 left: auto; 478 right: -100%; 479 transition: all 0.35s ease; 480 display: flex; 481 top: 0 !important; 482 display: none; 483 } 484 .subnav-grid-wrapper.mobile_open{ 485 right: 0%; 486 z-index: 1; 487 } 488 489} 490 491@media only screen and (min-width: 768px) { 492 493 .ekmps-search-button{ 494 background-color: var(--primary_button_btn_bg) !important; 495 cursor: pointer; 496 } 497 .ekmps-search-button svg path { 498 fill: #FFFFFF; 499 } 500 501 502 [data-nav-design-type="main-dropdown"]{ 503 pointer-events: auto; 504 left: 0; 505 opacity: 1; 506 } 507 .main_nav.open [data-nav-design-type="main-dropdown"]{ 508 display: block; 509 } 510 511} 512 513 514 515/* HEADER SEARCH ICON SETTINGS */ 516/* The CSS in the follow section are variable on the design that is being selected from the merchant */ 517 518 519.subnav-grid-wrapper-bg { 520 width: 100%; 521 height: 100vh; 522 position: absolute; 523 background: #0000002b; 524} 525 526@media only screen and (min-width: 989px){ 527 header > .container{ 528 grid-template-columns: 200px 1fr 200px; 529 } 530 531 .info-bar-text { 532 justify-self: center; 533 } 534 .announcement-bar > .container{ 535 flex-wrap: wrap; 536 grid-template-columns: 1fr 1fr 1fr; 537 538 grid-template-columns: 1fr 1fr; 539 540 } 541 .announcement-bar-nav.webpages, .info-bar-text{ 542 display: flex !important; 543 margin-right: 0px; 544 justify-self: flex-start; 545 546 margin-right: 10px; 547 548 549 } 550 .announcement-bar-nav.contact{ 551 justify-self: flex-start; 552 553 554 555 } 556 .currency{ 557 justify-self: flex-end; 558 559 560 } 561 .info-bar-text{ 562 563 } 564} 565 566 567/*// Hides the wishlist icon if the customer is not logged in.*/ 568 569 #headerWishlist{ 570 display: none; 571 572 573 574 575 576</style> 577<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> 578 </div> 579
579<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/announcementBar.min.js?v=1"></script>
579 580 581 582 583 <div class="announcement-bar"> 584 <div class="container flex flex_space-between flex_align-center"> 585 <ul class="announcement-bar-nav no-style flex contact"> 586 587 588 589 <li><a class="flex flex_align-center" href="tel:01787 237237"> 590 <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> 591 592 01787 237237</a></li> 593 594 595 596 597 <li><a class="flex flex_align-center" href="mailto:[email protected]"> 598 <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> 599 [email protected]</a></li> 600 601 602 </ul> 603 <div class="flex flex_align-center currency"> 604 605 606 607 608 <div class="cur-text-dd no-symbol"> 609 <div class="cur-text-dd-btn"> 610 <i class="icon-flags--custom" data-flag-currency="USD"></i> 611 <span class="cur-text-dd-code">USD</span> 612 <span class="cur-text-dd-symbol">$</span> 613 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 614 <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" /> 615 </svg> 616 </div> 617 <div class="cur-text-dd-options"> 618 619 620 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=EUR&catid=0&productid=0"> 621 <i class="icon-flags--custom" data-flag-currency="EUR"></i> 622 <span class="cur-text-dd-code">EUR</span> 623 <span class="cur-text-dd-symbol">€</span> 624 </a> 625 626 627 628 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=GBP&catid=0&productid=0"> 629 <i class="icon-flags--custom" data-flag-currency="GBP"></i> 630 <span class="cur-text-dd-code">GBP</span> 631 <span class="cur-text-dd-symbol">£</span> 632 </a> 633 634 635 636 637 </div> 638 <!-- end of cur-text-dd-options --> 639 </div> 640 <!-- end of cur-text-dd no-symbol --> 641 642 643 </div> 644 <!-- end of flex flex_align-center --> 645 </div> 646 <!-- end of container --> 647 </div> 648 <!-- end of announcement-bar --> 649 650 651 652 653 654 655 656 657 658 659 660 661<header> 662 663 <div class="container" data-design-type="one"> 664 665 666 <!-- This is the nav icon that shows for the above designs --> 667 <div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center"> 668 <div class="icon nav-icon"> 669 <span></span> 670 <span></span> 671 <span></span> 672 </div> 673 </div> 674 675 676 <div class="site-logo" > 677 <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> 678 </div> 679 680 681 <!-- The search bar will only show in the main header for the above designs --> 682 <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"/> 683 <ekm-search-categories></ekm-search-categories> 684 <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21"
685 viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg"> 686 <path 687 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" 688 fill="#111111" /> 689 </svg></button></form></div> 690 691 692 693 <div class="header-btn-wrapper flex flex_align-center"> 694 695 696 697 698 699 700 <!-- The wishlist button - only shows if customer login feature is active --> 701 <a href="/account/wishlist" class="header-btn" id="headerWishlist"> 702 <svg width="20" height="18" viewBox="0 0 20 18" xmlns="https://www.w3.org/2000/svg"> 703 <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"/> 704 </svg> 705 </a> 706 <style> 707 @media screen and (max-width: 949px) and (min-width: 768px) { 708 header .header-search-bar { 709 max-width: 265px !important; 710 } 711 } 712 @media screen and (max-width: 1048px) and (min-width: 950px) { 713 header .header-search-bar { 714 max-width: 450px !important; 715 } 716 } 717 @media only screen and (min-width: 989px){ 718 header > .container { 719 grid-template-columns: 225px 1fr 225px; 720 } 721 } 722 @media screen and (min-width: 1049px) { 723 header .header-search-bar { 724 max-width: 550px !important; 725 } 726 } 727 </style> 728 729 730 731 732 <!-- The account login button - only shows if feature is active --> 733 <a href="/account/login" class="header-btn "> 734 <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> 735 </a> 736 737 738 <div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger"> 739 <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> 740 741 <!--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> 742 743 <!--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> 744 745 </div> 746 747 <div class="minicart-popout trade-login-hide"> 748 749 <!--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()--> 750 <div class="minicart-header"> 751 <p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p> 752 </div> 753 754 755 756 757 758 <div class="minicart-item-wrapper"> 759 <!--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( 760 <div class="
760minicart-grid"> 761 <div style="text-align: center;">[product_image]</div> 762 <div> 763 <p>[product_name_link]</p> 764 <p>Quantity: [product_qty]</p> 765 <p>[product_price]</p> 766 </div> 767 </div> 768 ) --><!--ekm:tag:minicart:output_content:end()--> 769 </div> 770 <div class="minicart-product-urgency minicart-product-urgency-free-delivery"> 771 772 </div> 773 774 <div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between"> 775 <p>Discounts: </p> 776 <p>-<span id="ekm_minicart_total_discount">£0.00</span></p> 777 </div> 778 <div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between"> 779 <p>Tax: </p> 780 <p><span id="ekm_minicart_total_tax">£0.00</span></p> 781 </div> 782 <div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between"> 783 <p>Delivery: </p> 784 <p><span id="ekm_minicart_total_delivery">£0.00</span></p> 785 </div> 786 <div class="minicart-total flex flex_align-center flex_space-between"> 787 <p>Total: </p> 788 <p><span id="ekm_minicart_total">£0.00</span></p> 789 </div> 790 <div class="minicart-footer flex "> 791 <span class="view-cart"><a href="index.asp?function=CART">View Cart</a></span> 792 <span class="checkout"><a href="https://www.devereyarns.co.uk/index.asp?function=CHECKOUT&uid=A501242B-4174-4736-819A-FAB4A92E2018">Checkout</a></span> 793 </div> 794 795 796</div> 797 798 </div> 799 </div> 800 801 802</header> 803 804 805<nav class="main_nav 806" 807 808 data-mode="main-nav-showing" 809 810> 811<div class="container" > 812 813 814 815 <ul class=" 816 primary-nav 817 flex 818 819 flex_justify-center 820 821 no-images 822 "> 823 824 825 <li class="flex has-children " 826 > 827 828 829 830 831 832 833 834 835 836 837 <div class="flex flex_align-center flex_space-between"> 838 839 840 841 <p>Embroidery Threads</p> 842 843 844 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 845 <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" /> 846 </svg> 847 848 849 </div> 850 851 <div class="subnav-grid-wrapper" data-nav-level="1"> 852 <div class="container"> 853 <div class="subnav-grid_mobile-menu" > 854 <p class="close_subcat"> 855 <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> 856 <span>Back</span></p> 857 <p class="prev-cat-name">Embroidery Threads</p> 858 </div> 859 <ul class="subnav-grid"> 860 861 <li > 862 863 864 865 866 <!-- Outputs a standard link if there is no sub categories at level 1 --> 867 <a href="embroidery-thread---silk-42-c.asp">Embroidery Thread - Silk</a> 868 869 870 871 872 873 </li> 874 875 876 <li > 877 878 879 880 881 <!-- Outputs a standard link if there is no sub categories at level 1 --> 882 <a href="embroidery-thread---cotton-64-c.asp">Embroidery Thread - Cotton</a> 883 884 885 886 887 888 </li> 889 890 891 <li > 892 893 894 895 896 <!-- Outputs a standard link if there is no sub categories at level 1 --> 897 <a href="embroidery-thread---worsted-wool-24-c.asp">Embroidery Thread - Worsted Wool</a> 898 899 900 901 902 903 </li> 904 905 906 <li > 907 908 909 910 911 <!-- Outputs a standard link if there is no sub categories at level 1 --> 912 <a href="embroidery-thread---metallic-32-c.asp">Embroidery Thread - Metallic</a> 913 914 915 916 917 918 </li> 919 920 921 <li > 922 923 924 925 926 <!-- Outputs a standard link if there is no sub categories at level 1 --> 927 <a href="chenille-90-c.asp">Chenille</a> 928 929 930 931 932 933 </li> 934 935 936 <li> 937 <a href="embroidery-threads-124-c.asp" title="[name]"> 938 939 940 941 View all Embroidery Threads 942 943 </a> 944 </li> 945 946 </ul> 947 </div> 948 </div>
949 <!-- end of subnav-grid-wrapper --> 950 951 </li> 952 953 954 <li > 955 956 957 958 959 960 <a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card"> 961 962 </a> 963 964 965 966 967 <div class="flex flex_align-center flex_space-between"> 968 969 970 <a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">Shade Cards & Quality Card</a> 971 972 973 974 </div> 975 976 </li> 977 978 979 <li class="flex has-children " 980 > 981 982 983 984 985 986 987 988 989 990 991 <div class="flex flex_align-center flex_space-between"> 992 993 994 995 <p>Colour Packs</p> 996 997 998 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 999 <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" /> 1000 </svg> 1001 1002 1003 </div> 1004 1005 <div class="subnav-grid-wrapper" data-nav-level="1"> 1006 <div class="container"> 1007 <div class="subnav-grid_mobile-menu" > 1008 <p class="close_subcat"> 1009 <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> 1010 <span>Back</span></p> 1011 <p class="prev-cat-name">Colour Packs</p> 1012 </div> 1013 <ul class="subnav-grid"> 1014 1015 <li > 1016 1017 1018 1019 1020 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1021 <a href="collecting-all-sorts-colour-packs-127-c.asp">'Collecting All sorts' Colour Packs</a> 1022 1023 1024 1025 1026 1027 </li> 1028 1029 1030 <li > 1031 1032 1033 1034 1035 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1036 <a href="6-thread-silk-colour-packs-96-c.asp">6 Thread Silk Colour packs</a> 1037 1038 1039 1040 1041 1042 </li> 1043 1044 1045 <li > 1046 1047 1048 1049 1050 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1051 <a href="shop-shade-card-colour-packs-by-row-173-c.asp">Shop: Shade card colour packs by row</a> 1052 1053 1054 1055 1056 1057 </li> 1058 1059 1060 <li > 1061 1062 1063 1064 1065 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1066 <a href="worsted-wool-colour-packs-145-c.asp">Worsted Wool colour packs</a> 1067 1068 1069 1070 1071 1072 </li> 1073 1074 1075 <li> 1076 <a href="colour-packs-120-c.asp" title="[name]"> 1077 1078 1079 1080 View all Colour Packs 1081 1082 </a> 1083 </li> 1084 1085 </ul> 1086 </div> 1087 </div> 1088 <!-- end of subnav-grid-wrapper --> 1089 1090 </li> 1091 1092 1093 <li class="flex has-children " 1094 > 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 <div class="flex flex_align-center flex_space-between"> 1106 1107 1108 1109 <p>Weaving Yarns</p> 1110 1111 1112 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1113 <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" /> 1114 </svg> 1115 1116 1117 </div> 1118
1119 <div class="subnav-grid-wrapper" data-nav-level="1"> 1120 <div class="container"> 1121 <div class="subnav-grid_mobile-menu" > 1122 <p class="close_subcat"> 1123 <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> 1124 <span>Back</span></p> 1125 <p class="prev-cat-name">Weaving Yarns</p> 1126 </div> 1127 <ul class="subnav-grid"> 1128 1129 <li > 1130 1131 1132 1133 1134 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1135 <a href="isacord-126-c.asp">ISACORD</a> 1136 1137 1138 1139 1140 1141 </li> 1142 1143 1144 <li > 1145 1146 1147 1148 1149 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1150 <a href="silk-18-c.asp">Silk</a> 1151 1152 1153 1154 1155 1156 </li> 1157 1158 1159 <li > 1160 1161 1162 1163 1164 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1165 <a href="wool--worsted-wool-22-c.asp">Wool & Worsted Wool</a> 1166 1167 1168 1169 1170 1171 </li> 1172 1173 1174 <li > 1175 1176 1177 1178 1179 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1180 <a href="cottons-19-c.asp">Cottons</a> 1181 1182 1183 1184 1185 1186 </li> 1187 1188 1189 <li > 1190 1191 1192 1193 1194 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1195 <a href="chenille-90-c.asp">Chenille</a> 1196 1197 1198 1199 1200 1201 </li> 1202 1203 1204 <li > 1205 1206 1207 1208 1209 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1210 <a href="linen-viscose-flax-21-c.asp">Linen, Viscose, Flax</a> 1211 1212 1213 1214 1215 1216 </li> 1217 1218 1219 <li > 1220 1221 1222 1223 1224 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1225 <a href="metallic-yarns-23-c.asp">Metallic yarns</a> 1226 1227 1228 1229 1230 1231 </li> 1232 1233 1234 <li> 1235 <a href="weaving-yarns-2-c.asp" title="[name]"> 1236 1237 1238 1239 View all Weaving Yarns 1240 1241 </a> 1242 </li> 1243 1244 </ul> 1245 </div> 1246 </div> 1247 <!-- end of subnav-grid-wrapper --> 1248 1249 </li> 1250 1251 1252 <li > 1253 1254 1255 1256 1257 1258 <a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies"> 1259 1260 </a> 1261 1262 1263 1264 1265 <div class="flex flex_align-center flex_space-between"> 1266 1267 1268 <a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">Silk Craft Fibres & Supplies</a> 1269 1270 1271 1272 </div> 1273 1274 </li> 1275 1276 1277 <li > 1278 1279 1280 1281 1282 1283 <a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards"> 1284 1285 </a> 1286 1287 1288 1289 1290 <div class="flex flex_align-center flex_space-between"> 1291 1292 1293 <a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">Digital Gift Cards</a> 1294 1295 1296 1297 </div> 1298 1299 </li> 1300 1301 1302 <li > 1303 1304 1305 1306 1307 1308 <a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving"> 1309 1310 </a> 1311 1312 1313 1314 1315 <div class="flex flex_align-center flex_space-between"> 1316 1317 1318 <a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">Protective cop sleeving</a> 1319 1320 1321 1322 </div> 1323 1324 </li> 1325 1326 1327 <li > 1328 1329 1330 1331 1332 1333 <a href="william-folliott-book-172-c.asp" title="William Folliott book"> 1334 1335 </a> 1336 1337 1338 1339 1340 <div class="flex flex_align-center flex_space-between"> 1341 1342 1343 <a href="william-folliott-book-172-c.asp" title="William Folliott book">William Folliott book</a> 1344 1345 1346 1347 </div> 1348 1349 </li> 1350 1351 1352 1353 1354 </ul> 1355 <!--<div class="more" >More</div>--> 1356 1357</div> 1358 1359<!-- 1360 NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP 1361 --> 1362 1363</nav> 1364 1365
1365<script> 1366 const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children') 1367 primary_nav_list_item.forEach(list_item => { 1368 list_item.classList.add("no-images"); 1369 list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images"); 1370 }) 1371 </script>
1371 1372 1373 1374</ekm-section> 1375<div class="shopui ekm-account-login"> 1376 1377 <div class="shopui-grid shopui-grid--flex shopui-grid--stretch shopui-grid--no-rows"> 1378 <div class="shopui-grid__column shopui-grid__column--span-8 shopui-xs-grid__column--span-12 ekm-account-login__login"> 1379 1380 1381 1382 1383 <section class="shopui-section shopui-section--login-split"> 1384 <header class="shopui-section__header"> 1385 <div class="shopui-section__title">Login</div> 1386 <div class="shopui-section__description">View your recent orders and update your details.</div> 1387 </header><!-- .shopui-section__header --> 1388 <div class="shopui-section__content"> 1389 <form method="post" action="https://www.devereyarns.co.uk/index.asp?function=CUSTOMERUSERLOGIN&uid=B5026AFE%2D3379%2D470D%2DAB35%2D3AEC54D1380B"><input type="hidden" name="rt" value="index.asp?function=ACCOUNT" /> 1390 1391 <div class="shopui-form-row shopui-form-row--stacked"> 1392 <div class="shopui-form-row__details"> 1393 <label for="email" class="shopui-label">Email Address</label> 1394 </div><!-- .shopui-form-row__details --> 1395 <div class="shopui-form-row__field"> 1396 <div class="shopui-validation"> 1397 <input type="email" id="email" name="email" required class="shopui-text-field" placeholder="Example: [email protected]"> 1398 </div><!-- .shopui-validation --> 1399 </div><!-- .shopui-form-row__field --> 1400 </div><!-- .shopui-form-row --> 1401 1402 <div class="shopui-form-row shopui-form-row--stacked"> 1403 <div class="shopui-form-row__details"> 1404 <label for="password" class="shopui-label">Password</label> 1405 </div><!-- .shopui-form-row__details --> 1406 <div class="shopui-form-row__field"> 1407 <div class="shopui-validation"> 1408 <span class="shopui-password-field"> 1409 <input type="password" id="password" name="password" class="shopui-text-field shopui-password-field__field shopui-password-field__field--password" autocomplete="off"> 1410 <input type="text" class="shopui-text-field shopui-password-field__field shopui-password-field__field--text"> 1411 <a href="#" class="shopui-password-field__button" data-hide-text="Hide Password" data-show-text="Show Password"></a> 1412 </span> 1413 </div><!-- .shopui-validation --> 1414 </div><!-- .shopui-form-row__field --> 1415 </div><!-- .shopui-form-row --> 1416 1417 <div class="shopui-button-row"> 1418 <button type="submit" class="shopui-button shopui-button--primary">Log In</button> 1419 1420 <div class="u-margin-top--small u-text-align--center u-font-size--small"> 1421 <a href="index.asp?function=ACCOUNTFORGOTPASSWORD">Forgot password?</a> 1422 </div> 1423 1424 </div><!-- .shopui-button-row --> 1425 </form> 1426 </div><!-- .shopui-section__content --> 1427 </section><!-- .shopui-section --> 1428 1429 </div><!-- .shopui-grid__column --> 1430 1431 <div class="shopui-grid__column shopui-grid__column--span-4 shopui-xs-grid__column--span-12 ekm-account-login__create"> 1432 <section class="shopui-section shopui-section--login-split u-height--full u-display--flex u-justify-content--center u-flex-direction--column u-text-align--center"> 1433 <header class="shopui-section__header"> 1434 <div class="shopui-section__title">Need an account?</div> 1435 <div class="shopui-section__description">Manage your orders and details.</div> 1436 </header><!-- .shopui-section__header --> 1437 <div class="shopui-section__content"> 1438 <a href="index.asp?function=ACCOUNTCREATE">Create Account</a> 1439 </div><!-- .shopui-section__content --> 1440 </section><!-- .shopui-section --> 1441 </div><!-- .shopui-grid__column --> 1442 </div><!-- .shopui-grid --> 1443 1444</div><!-- .shopui --> 1445<ekm-section data-type="footer"> 1446 1447 1448 <style> 1449 :root{ 1450 --footer_bg: #3b6072; 1451 --footer_text: #FFFFFF; 1452 --footer_link: #FFFFFF; 1453 --webpages_background: #049aff; 1454 --copyright_background: #34515f; 1455 --copyright_text: #FFFFFF; 1456 } 1457 1458 footer{ 1459 1460 1461 1462 } 1463 .background_image{ 1464 background-image: url( ); 1465 background-repeat: no-repeat; 1466 background-position: center center; 1467 1468 background-size: auto; 1469 1470 1471 1472 } 1473 .copyright-bar{ 1474 padding: 15px 0px; 1475 background-color: var(--copyright_background); 1476 color: var(--copyright_text); 1477 text-align: center; 1478 font-size: 1.4rem; 1479 } 1480 .copyright-bar .container{ 1481 display: grid; 1482 grid-template-columns: 1fr; 1483 gap: 15px; 1484 padding: 0px 20px; 1485 } 1486 .copyright-block-cards{ 1487 order: 1; 1488 } 1489 .copyright-block-company{ 1490 order: 2; 1491 } 1492 .copyright-block-sitename{ 1493 order: 3; 1494 } 1495 .copyright-bar a{ 1496 color: inherit; 1497 font-size: inherit; 1498 text-decoration: underline; 1499 } 1500 .copyright-bar span { 1501 font-size: inherit; 1502 } 1503 .copyright-block-sitename span, .copyright-block-company span{ 1504 font-size: inherit; 1505 margin-left: 2px; 1506 text-align: left; 1507 } 1508 .copyright-block-sitename { 1509 font-size: 1.4rem; 1510 } 1511 .copyright-block-company, .copyright-block-cards, .copyright-block-sitename { 1512 justify-content: left; 1513 } 1514 1515 .copyright-block-sitename { 1516 flex-wrap: wrap; 1517 } 1518 1519 span.ekmps-vat-number, span.ekmps-company-number{ 1520 display: inline-block; 1521 margin: 0px; 1522 1523 margin: 10px 3px 0 3px; 1524 1525 font-size: 1.4rem; 1526 } 1527 .dash { 1528 margin: 0px 5px; 1529 } 1530 .ekm-card-logos-image { 1531 height: 30px; 1532 width: auto; 1533 } 1534 1535 footer > .container { 1536 1537 padding-top: 0px; 1538 padding-bottom: 0px; 1539 1540 1541 1542 1543 } 1544 footer .footer-block ul { 1545 1546 } 1547 .footer-block--social { 1548 display: grid; 1549 justify-content: flex-start; 1550 } 1551 .footer-block--webpages { 1552 1553 1554 } 1555 .footer-block--webpages .container { 1556 1557 } 1558 .footer-block--address { 1559 display: grid; 1560 justify-content: flex-start; 1561 text-align: left; 1562 } 1563 .footer-block--webpages ul li { 1564 display: flex; 1565 flex-direction: column; 1566 } 1567 .footer-contact > li { 1568 display: flex; 1569 flex-direction: row; 1570 } 1571 footer .footer-block--address ul { 1572 justify-content: left; 1573 margin-top: 15px; 1574 gap: 0px; 1575 } 1576 footer .footer-block h4 { 1577 1578 } 1579 .accordian-title svg { 1580 height: 18px; 1581 width: 18px;
1582 margin-left: 5px; 1583 fill: #fff; 1584 align-self: center; 1585 } 1586 .is-accordian { 1587 display: flex !important; 1588 flex-direction: column; 1589 gap: 5px; 1590 } 1591 .accordian-title{ 1592 display: flex; 1593 cursor: pointer; 1594 justify-content: space-between; 1595 padding: 10px 0px; 1596 border-top: solid 2px #2F3643; 1597 border-bottom: solid 2px #2F3643; 1598 1599 } 1600 .footer-block--logo img{ 1601 max-width: 150px; 1602 } 1603 .footer-block--logo { 1604 justify-content: flex-start; 1605 } 1606 .slider_wrapper { 1607 transition:height 1s ease-out; 1608 height:0; 1609 overflow:hidden; 1610 } 1611 .is-accordian.flex.flex-wrap > li:first-child { 1612 1613 } 1614 @media only screen and (min-width: 768px) { 1615 footer > .container { 1616 gap: 40px; 1617 1618 1619 1620 } 1621 .footer-block--social { 1622 display: grid; 1623 1624 1625 1626 } 1627 .footer-block--webpages { 1628 1629 } 1630 .footer-block--address{ 1631 display: grid; 1632 justify-content: center; 1633 text-align: center; 1634 } 1635 footer .footer-block h4 { 1636 1637 } 1638 .footer-block--logo img{ 1639 max-width: 150px; 1640 } 1641 .footer-block--logo { 1642 justify-content: center; 1643 } 1644 .copyright-bar .container{ 1645 grid-template-columns: 1fr 1fr 1fr; 1646 1647 grid-template-columns: 1fr 1fr; 1648 1649 gap: 20px; 1650 } 1651 .copyright-block-sitename { 1652 justify-content: center; 1653 order: 2; 1654 1655 justify-content: flex-start; 1656 order: 1; 1657 1658 } 1659 .copyright-block-cards{ 1660 justify-content: flex-end; 1661 order: 3; 1662 } 1663 .copyright-block-company{ 1664 justify-content: flex-start; 1665 1666 justify-content: flex-end; 1667 1668 order: 2; 1669 } 1670 .is-accordian { 1671 display: flex !important; 1672 } 1673 .is-accordian.active { 1674 display: none !important; 1675 } 1676 .accordian-title { 1677 cursor: inherit; 1678 padding: 0px; 1679 border-top: none; 1680 border-bottom: none; 1681 1682 } 1683 .accordian-title svg{ 1684 display: none; 1685 } 1686 footer .footer-block--address ul { 1687 justify-content: center; 1688 } 1689 .is-accordian { 1690 flex-direction: row; 1691 } 1692 .slider_wrapper { 1693 transition:height 1s ease-out; 1694 height:auto !important; 1695 /*This overrides any height added by JS*/ 1696 overflow:initial; 1697 } 1698 .is-accordian.flex.flex-wrap > li:first-child { 1699 1700 } 1701 } 1702 @media only screen and (min-width: 500px){ 1703 .useful-links.two_cols{ 1704 columns: 2; 1705 column-gap: 20px; 1706 } 1707 } 1708 .recently-viewed-products h2{ 1709 margin-bottom: 20px; 1710 } 1711 .recently-viewed-products{ 1712 padding: 40px 0; 1713 } 1714 .recently-viewed-products { 1715 background-color: #f5f5f5; 1716 } 1717 .recently-viewed-products h2{ 1718 color: #333333; 1719 } 1720 .recently-viewed-products h2{ 1721 margin-bottom: 20px; 1722 } 1723 </style> 1724 1725 1726 1727 1728 1729 1730 1731 <footer > 1732 <div class="container " > 1733 <div class="footer-block" > 1734 <h4>Useful Links</h4> 1735 <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> 1736 <li><a href="/terms.asp">Terms & Conditions</a></li> 1737 <li><a href="/privacy.asp">Privacy</a></li> 1738 <li><a href="/sitemap.asp">Sitemap</a></li> 1739 </ul><!-- #extra-page-menu --> 1740 </div> 1741 1742 <div class="footer-block" > 1743 <h4>Stay Connected </h4> 1744 <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> 1745 </div> 1746 1747 1748 1749 <div class="footer-block" style="display: none" > 1750 <h4>Delivery</h4> 1751 <p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p> 1752 <p class="flex flex_space-between" ><span>Royal Mail 1st Class Tracked</span><span>£6.99</span></p> 1753 <p class="flex flex_space-between" ><span>Royal Mail Tracked & Signed</span><span>£9.99</span></p> 1754 <p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p> 1755 </div> 1756 1757 1758 <div class="footer-block" > 1759 <h4>Get In Touch</h4> 1760 <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> 1761 </div> 1762 1763 <div class="footer-block" > 1764 1765 1766 1767 1768 1769 1770 <h4>We Accept</h4> 1771 <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> 1772 1773 </div> 1774 1775 </div> 1776 </footer> 1777 <div class="copyright-bar"> 1778 <div class="container"> 1779 <div class="copyright-block-company flex flex_align-center"> 1780 <div> 1781
1782 <span class="ekmps-vat-number">VAT Number: <span>524 6825 80</span></span><!-- /.ekmps-vat-number --> 1783 1784 1785 <span class="ekmps-company-number">Registered company: <span>02952518</span></span><!-- /.ekmps-company-number --> 1786 1787 </div> 1788 </div> 1789 1790 <div class="copyright-block-sitename flex flex_align-center"> 1791 1792 © Copyright 2008-2026 Devere Fabrics Ltd All rights reserved<br> 1793 1794 </div> 1795 </div> 1796 </div> 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 <style> 1808 .newsletter-notification{ 1809 position: fixed; 1810 z-index: 99; 1811 bottom: 0; 1812 right: 0; 1813 background-color: #eee; 1814 padding: 20px; 1815 border-radius: 10px; 1816 box-shadow: 0 3px 12px rgba(0,0,0,0.16); 1817 transform: translateX(150%); 1818 opacity: 0; 1819 transition: all 0.25s ease; 1820 margin: 10px; 1821 } 1822 .newsletter-notification.active{ 1823 transform: translateX(0%); 1824 opacity: 1; 1825 } 1826 .newsletter-noti-title{ 1827 font-size: 1.6rem; 1828 font-weight: 800; 1829 margin-bottom: 10px; 1830 color: #333; 1831 } 1832 .newsletter-noti-content{ 1833 font: 1.25rem; 1834 color: #333; 1835 } 1836 .newsletter-notification-close{ 1837 width: 25px; 1838 height: 25px; 1839 background-color: rgba(198, 198, 198, 0.933); 1840 border-radius: 50%; 1841 position: absolute; 1842 top: -6px; 1843 right: -6px; 1844 cursor: pointer; 1845 } 1846 .newsletter-notification-close > svg{ 1847 width: 18px; 1848 height: 18px; 1849 } 1850 @media only screen and (min-width:768px){ 1851 .newsletter-notification{ 1852 max-width: 400px; 1853 } 1854 } 1855 </style> 1856 <div class="newsletter-notification"> 1857 <div class="newsletter-notification-close flex flex_align-center flex_justify-center"> 1858 <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> 1859 </div> 1860 <p class="newsletter-noti-title">Thank you for signing up to our newsletter</p> 1861 <p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p> 1862 </div> 1863
1863<script defer> 1864 //Newsletter Form Message 1865 let newsletter_notification = document.querySelector(".newsletter-notification"); 1866 function newsletterSubmit() { 1867 // let newsletter_notification_title = document.querySelector(".newsletter-noti-title"); 1868 // let newsletter_notification_content = document.querySelector(".newsletter-noti-content"); 1869 newsletter_notification.classList.add("active"); 1870 setTimeout(() => { 1871 newsletter_notification.classList.remove("active"); 1872 }, 5000); 1873 }; 1874 1875 document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => { 1876 newsletter_notification.classList.remove("active"); 1877 }) 1878 1879 1880 const useful_links = document.querySelector(".useful-links"); 1881 if( useful_links.childElementCount >= 6 ){ 1882 useful_links.classList.add("two_cols") 1883 } 1884 1885 1886 1887 </script>
vendor: 2 bytes, line 1887
1887
1888<script> 1889 addEventListener('DOMContentLoaded', (event) => { 1890 const footerDropdownMenu = document.querySelector(".accordian-title"); 1891 const slideDownMenu = document.querySelector(".slider_wrapper"); 1892 if(footerDropdownMenu != null){ 1893 footerDropdownMenu.addEventListener("click", () => { 1894 const menuHeight = document.querySelector(".is-accordian").offsetHeight; 1895 if(slideDownMenu.offsetHeight > 0){ 1896 slideDownMenu.style.height = "0px" 1897 }else{ 1898 slideDownMenu.style.height = `${menuHeight}px`; 1899 } 1900 1901 }); 1902 } 1903 }); 1904</script>
1904 1905</ekm-section> 1906 1907 1908 1909 1910 </main>
1911<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
1911 1912<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" > 1913<noscript> 1914 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" > 1915 <link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low"> 1916</noscript>
1917<script defer > 1918 1919 const tabletMQ = window.matchMedia("(min-width: 768px)"); 1920 const desktopMQ = window.matchMedia("(min-width: 1024px)"); 1921 1922 window.addEventListener('DOMContentLoaded', (event) => { 1923 console.log('%cDOM fully loaded and parsed.', "color:#28a745"); 1924 1925const backgroundImageFullRes = (image) => { 1926 let element = document.querySelector(image); 1927 if(element == null){ 1928 return; 1929 } 1930 if(!element.hasAttribute("data-slider-num")){ 1931 let computedStyle = window.getComputedStyle(element); 1932 let bgImageUrl = computedStyle.backgroundImage; 1933 let newImageUrl; 1934 1935 // Remove the leading 'url(' and trailing ')' characters 1936 bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1); 1937 // Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL. 1938 bgImageUrl = bgImageUrl.split("?w")[0]; 1939 newImageUrl = bgImageUrl.replaceAll('"', ""); 1940 1941 // Appends the image URL with the query sting for a raw image 1942 newBackgroundImageURL = newImageUrl + "?r=1"; 1943 1944 1945 // Replaces current banner with high res one. 1946 element.style.backgroundImage = "url('" + newBackgroundImageURL + "')"; 1947 } 1948 1949 1950} 1951if(desktopMQ.matches){ 1952 backgroundImageFullRes(".main-banner-block"); 1953 console.log('%cBanner image updated.', "color:#28a745"); 1954} 1955 1956 1957 1958 var prod_sliders = document.querySelectorAll('.product-slider'); 1959 var prod_sliders_arr = Array.prototype.slice.call(prod_sliders); 1960 prod_sliders_arr.forEach(function(slider) { 1961 new Splide(slider, { 1962 type: "slide", 1963 pagination : false, 1964 perPage : 5, 1965 perMove: 1, 1966 rewind: true, 1967 rewindSpeed: 2500, 1968 gap: 20, 1969 speed: 1200, 1970 arrows: true, 1971 breakpoints: { 1972 550: { 1973 perPage: 1, 1974 perMove: 1 1975 }, 1976 900: { 1977 perPage: 2, 1978 perMove: 1 1979 }, 1980 1280: { 1981 perPage: 3, 1982 perMove: 2 1983 } 1984 }, 1985 }).mount(); 1986 }); 1987 1988 console.log('%cSlider initialisation complete.', "color:#28a745"); 1989 console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107"); 1990 setTimeout(() => { 1991 if (typeof ekmProductImageBadges != 'undefined'){ 1992 console.log('%cProduct stickers re-initialisation complete.', "color:#28a745"); 1993 ekmProductImageBadges.reInit(); 1994 } 1995 }, 400); 1996 // Closes the nav dropdown if the user clicks of the nav box. 1997 window.addEventListener("click", (e) => { 1998 const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper"); 1999 all_nav_grids.forEach((single_nav_grid) => { 2000 if(single_nav_grid.classList.contains("mobile_open")){ 2001 if(e.target != document.querySelector(".subnav-grid-wrapper")){ 2002 single_nav_grid.classList.toggle("mobile_open") 2003 } 2004 } 2005 }) 2006 }); 2007 2008 document.querySelectorAll(".splide__arrow").forEach(splideBtn => { 2009 if(splideBtn.disabled){ 2010 splideBtn.classList.add("ekm_hide_me") 2011 } 2012 }) 2013 2014 2015}); 2016 2017</script>
2017 2018
2019<script> 2020 window.addEventListener('DOMContentLoaded', (event) => { 2021 var cat_sliders = document.querySelectorAll(".category-slider"); 2022 var cat_sliders_arr = Array.prototype.slice.call(cat_sliders); 2023 cat_sliders_arr.forEach(function(slider) { 2024 new Splide(slider, { 2025 type: "slide", 2026 pagination : false, 2027 perPage : 5, 2028 rewind: true, 2029 rewindSpeed: 2500, 2030 gap: 20, 2031 perMove: 1, 2032 speed: 1200, 2033 breakpoints: { 2034 550: { 2035 perPage: 1, 2036 perMove: 1 2037 }, 2038 900: { 2039 perPage: 2, 2040 perMove: 1 2041 }, 2042 1280: { 2043 perPage: 3, 2044 perMove: 2 2045 } 2046 }, 2047 }).mount(); 2048 }); 2049 }) 2050</script>
2050 2051
2052<script defer fetchpriority="low" > 2053 2054// list of CSS files that are section specific 2055var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2056var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2057 2058//variables that are being checked at section level, this is used to determine if the section is in the merchants theme. 2059var is_promo_section_active; 2060var is_gallery_section_active; 2061 2062// The global function that adds the CSS link to the head 2063function addCSS(cssUrl) { 2064 var element = document.createElement("link"); 2065 element.setAttribute("rel", "stylesheet"); 2066 element.setAttribute("type", "text/css"); 2067 element.setAttribute("href", cssUrl); 2068 document.getElementsByTagName("head")[0].appendChild(element); 2069} 2070 2071// This is where the true or false gets stored if the section is active in the theme. 2072let section_active = { 2073 promoCSS: is_promo_section_active, 2074 galleryCSS: is_gallery_section_active 2075}; 2076 2077// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header. 2078for( var key in section_active){ 2079 if(section_active[key] == true){ 2080 addCSS(eval(key)); 2081 } 2082} 2083 2084 2085</script>
vendor: 2 bytes, line 2085
2085
2086<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 2086
2086
2087<script type="application/json" data-softcart-lc> 2088 { 2089 " In Stock": " Item in Stock", 2090 " Sold Out": " Out of stock", 2091 "fake": null 2092 } 2093 </script>
vendor: 2 bytes, line 2093
2093
2094<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
2094<script src="//ekmpinpoint.ekmsecure.com/harvest/stats.js" async></script>
vendor: 2 bytes, line 2094
2094
2095<script> 2096(function(fn, a){ 2097 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 2098 var called = false; 2099 var callOnce = function(){ 2100 if (called) return; 2101 epp[fn].apply(epp, a) ; 2102 called = true; 2103 }; 2104 if (epp && epp[fn]) return callOnce() ; 2105 var pfn; 2106 Object.defineProperty(epp, fn, { 2107 'enumerable': true, 2108 'configurable': false, 2109 'set': function(x) { 2110 pfn = x; 2111 callOnce() ; 2112 }, 2113 'get': function() { 2114 return pfn; 2115 } 2116 }) ; 2117})("getStats", ["devereyarns"]) ; 2118</script>
vendor: 2 bytes, line 2118
2118
2119<script src="//globalstats.ekmsecure.com/hits/stats-global.js" async></script>
vendor: 2 bytes, line 2119
2119
2120<script> 2121(function(fn, a){ 2122 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 2123 var called = false; 2124 var callOnce = function(){ 2125 if (called) return; 2126 epp[fn].apply(epp, a) ; 2127 called = true; 2128 }; 2129 if (epp && epp[fn]) return callOnce() ; 2130 var pfn; 2131 Object.defineProperty(epp, fn, { 2132 'enumerable': true, 2133 'configurable': false, 2134 'set': function(x) { 2135 pfn = x; 2136 callOnce() ; 2137 }, 2138 'get': function() { 2139 return pfn; 2140 } 2141 }) ; 2142})("getStatsGlobal", ["devereyarns","1"]) ; 2143</script>
2143 2144
2145<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>
2145</body> 2146</html> 2147
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.