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="fine, cosmetic, grade, glitter, ideal, tattoos, face, painting, festival, faces, nail, candles, soaps, hyperallergenic, safe, body, "> 20 <meta name="description" content="Fine cosmetic grade glitter .008 Ideal for use with glitter tattoos, face painting, festival faces, nail art as well as candles and soaps. 100%"> 21 <meta name="viewport" content="width=device-width, initial-scale=1"> 22 23 <link rel="shortcut icon" href="/ekmps/shops/juliecosgrove/favicon.ico?v=" type="image/x-icon" /> 24<link rel="icon" href="/ekmps/shops/juliecosgrove/favicon.ico?v=" type="image/x-icon" /> 25 26 27 <title>Glitter</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 39 40 41 42 43 <link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 44<style> 45 46 :root{ 47 48 --ekm-search-anchor: .header-search-bar !important; 49 50 --header_icons: #9d4edd; 51 --header_background: #ffffff; 52 53 --account_bg: #e0aaff; 54 --account_icon: #FFFFFF; 55 56 --cart_bg: #9d4edd; 57 --cart_icon: #FFFFFF; 58 59 --cart_item_bg: #e0aaff; 60 --cart_item_text: #FFFFFF; 61 62 --header_info_background: #ffffff; 63 --header_info_text: #565656; 64 65 --nav-dropdown-background: #f6f6f6; 66 --nav_bar_background: #3c096c; 67 --nav_bar_links: #ffffff; 68 --nav_dropdown_links: #3c096c; 69 --nav-breadcrumb-bg: #eeeeee; 70 71 --mobile_menu_icon: #9d4edd; 72 --mobile_menu_button_icon: #FFFFFF; 73 74 --body_background: #FFFFFF; 75 --category_page_background: #F3F3F3; 76 --product_page_background: #F3F3F3; 77 78 --body_text: #222222; 79 --body_review_stars: #e0aaff; 80 --body_main_links: #9d4edd; 81 --body_headings: #3c096c; 82 --section_bg: #FFFFFF; 83 84 85 86 --primary_button_btn_bg: #9d4edd; 87 --primary_button_btn_text: #FFFFFF; 88 89 --btn-border-radius: 3px; 90 91 --secondary_button_btn_bg: #9d4edd; 92 --secondary_button_btn_text: #ffffff; 93 94 --atc_button_btn_bg: #9d4edd; 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: #e0aaff; 104 --copyright_text: #FFFFFF; 105 106 --primary-font: Sen; 107 108 --ekm-atc-background-colour: #9d4edd; 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> 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': 'juliecosgrove'}) ;</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://13.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
133<script src="https://13.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": "juliecosgrove", 136"isSearchPage": false, 137"disabled": false, 138"searchQuery": null, 139"searchCategories": [], 140"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7RDg1MDA4OUYtMDA5MS00QTczLTk2NjYtRDc0QTc0NzgwN0UwfSIsImlhdCI6MTc4OTY2NDc3NiwiZXhwIjoxNzk1MTk0Nzc2LCJvcmlnaW5zIjpbImh0dHBzOi8vanVsaWVjb3Nncm92ZS4xMy5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMTMuZWttLm5ldCIsImh0dHBzOi8vZ2xpdHRlcnBvdC5jby51ayIsImh0dHBzOi8vd3d3LmdsaXR0ZXJwb3QuY28udWsiXX0.HhIBhxWvu_rZoLGWig0jkGzKSl_Wl7EaKoewZcAJeuI", 141"showAttributeFilter": true, 142"showCategoryFilter": true, 143"showPriceFilter": true, 144"showTDPrices": true, 145"isTDUser": false, 146"topLevelCategories": ["Accessories","Festival Glitter","Glitter","Glitter For Walls","Glitter Tattoos","Pros Aide Body Glue SFX","Seasonal"], 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/090cc2cb-2377-449a-825e-975369e4668a.js"></script>
152<style> 153/* Your CSS Here */ 154.nav-d > ul > li > a { 155 font-weight: 700; 156} 157 158.social-icons img { 159 max-height: 3.4rem; 160} 161 162#ekmResponseSignupButton { 163 background: #9933cc; 164 color: #fff; 165} 166</style>
166<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
166<link rel="canonical" href="https://glitterpot.co.uk/glitter-135-c.asp" />
166<script src="https://13.cdn.ekm.net/ekmps/assets/js/showdata-thumbnailhover.min.js?v=1"></script>
166<link href="https://13.cdn.ekm.net/ekmps/css/showdata-thumbnailhover.css" rel="stylesheet" type="text/css" />
166<script src="https://13.cdn.ekm.net/ekmps/designs/assets/cart/1298/other/upsell-splide-init.min.js" type="module"/></script>
166<link type="text/css" rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/shop-front/softcart.min.css?_=22" />
166<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://13.cdn.ekm.net/ekmps/assets/js/shop-front/softcart.min.js?_=56"></script>
166<script async src="https://13.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>
166<link type="text/css" rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/features/features/promostickers/productimagebadge.css?_=1" />
166<script async type="text/javascript" src="https://13.cdn.ekm.net/ekmps/assets/js/features/promostickers/productimagebadge.min.js?_=18" data-ekm-locale="English" data-ekm-product-badge-style="Rose/Large" 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="juliecosgrove" data-ekm-alignment="bottom right" data-ekm-use-cdn="1" ></script>
166<base href="/" /></head> 167 168<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 168-169
168 169<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
169GTM-KF9VMP
vendor: 87 bytes, lines 169-171
169' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 170 171
171<main role="main" class="main-content" data-cur-page="CATEGORY(135)"> 172<ekm-section data-id="ekm-section-id-0" data-type="header"> 173 174<!---------------------------------------> 175<!--LAST EDITED: 26/07/2022--> 176<!---------------------------------------> 177 178 179 180 181 <style> 182 /* ********************************** 183 SEARCH BAR SECTION SETTINGS 184 ********************************** */ 185 186 .header-search-bar input{ 187 background-color: #f6f6f6; 188 color: #565656; 189 border-radius: var(--btn-border-radius); 190 } 191 .header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{ 192 border: 2px solid #000000; 193 } 194 .header-search-bar.has_border form .ekmps-search-button{ 195 height: 44px; 196 border-left: none; 197 } 198 .header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 199 color: #565656; 200 } 201 .header-search-bar input::-moz-placeholder { /* Firefox 19+ */ 202 color: #565656; 203 } 204 .header-search-bar input:-ms-input-placeholder { /* IE 10+ */ 205 color: #565656; 206 } 207 .header-search-bar input:-moz-placeholder { /* Firefox 18- */ 208 color: #565656; 209 } 210 211 212 213 .ekmps-search-button{ 214 background-color: #f6f6f6; 215 cursor: pointer; 216 } 217 .ekmps-search-button svg path { 218 fill: #565656; 219 } 220 221 .header-search-bar form .ekmps-search-button{ 222 position: absolute; 223 right: 0; 224 top: 0; 225 width: 40px; 226 padding: 0; 227 cursor: pointer; 228 border: none; 229 display: flex; 230 align-items: center; 231 justify-content: center; 232 height: 100%; 233 border-bottom-right-radius: var(--btn-border-radius); 234 border-top-right-radius: var(--btn-border-radius); 235 background-color: transparent; 236 237 } 238 .header-search-bar form .ekmps-search-button:hover > svg{ 239 opacity: 0.8; 240 } 241 .header-search-bar form .ekmps-search-button > svg{ 242 height: 20px; 243 width: 20px; 244 } 245 246 .webpages_more_trigger{ 247 position: relative; 248 } 249 .webpages_more_trigger.hidden{ 250 display:none; 251 } 252 .announcement-bar > .container{ 253 flex-wrap: wrap; 254 grid-template-columns: 1fr 1fr; 255 display: grid; 256 gap: 20px; 257 } 258 .announcement-bar-nav.contact{ 259 justify-self: flex-start; 260 261 262 } 263 .more_webpages_nav{ 264 display:none; 265 position: absolute; 266 background: #FFF; 267 padding: 15px; 268 z-index: 9; 269 left: -70%; 270 top: 40px; 271 box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 272 width: 200px; 273 } 274 .more_webpages_nav.active{ 275 display:block; 276 } 277 .announcement-bar .announcement-bar-nav .more_webpages_nav li a{ 278 color: #333; 279 } 280 ul.no-style.more_webpages_nav:before { 281 content: ""; 282 display: block; 283 width: 20px; 284 height: 20px; 285 background: white; 286 transform: rotate(45deg); 287 position: absolute; 288 top: -7px; 289 left: 66px; 290 } 291 .webpages_more_trigger svg{ 292 margin-left: 10px; 293 } 294 header > .container{ 295 display: grid; 296 grid-template-columns: 1fr 1fr; 297 align-items: center; 298 justify-items: center; 299 gap: 20px; 300 } 301 302 .header-btn-wrapper{ 303 justify-self: flex-end; 304 } 305 .nav-icon-wrapper{ 306 justify-self: flex-start; 307 } 308 header .site-logo img{ 309 310 311 max-width: 280px; 312 313 } 314 .currency{ 315 justify-self: flex-end; 316 317 318 } 319 .header-search-bar{ 320 grid-column: -1 / 1; 321 } 322 323 .subnav-grid a:hover{ 324 text-decoration: underline; 325 } 326 327 @media only screen and (min-width:550px){ 328 header > .container{ 329 grid-template-columns: 90px minmax(300px, 1fr) 90px; 330 } 331 } 332 .nav-trigger--close, .nav-trigger--menu{ 333 display: none; 334 } 335 .nav-trigger--close.active, .nav-trigger--menu.active{ 336 display: block; 337 } 338 339 @media only screen and (min-width:768px){ 340 .subnav-grid li{ 341 margin-bottom: 10px; 342 } 343 .header-search-bar{ 344 grid-column: auto; 345 } 346 347 header > .container{ 348 349 350 grid-template-columns: 170px 1fr 178.5px; 351 352 } 353 354 .primary-nav > li .sub-sub-cats-wrapper{ 355 display: block; 356 right: 0; 357 top: 0 !important; 358 opacity: 1; 359 position: relative; 360 width: auto; 361 height: auto; 362 } 363 .primary-nav > li .sub-sub-cats-wrapper .subnav-grid{ 364 grid-template-columns: 1fr; 365 padding: 10px 0 0 0; 366 gap: 10px; 367 } 368 .primary-nav >
368 li .sub-sub-cats-wrapper .subnav-grid a{ 369 pointer-events: all; 370 font-weight: 400; 371 } 372 } 373 374 375 376 377 378 379 380 381 382[data-nav-design-type="main-dropdown"]{ 383 display: none; 384} 385 386@media only screen and (max-width:767px){ 387 .subnav-grid-wrapper{ 388 left: auto; 389 right: -100%; 390 transition: all 0.35s ease; 391 display: flex; 392 top: 0 !important; 393 display: none; 394 } 395 .subnav-grid-wrapper.mobile_open{ 396 right: 0%; 397 z-index: 1; 398 } 399 400} 401 402@media only screen and (min-width: 768px) { 403 404 .ekmps-search-button{ 405 background-color: var(--primary_button_btn_bg) !important; 406 cursor: pointer; 407 } 408 .ekmps-search-button svg path { 409 fill: #FFFFFF; 410 } 411 412 413 [data-nav-design-type="main-dropdown"]{ 414 pointer-events: auto; 415 left: 0; 416 opacity: 1; 417 } 418 .main_nav.open [data-nav-design-type="main-dropdown"]{ 419 display: block; 420 } 421 422} 423 424 425 426/* HEADER SEARCH ICON SETTINGS */ 427/* The CSS in the follow section are variable on the design that is being selected from the merchant */ 428 429 430.subnav-grid-wrapper-bg { 431 width: 100%; 432 height: 100vh; 433 position: absolute; 434 background: #0000002b; 435} 436 437@media only screen and (min-width: 989px){ 438 header > .container{ 439 grid-template-columns: 200px 1fr 200px; 440 } 441 442 .info-bar-text { 443 justify-self: center; 444 } 445 .announcement-bar > .container{ 446 flex-wrap: wrap; 447 grid-template-columns: 1fr 1fr 1fr; 448 449 grid-template-columns: 1fr 1fr; 450 451 } 452 .announcement-bar-nav.webpages, .info-bar-text{ 453 display: flex !important; 454 margin-right: 0px; 455 justify-self: flex-start; 456 457 margin-right: 10px; 458 459 460 } 461 .announcement-bar-nav.contact{ 462 justify-self: flex-start; 463 464 465 466 } 467 .currency{ 468 justify-self: flex-end; 469 470 471 } 472 .info-bar-text{ 473 474 } 475} 476 477 478/*// Hides the wishlist icon if the customer is not logged in.*/ 479 480 #headerWishlist{ 481 display: none; 482 483 484 485 486 487</style> 488 489 490 491 492 <div class="announcement-bar"> 493 <div class="container flex flex_space-between flex_align-center"> 494 <ul class="announcement-bar-nav no-style flex contact"> 495 496 497 498 499 500 501 </ul> 502 <div class="flex flex_align-center currency"> 503 504 505 506 </div> 507 <!-- end of flex flex_align-center --> 508 </div> 509 <!-- end of container --> 510 </div> 511 <!-- end of announcement-bar --> 512 513 514 515 516 517 518 519 520 521 522 523 524<header> 525 526 <div class="container" data-design-type="one"> 527 528 529 <!-- This is the nav icon that shows for the above designs --> 530 <div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center"> 531 <div class="icon nav-icon"> 532 <span></span> 533 <span></span> 534 <span></span> 535 </div> 536 </div> 537 538 539 <div class="site-logo" > 540 <a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/juliecosgrove/resources/design/logo.png" alt="Glitter Pot"/></a></a> 541 </div> 542 543 544 <!-- The search bar will only show in the main header for the above designs --> 545 <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 for product or brand" required value="" aria-label="Search for product or brand" rel="clear"/> 546 <ekm-search-categories></ekm-search-categories> 547 <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21" 548 viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg"> 549 <path 550 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.360
5507C19.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" 551 fill="#111111" /> 552 </svg></button></form></div> 553 554 555 556 <div class="header-btn-wrapper flex flex_align-center"> 557 558 559 560 561 562 563 564 565 566 567 <!-- The account login button - only shows if feature is active --> 568 <a href="/account/login" class="header-btn "> 569 <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> 570 </a> 571 572 573 <div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger"> 574 <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> 575 576 </div> 577 578 <div class="minicart-popout trade-login-hide"> 579 580 <!--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()--> 581 <div class="minicart-header"> 582 <p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p> 583 </div> 584 585 586 587 588 589 <div class="minicart-item-wrapper"> 590 <!--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( 591 <div class="minicart-grid"> 592 <div style="text-align: center;">[product_image]</div> 593 <div> 594 <p>[product_name_link]</p> 595 <p>Quantity: [product_qty]</p> 596 <p>[product_price]</p> 597 </div> 598 </div> 599 ) --><!--ekm:tag:minicart:output_content:end()--> 600 </div> 601 <div class="minicart-product-urgency minicart-product-urgency-free-delivery"> 602 603 </div> 604 605 <div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between"> 606 <p>Discounts: </p> 607 <p>-<span id="ekm_minicart_total_discount">£0.00</span></p> 608 </div> 609 <div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between"> 610 <p>Tax: </p> 611 <p><span id="ekm_minicart_total_tax">£0.00</span></p> 612 </div> 613 <div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between"> 614 <p>Delivery: </p> 615 <p><span id="ekm_minicart_total_delivery">£0.00</span></p> 616 </div> 617 <div class="minicart-total flex flex_align-center flex_space-between"> 618 <p>Total: </p> 619 <p><span id="ekm_minicart_total">£0.00</span></p> 620 </div> 621 <div class="minicart-footer flex "> 622 <span class="view-cart"><a href="index.asp?function=CART">View Basket</a></span> 623 <span class="checkout"><a href="https://glitterpot.co.uk/index.asp?function=CHECKOUT&uid=03F3CA54-5CE6-4ADC-B1D4-8B98A524528B">Checkout</a></span> 624 </div> 625 626 627</div> 628 629 </div> 630 </div> 631 632 633</header> 634 635 636<nav class="main_nav 637" 638 639 data-mode="main-nav-showing" 640 641> 642<div class="container" > 643 644 645 646 <ul class=" 647 primary-nav 648 flex 649 650 flex_justify-center 651 652 no-images 653 "> 654 655 656 <li class="flex has-children " 657 > 658 659 660 661 662 663 664 665 666 667 668 <div class="flex flex_align-center flex_space-between"> 669 670 671 672 <p>Glitter</p> 673 674 675 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 676 <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" /> 677 </svg> 678 679 680 </div> 681
682 <div class="subnav-grid-wrapper" data-nav-level="1"> 683 <div class="container"> 684 <div class="subnav-grid_mobile-menu" > 685 <p class="close_subcat"> 686 <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> 687 <span>Back</span></p> 688 <p class="prev-cat-name">Glitter</p> 689 </div> 690 <ul class="subnav-grid"> 691 692 <li > 693 694 695 696 697 <!-- Outputs a standard link if there is no sub categories at level 1 --> 698 <a href="fine-cosmetic-glitter---refil-bags-127-c.asp">Fine Cosmetic Glitter - Refil bags</a> 699 700 701 702 703 704 </li> 705 706 707 <li > 708 709 710 711 712 <!-- Outputs a standard link if there is no sub categories at level 1 --> 713 <a href="glitter-puffer-bottles-132-c.asp">Glitter Puffer Bottles</a> 714 715 716 717 718 719 </li> 720 721 722 <li > 723 724 725 726 727 <!-- Outputs a standard link if there is no sub categories at level 1 --> 728 <a href="chunky-glitters-101-c.asp">Chunky Glitters</a> 729 730 731 732 733 734 </li> 735 736 737 <li > 738 739 740 741 742 <!-- Outputs a standard link if there is no sub categories at level 1 --> 743 <a href="fine-cosmetic-glitter-10gram-pots-92-c.asp">Fine Cosmetic Glitter 10gram pots</a> 744 745 746 747 748 749 </li> 750 751 752 <li> 753 <a href="glitter-135-c.asp" title="[name]"> 754 755 756 757 View all Glitter 758 759 </a> 760 </li> 761 762 </ul> 763 </div> 764 </div> 765 <!-- end of subnav-grid-wrapper --> 766 767 </li> 768 769 770 <li > 771 772 773 774 775 776 <a href="pros-aide--body-glue-sfx-140-c.asp" title="Pros Aide Body Glue SFX"> 777 778 </a> 779 780 781 782 783 <div class="flex flex_align-center flex_space-between"> 784 785 786 <a href="pros-aide--body-glue-sfx-140-c.asp" title="Pros Aide Body Glue SFX">Pros Aide Body Glue SFX</a> 787 788 789 790 </div> 791 792 </li> 793 794 795 <li class="flex has-children " 796 > 797 798 799 800 801 802 803 804 805 806 807 <div class="flex flex_align-center flex_space-between"> 808 809 810 811 <p>Festival Glitter</p> 812 813 814 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 815 <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" /> 816 </svg> 817 818 819 </div> 820 821 <div class="subnav-grid-wrapper" data-nav-level="1"> 822 <div class="container"> 823 <div class="subnav-grid_mobile-menu" > 824 <p class="close_subcat"> 825 <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> 826 <span>Back</span></p> 827 <p class="prev-cat-name">Festival Glitter</p> 828 </div>
829 <ul class="subnav-grid"> 830 831 <li > 832 833 834 835 836 <!-- Outputs a standard link if there is no sub categories at level 1 --> 837 <a href="festival-glitter-kits-114-c.asp">Festival Glitter Kits</a> 838 839 840 841 842 843 </li> 844 845 846 <li > 847 848 849 850 851 <!-- Outputs a standard link if there is no sub categories at level 1 --> 852 <a href="festival-glitter-mixes-99-c.asp">Festival Glitter Mixes</a> 853 854 855 856 857 858 </li> 859 860 861 <li> 862 <a href="festival-glitter-134-c.asp" title="[name]"> 863 864 865 866 View all Festival Glitter 867 868 </a> 869 </li> 870 871 </ul> 872 </div> 873 </div> 874 <!-- end of subnav-grid-wrapper --> 875 876 </li> 877 878 879 <li class="flex has-children " 880 > 881 882 883 884 885 886 887 888 889 890 891 <div class="flex flex_align-center flex_space-between"> 892 893 894 895 <p>Glitter Tattoos</p> 896 897 898 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 899 <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" /> 900 </svg> 901 902 903 </div> 904 905 <div class="subnav-grid-wrapper" data-nav-level="1"> 906 <div class="container"> 907 <div class="subnav-grid_mobile-menu" > 908 <p class="close_subcat"> 909 <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> 910 <span>Back</span></p> 911 <p class="prev-cat-name">Glitter Tattoos</p> 912 </div> 913 <ul class="subnav-grid"> 914 915 <li > 916 917 918 919 920 <!-- Outputs a standard link if there is no sub categories at level 1 --> 921 <a href="glitter-tattoo-kits-50-c.asp">Glitter Tattoo Kits</a> 922 923 924 925 926 927 </li> 928 929 930 <li > 931 932 933 934 935 <!-- Outputs a standard link if there is no sub categories at level 1 --> 936 <a href="glitter-tattoo-stencils-100-c.asp">Glitter Tattoo Stencils</a> 937 938 939 940 941 942 </li> 943 944 945 <li> 946 <a href="glitter-tattoos-136-c.asp" title="[name]"> 947 948 949 950 View all Glitter Tattoos 951 952 </a> 953 </li> 954 955 </ul> 956 </div> 957 </div> 958 <!-- end of subnav-grid-wrapper --> 959 960 </li> 961 962 963 <li class="flex has-children " 964 > 965 966 967 968 969 970 971 972 973 974 975 <div class="flex flex_align-center flex_space-between"> 976 977 978 979 <p>Glitter For Walls</p> 980 981 982 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 983 <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" /> 984 </svg> 985 986 987 </div> 988
989 <div class="subnav-grid-wrapper" data-nav-level="1"> 990 <div class="container"> 991 <div class="subnav-grid_mobile-menu" > 992 <p class="close_subcat"> 993 <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> 994 <span>Back</span></p> 995 <p class="prev-cat-name">Glitter For Walls</p> 996 </div> 997 <ul class="subnav-grid"> 998 999 <li > 1000 1001 1002 1003 1004 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1005 <a href="glitter-additive-for-paint---fine-008-142-c.asp">Glitter Additive for Paint - Fine .008â</a> 1006 1007 1008 1009 1010 1011 </li> 1012 1013 1014 <li> 1015 <a href="glitter-for-walls-141-c.asp" title="[name]"> 1016 1017 1018 1019 View all Glitter For Walls 1020 1021 </a> 1022 </li> 1023 1024 </ul> 1025 </div> 1026 </div> 1027 <!-- end of subnav-grid-wrapper --> 1028 1029 </li> 1030 1031 1032 <li class="flex has-children " 1033 > 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 <div class="flex flex_align-center flex_space-between"> 1045 1046 1047 1048 <p>Seasonal</p> 1049 1050 1051 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1052 <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" /> 1053 </svg> 1054 1055 1056 </div> 1057 1058 <div class="subnav-grid-wrapper" data-nav-level="1"> 1059 <div class="container"> 1060 <div class="subnav-grid_mobile-menu" > 1061 <p class="close_subcat"> 1062 <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> 1063 <span>Back</span></p> 1064 <p class="prev-cat-name">Seasonal</p> 1065 </div> 1066 <ul class="subnav-grid"> 1067 1068 <li > 1069 1070 1071 1072 1073 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1074 <a href="halloween-119-c.asp">Halloween</a> 1075 1076 1077 1078 1079 1080 </li> 1081 1082 1083 <li > 1084 1085 1086 1087 1088 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1089 <a href="christmas-118-c.asp">Christmas</a> 1090 1091 1092 1093 1094 1095 </li> 1096 1097 1098 <li > 1099 1100 1101 1102 1103 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1104 <a href="easter-150-c.asp">Easter</a> 1105 1106 1107 1108 1109 1110 </li> 1111 1112 1113 <li> 1114 <a href="seasonal-138-c.asp" title="[name]"> 1115 1116 1117 1118 View all Seasonal 1119 1120 </a> 1121 </li> 1122 1123 </ul> 1124 </div> 1125 </div>
1126 <!-- end of subnav-grid-wrapper --> 1127 1128 </li> 1129 1130 1131 <li class="flex has-children " 1132 > 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 <div class="flex flex_align-center flex_space-between"> 1144 1145 1146 1147 <p>Accessories</p> 1148 1149 1150 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1151 <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" /> 1152 </svg> 1153 1154 1155 </div> 1156 1157 <div class="subnav-grid-wrapper" data-nav-level="1"> 1158 <div class="container"> 1159 <div class="subnav-grid_mobile-menu" > 1160 <p class="close_subcat"> 1161 <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> 1162 <span>Back</span></p> 1163 <p class="prev-cat-name">Accessories</p> 1164 </div> 1165 <ul class="subnav-grid"> 1166 1167 <li > 1168 1169 1170 1171 1172 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1173 <a href="brushesbottlescontainers-37-c.asp">Brushes/Bottles/Containers</a> 1174 1175 1176 1177 1178 1179 </li> 1180 1181 1182 <li > 1183 1184 1185 1186 1187 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1188 <a href="party-bags-stocking-fillers-108-c.asp">Party Bags /Stocking Fillers</a> 1189 1190 1191 1192 1193 1194 </li> 1195 1196 1197 <li> 1198 <a href="accessories-137-c.asp" title="[name]"> 1199 1200 1201 1202 View all Accessories 1203 1204 </a> 1205 </li> 1206 1207 </ul> 1208 </div> 1209 </div> 1210 <!-- end of subnav-grid-wrapper --> 1211 1212 </li> 1213 1214 1215 1216 1217 </ul> 1218 <!--<div class="more" >More</div>--> 1219 1220</div> 1221 1222<!-- 1223 NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP 1224 --> 1225 1226</nav> 1227 1228
1228<script> 1229 const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children') 1230 primary_nav_list_item.forEach(list_item => { 1231 list_item.classList.add("no-images"); 1232 list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images"); 1233 }) 1234 </script>
1234 1235 1236 1237</ekm-section> 1238<article class="main-content category-section"> 1239 <ekm-section data-id="ekm-section-id-1" data-type="category-page-layout" > 1240 <style> 1241.category-section{ 1242 background-color: var(--category_page_background); 1243} 1244 1245form[name="product-filter"] .ui-slider-horizontal{ 1246 height: 5px !important; 1247 margin: 0 auto; 1248 width: 90%; 1249} 1250.price-labels{ 1251 width: 90%; 1252 margin: 10px auto; 1253} 1254form[name="product-filter"] .ui-slider-horizontal .ui-slider-handle{ 1255 width: 12px !important; 1256 height: 12px !important;no 1257 border-radius: 50% !important; 1258 background-color: #333 !important; 1259} 1260form[name="product-filter"] .ui-slider-horizontal .ui-slider-range{ 1261 background-color: var(--body_main_links) !important; 1262} 1263form[name="product-filter"] input[type="checkbox"]{ 1264 width: 20px; 1265 height: 20px; 1266 margin-right: 5px; 1267} 1268form[name="product-filter"] ul{ 1269 list-style-type: none; 1270} 1271form[name="product-filter"] ul li{ 1272 font-size: 1.4rem; 1273 display: -webkit-box; 1274 display: -ms-flexbox; 1275 display: flex; 1276 -webkit-box-align: center; 1277 -ms-flex-align: center; 1278 align-items: center; 1279 margin-bottom: 10px; 1280} 1281form[name="product-filter"] ul li label{ 1282 font-size: 1.4rem; 1283 word-break: break-word; 1284} 1285form[name="product-filter"] ul li span{ 1286 margin-left: 5px; 1287} 1288form[name="product-filter"] p{ 1289 font-size: 1.4rem; 1290 font-weight: 600; 1291 margin-bottom: 10px; 1292} 1293form[name="product-filter"] h2{ 1294 font-size: 1.6rem; 1295 font-weight: 600; 1296 1297 margin-bottom: 10px; 1298 1299 1300} 1301form[name="product-filter"] ul li span { 1302 margin-left: 5px; 1303 font-size: 1.2rem; 1304 font-style: italic; 1305} 1306 1307.product-page-block.incategory-desc img{ 1308 1309} 1310 1311.sub-category-grid{ 1312 display: -ms-grid; 1313 display: grid; 1314 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); 1315 gap: 20px; 1316} 1317.sub-category-grid-item{ 1318 display: grid; 1319 color: #333; 1320} 1321 1322@media screen and (max-width: 459px) { 1323.sub-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } 1324.sub-category-grid-item { width: auto !important; } 1325} 1326 1327.sub-category-grid{ 1328 grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); 1329 1330 1331} 1332 1333.sub-category-grid-items{ 1334 1335} 1336 1337.sub-category-grid-items a{ 1338 1339} 1340 1341 1342 .sub-category-grid-items a:before { 1343 1344 } 1345 1346 1347.sub-category-grid-item{ 1348 width: 195px; 1349 1350} 1351.sub-category-grid-item img{ 1352 width: 100%; 1353 border: 1px solid #DDDDDD; 1354 1355 padding: 10px; 1356 -webkit-transition: all 0.25s ease; 1357 -o-transition: all 0.25s ease; 1358 transition: all 0.25s ease; 1359 -o-object-fit: contain; 1360 object-fit: contain; 1361 aspect-ratio: 1 / 1; 1362 1363} 1364.sub-category-grid-item p{ 1365 padding: 0 10px; 1366 text-align: center; 1367 1368 color: #333; 1369 margin-bottom: 0px; 1370} 1371 1372 1373 1374.sub-category-grid-item:hover > img{ 1375 padding: 10px; 1376 1377} 1378 1379.product-categories-list-item{ 1380 margin-bottom: 5px; 1381} 1382.product-categories-list-item > a{ 1383 display: block; 1384 width: 100%; 1385 -o-text-overflow: ellipsis; 1386 text-overflow: ellipsis; 1387 overflow: hidden; 1388 white-space: nowrap; 1389 font-size: 1.4rem; 1390 -webkit-transition: all 0.25s ease; 1391 -o-transition: all 0.25s ease; 1392 transition: all 0.25s ease; 1393} 1394.product-categories-list-item > a > b{ 1395 font-size: inherit; 1396} 1397.product-categories-list-item > a:hover{ 1398 -webkit-transform: translateX(10px); 1399 -ms-transform: translateX(10px); 1400 transform: translateX(10px); 1401} 1402.product-categories-list-item > svg{ 1403 width: 10px; 1404 height: 10px; 1405 margin-left: 20px; 1406} 1407.product-categories-list-item.hidden{ 1408 display: none; 1409} 1410.product-categories-list-item.trigger{ 1411 display: -webkit-box; 1412 display: -ms-flexbox; 1413 display: flex; 1414} 1415.main-category-grid{ 1416 display: -ms-grid; 1417 display: grid; 1418 -ms-grid-columns: 1fr; 1419 grid-template-columns: 1fr; 1420 gap: 20px; 1421} 1422.product-page-block.product-item-grid_no-products { 1423 grid-column: 1 / -1; 1424} 1425.product-page-block.product-item-grid_no-products p { 1426 margin-bottom:0; 1427} 1428.product-item-grid > .product-page-block{ 1429 margin-bottom: 0; 1430} 1431.category-filter-block.category-filter-block p:not(.category-showing){ 1432 display:none; 1433} 1434.category-main.full-width{ 1435 grid-column: 1 / -1; 1436} 1437 1438.product-item-grid.is-list{ 1439 -ms-grid-columns: 1fr; 1440 grid-template-columns: 1fr; 1441} 1442.aerial-product-item.list-active{
1443 display: none; 1444} 1445.aerial-product-item__list .aerial-product-item_header img{ 1446 height: 120px; 1447 -o-object-fit: contain; 1448 margin: 0 auto; 1449 display: block; 1450 aspect-ratio: 1 / 1; 1451 object-fit: contain; 1452} 1453.aerial-product-item__list .aerial-product-item_header img.ekm-product-image-badge{ 1454 height: auto; 1455 border: none; 1456} 1457 1458.aerial-product-item__list{ 1459 background-color: white; 1460 display: none; 1461} 1462.aerial-product-item__list.list-active{ 1463 display: -webkit-box; 1464 display: -ms-flexbox; 1465 display: flex; 1466 flex-direction: column; 1467 align-items:center; 1468 padding: 10px; 1469 gap: 20px; 1470} 1471.aerial-product-item__list_body{ 1472 display: grid; 1473 grid-template-columns: 1fr; 1474 gap: 0 20px; 1475 width: 100%; 1476} 1477.sub-category-grid-item p { 1478 1479} 1480 1481@media only screen and (min-width:700px){ 1482 .aerial-product-item__list.list-active{ 1483 flex-direction: row; 1484 padding: 20px; 1485 } 1486 .aerial-product-item__list_body{ 1487 grid-template-columns: 1fr 175px; 1488 } 1489 .aerial-product-item__list .aerial-product-item_header img{ 1490 height: 200px; 1491 } 1492 .product-page-block.incategory-desc img{ 1493 1494 } 1495 .product-page-block a { 1496 1497 } 1498} 1499.aerial-product-item__list_body .quickview-btn-wrapper{ 1500 height: auto; 1501} 1502.aerial-product-item__list_body .product-name a{ 1503 font-weight: 600; 1504 font-size: 1.7rem; 1505 margin-bottom: 5px; 1506 display: inline-block; 1507} 1508.aerial-product-item__list_body .product-name a:hover{ 1509 text-decoration: underline; 1510} 1511.aerial-product-item__list_body .short-desc p, 1512.aerial-product-item__list_body .stock-indicator{ 1513 font-size: 1.2rem; 1514} 1515.aerial-product-item__list_body .stock-indicator{ 1516 color: var(--ekm-success-colour-text); 1517} 1518.aerial-product-item__list_body .stock-indicator.oos{ 1519 color: var(--ekm-warning-colour-text); 1520} 1521.aerial-product-item__list_body .short-desc{ 1522 width: 100%; 1523 height: 100%; 1524 border-top: 1px solid #eee; 1525 padding-top: 10px; 1526} 1527.aerial-product-item__list_body .stock-indicator{ 1528 font-weight: 600; 1529} 1530.aerial-product-item__list .price_list{ 1531 text-align: right; 1532 align-self: end; 1533} 1534.aerial-product-item__list .price_list p{ 1535 display: block; 1536 font-weight: 600; 1537} 1538.aerial-product-item__list .price_list p:first-child{ 1539 font-size: 1.2rem; 1540 text-decoration: line-through; 1541 opacity: 0.6; 1542} 1543 1544 1545 1546/* Panel style */ 1547 .accordion .a-container .a-panel{ 1548 width: 100%; 1549 color: #262626; 1550 -webkit-transition: all 0.2s ease-in-out; 1551 -o-transition: all 0.2s ease-in-out; 1552 transition: all 0.2s ease-in-out; 1553 opacity: 0; 1554 height: auto; 1555 max-height: 0; 1556 overflow: hidden; 1557 padding: 0px 10px; 1558 1559 } 1560 1561 /* Panel style when active */ 1562 .accordion svg{ 1563 width: 10px; 1564 height: 10px; 1565 -webkit-transition: all 0.25s ease; 1566 -o-transition: all 0.25s ease; 1567 transition: all 0.25s ease; 1568 } 1569 .accordion svg.active{ 1570 -webkit-transform: rotate(45deg); 1571 -ms-transform: rotate(45deg); 1572 transform: rotate(45deg); 1573 } 1574 .accordion .a-container.active .a-panel{ 1575 padding: 15px 10px 10px 10px; 1576 opacity: 1; 1577 height: auto; 1578 max-height: 500px; 1579 } 1580 .product-page-block .accordian-title{ 1581 font-size: 1.6rem; 1582 font-weight: 600; 1583 cursor: pointer; 1584 padding: 10px; 1585 } 1586 .product-page-block .accordian-title:hover{ 1587 background-color: #EEE; 1588 } 1589 1590/*PAGINATION LAYOUT*/ 1591 1592.pagination-grid{ 1593 display: -ms-grid; 1594 display: grid; 1595 -ms-grid-columns: 1fr 2fr 1fr; 1596 grid-template-columns: 1fr 2fr 1fr; 1597 -webkit-box-align: center; 1598 -ms-flex-align: center; 1599 align-items: center; 1600} 1601.pagination-numbers{ 1602 -ms-grid-column: 2; 1603 -ms-grid-column-span: 1; 1604 grid-column: 2 / 3; 1605 text-align: center; 1606} 1607.product-page-block a.pagination-next{ 1608 -ms-grid-column: 3; 1609 -ms-grid-column-span: 1; 1610 grid-column: 3 / 4; 1611 text-align: right; 1612 color: #333; 1613} 1614.product-page-block a.pagination-prev{ 1615 -ms-grid-column: 1; 1616 -ms-grid-column-span: 1; 1617 grid-column: 1 / 2; 1618 color: #333; 1619} 1620 1621.pagination-numbers a{ 1622 line-height: 1; 1623 width:30px; 1624 height: 30px; 1625 margin: 0 5px; 1626 display:-webkit-inline-box; 1627 display:-ms-inline-flexbox; 1628 display:inline-flex; 1629 color: #333; 1630} 1631.pagination-numbers a.pagination-current-page{ 1632 background-color: var(--primary_button_btn_bg); 1633 color: var(--primary_button_btn_text); 1634}
1635 1636a.pagination-next, a.pagination-prev{ 1637 font-weight: 500; 1638 font-size: 15px; 1639} 1640.sidebar-prod-cat, .sidebar-filters{ 1641 display:none; 1642 1643} 1644.sidebar-filters{ 1645 padding: 0; 1646} 1647.sidebar-filters h2{ 1648 padding: 20px; 1649 background-color: #EFEFEF; 1650} 1651.sidebar-filters svg{ 1652 height: 15px; 1653 width: 15px; 1654} 1655.sidebar-filters p, .sidebar-filters ul{ 1656 padding-left: 20px; 1657} 1658.sidebar-filters.active{ 1659 display:block; 1660 position: fixed; 1661 top: 0; 1662 left:0; 1663 width: 100%; 1664 height: 100vh; 1665 z-index: 9999; 1666 overflow-y: scroll; 1667} 1668.mobile-filter-trigger svg{ 1669 height: 20px; 1670 margin-right: 10px; 1671} 1672.category-showing{ 1673 display:none; 1674} 1675/*SORT BY */ 1676.category-details-wrapper p{ 1677 margin-bottom: 0; 1678} 1679.sort_by_wrapper span{ 1680 font-size: 1.4rem; 1681 margin-right: 5px; 1682} 1683span.mobile-hidden { 1684 margin-bottom: 0px; 1685} 1686.sort_by_wrapper select{ 1687 -webkit-appearance: none; 1688 -moz-appearance: none; 1689 appearance: none; 1690 font-size: 1.4rem; 1691 padding: 0.5em 2.25em 0.5em 0.5em; 1692 border: none; 1693 outline: none; 1694 border-radius: 5px; 1695 border: 2px #eee solid; 1696 background-image: url(//themes.cdn.ekm.net/themes/master/2271/images/chevron-down.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF); 1697 background-size: 20px 10px; 1698 background-repeat: no-repeat; 1699 background-position: 95%; 1700 cursor: pointer; 1701} 1702.sort_by_wrapper select:hover{ 1703 background-color: #eee; 1704} 1705.sort_by_wrapper option{ 1706 display:block; 1707 font-size: 1.4rem; 1708 padding: 0.5em; 1709} 1710 1711.grid-list-view > svg{ 1712 margin-left: 10px; 1713 cursor: pointer; 1714 -webkit-transition: all 0.25s ease; 1715 -o-transition: all 0.25s ease; 1716 transition: all 0.25s ease; 1717} 1718.grid-list-view > svg:hover{ 1719 -webkit-transform: scale(1.1); 1720 -ms-transform: scale(1.1); 1721 transform: scale(1.1); 1722} 1723.ekm-sortby-form{ 1724 display:flex; 1725} 1726 1727@media only screen and (min-width:950px){ 1728 .main-category-grid{ 1729 display: -ms-grid; 1730 display: grid; 1731 -ms-grid-columns: 250px 20px 1fr; 1732 grid-template-columns: 250px 1fr; 1733 1734 gap: 20px; 1735 } 1736 .sub-category-grid-item img{ 1737 padding: 20px; 1738 1739 } 1740 form[name="product-filter"] .ui-slider-horizontal, .price-labels{ 1741 width: 100%; 1742 } 1743 .sidebar-prod-cat, .sidebar-filters{ 1744 display:block; 1745 } 1746 .sidebar-filters.active{ 1747 position: relative; 1748 top: 0; 1749 left:0; 1750 width: auto; 1751 height: auto; 1752 } 1753 .mobile-filter-trigger{ 1754 display:none; 1755 } 1756 .category-showing{ 1757 display: block; 1758 } 1759 .sidebar-filters p, .sidebar-filters ul{ 1760 padding-left: 0px; 1761 } 1762 .sidebar-filters{ 1763 padding: 20px; 1764 } 1765 .sidebar-filters h2{ 1766 padding: 0px; 1767 background-color: transparent; 1768 } 1769 .filter-groups { 1770 display: grid; 1771 1772 } 1773} 1774@media only screen and (min-width:768px){ 1775 .category-filter-block.category-filter-block p:not(.category-showing){ 1776 display:block; 1777 } 1778 .sub-category-grid{ 1779 1780 1781 } 1782 1783} 1784 1785.customer-review-header .rating-wrapper svg, .product-details .rating-wrapper svg { 1786 height: 20px; 1787 width: 125px; 1788} 1789 1790.sidebar-promo{ 1791 padding: 20px; 1792 -webkit-box-orient: vertical; 1793 -webkit-box-direction: normal; 1794 -ms-flex-direction: column; 1795 flex-direction: column; 1796 margin-bottom: 20px; 1797 transition: transform 0.25s ease; 1798} 1799.sidebar-promo:hover{ 1800 transform: scale(1.02); 1801} 1802.sidebar-promo img{ 1803 margin-bottom: 20px; 1804 max-width: 50px; 1805 width: 100%; 1806} 1807.sidebar-promo h3{ 1808 margin-bottom: 10px; 1809 1810} 1811.sidebar-promo.light{ 1812 background-color: #049aff; 1813} 1814.sidebar-promo.dark{ 1815 background-color: #20252E; 1816} 1817.sidebar-promo h3, .sidebar-promo p { 1818 text-align: center; 1819 max-width: 500px; 1820 width: 100%; 1821} 1822.sidebar-promo.light h3, .sidebar-promo.light p { 1823 color: #FFFFFF; 1824 1825} 1826.sidebar-promo.dark h3, .sidebar-promo.dark p { 1827 color: #FFFFFF; 1828} 1829.sidebar-promo-wrapper{ 1830 display: grid; 1831 grid-template-columns: 1fr; 1832 1833} 1834 1835@media only screen and (min-width:600px){ 1836 .sidebar-promo-wrapper{ 1837 grid-template-columns: 1fr 1fr; 1838 gap: 20px; 1839 } 1840} 1841@media only screen and (min-width:950px){ 1842 .sidebar-promo-wrapper{ 1843 grid-template-columns: 1fr; 1844 gap: 0px; 1845 1846 } 1847} 1848.ekm-productoptions-size-option:checked + label { 1849 border-color: var(--atc_button_btn_bg) !important; 1850 background-color: var(--atc_button_btn_bg) !important; 1851 color: var(--atc_button_btn_text) !important; 1852} 1853 1854.show-results, .show-results-mobile { 1855 font-size: 1.4rem; 1856 text-align: center; 1857} 1858.show-results{ 1859 opacity: 0; 1860 height: 0; 1861} 1862.show-results-mobile { 1863 padding-bottom: 36px; 1864} 1865 1866@media only screen and (min-width: 768px) { 1867 .show-results-mobile{ 1868 display: none; 1869 } 1870} 1871 1872</style> 1873 1874<div class="container"> 1875 <div class="breadcrumb"><span><a href="./" class=""><span>Home</span></a> / </span><span><a href="glitter-135-c.asp" class="current"><span>Glitter</span></a></span></div><!-- /.breadcrumb -->
1875<script type="application/ld+json">{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "./","name": "Home"}},{"@type": "ListItem","position": 2,"item": {"@id": "glitter-135-c.asp","name": "Glitter"}}]}</script>
1875 1876 1877 1878 1879<section class="main-category-grid" > 1880 1881 <div class="category-side-menu"> 1882 1883 1884 1885 <div class="product-page-block sidebar-prod-cat"> 1886 <p class="sidebar-heading">Categories</p> 1887 <!--ekm-output-start--> 1888 1889 <div class="product-categories-list-item flex flex_align-center flex_space-between"> 1890 <a href="fine-cosmetic-glitter---refil-bags-127-c.asp" >Fine Cosmetic Glitter - Refil bags</a> 1891 <?xml version="1.0" encoding="iso-8859-1"?> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> 1892 <br> 1893 </div> 1894 1895 </td> 1896 1897 <div class="product-categories-list-item flex flex_align-center flex_space-between"> 1898 <a href="glitter-puffer-bottles-132-c.asp" >Glitter Puffer Bottles</a> 1899 <?xml version="1.0" encoding="iso-8859-1"?> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> 1900 <br> 1901 </div> 1902 1903 </td> 1904 1905 <div class="product-categories-list-item flex flex_align-center flex_space-between"> 1906 <a href="chunky-glitters-101-c.asp" >Chunky Glitters</a> 1907 <?xml version="1.0" encoding="iso-8859-1"?> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> 1908 <br> 1909 </div> 1910 1911 </td> 1912 1913 <div class="product-categories-list-item flex flex_align-center flex_space-between"> 1914 <a href="fine-cosmetic-glitter-10gram-pots-92-c.asp" >Fine Cosmetic Glitter 10gram pots</a> 1915 <?xml version="1.0" encoding="iso-8859-1"?> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> 1916 <br> 1917 </div> 1918 1919 </td></tr><!--ekm-output-end--> 1920 <!--<div class="product-categories-list-item flex flex_align-center flex_space-between trigger">--> 1921 <!-- <a href="#" class="view-all-prod-list"><b>View all categories</b></a>--> 1922 <!-- <?xml version="1.0" encoding="iso-8859-1"?> <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z" /> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>--> 1923 <!--</div>--> 1924 </div> 1925 1926 1927 <!--END OF CATEGORY SUBCATS--> 1928 1929 1930 1931 1932 1933 1934 1935 <div class="sidebar-promo-wrapper" > 1936 1937 <a href="/" class="sidebar-promo flex flex_align-center light" > 1938 <img src="//themes.cdn.ekm.net/themes/master/2271/images/rocket.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" width="50" height="50" alt="" decoding="async"/> 1939 <h3>Promo one text</h3> 1940 <p>Promo one text</p> 1941 </a> 1942 1943 1944 1945 <a href="/" class="sidebar-promo flex flex_align-center dark" > 1946 <img src="//themes.cdn.ekm.net/themes/master/2271/images/circle-arrow.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" width="50" height="50" alt="" decoding="async" /> 1947 <h3>Promo two text</h3> 1948 <p>Promo two text</p> 1949 </a> 1950 1951 </div> 1952 1953 1954 </div> 1955 1956 1957 1958 <div class="category-main" > 1959 1960 1961 <div class="product-page-block incategory-desc"> 1962 <h1>Glitter</h1> 1963 <p>Fine cosmetic grade glitter .008</p> 1964 1965<p>Ideal for use with glitter tattoos, face painting, festival face, nail art as well as candles and s
1965oaps.</p> 1966 1967<p>100% hyperallergenic - safe for use on face and body. </p> 1968 1969 <div class="sub-category-grid" ><!--ekm-output-start--><tr><td width="50%" > 1970 <div class="sub-category-grid-items"> 1971 <a href="fine-cosmetic-glitter---refil-bags-127-c.asp" class="sub-category-grid-item" > 1972 1973 1974 <img src="https://files.ekmcdn.com/juliecosgrove/images/fine-cosmetic-glitter-refil-bags-127-c.jpeg?w=400&h=400&v=F3010000-CE4C-4861-A45E-22D5EB901A5B" alt="Fine Cosmetic Glitter - Refil bags" class="cat-img" decoding="async"> 1975 1976 1977 1978 <p>Fine Cosmetic Glitter - Refil bags</p> 1979 </a> 1980 1981 </div> 1982 </td><td width="50%" > 1983 <div class="sub-category-grid-items"> 1984 <a href="glitter-puffer-bottles-132-c.asp" class="sub-category-grid-item" > 1985 1986 1987 <img src="https://files.ekmcdn.com/juliecosgrove/images/glitter-puffer-bottles-132-c.jpeg?w=400&h=400&v=D74752F1-968F-46EF-9C2A-6E5F52C1632B" alt="Glitter Puffer Bottles" class="cat-img" decoding="async"> 1988 1989 1990 1991 <p>Glitter Puffer Bottles</p> 1992 </a> 1993 1994 </div> 1995 </td><td width="50%" > 1996 <div class="sub-category-grid-items"> 1997 <a href="chunky-glitters-101-c.asp" class="sub-category-grid-item" > 1998 1999 2000 <img src="https://files.ekmcdn.com/juliecosgrove/images/chunky-glitters-101-c.jpeg?w=400&h=400&v=6F0EA19D-C668-430A-B4E4-5CD61467E9CE" alt="Chunky Glitters" class="cat-img" decoding="async"> 2001 2002 2003 2004 <p>Chunky Glitters</p> 2005 </a> 2006 2007 </div> 2008 </td><td width="50%" > 2009 <div class="sub-category-grid-items"> 2010 <a href="fine-cosmetic-glitter-10gram-pots-92-c.asp" class="sub-category-grid-item" > 2011 2012 2013 <img src="https://files.ekmcdn.com/juliecosgrove/images/fine-cosmetic-glitter-10gram-pots-92-c.jpg?w=400&h=400&v=7D171BD8-370A-4EDF-9B4C-CC072D16A3F6" alt="Fine Cosmetic Glitter 10gram pots" class="cat-img" decoding="async"> 2014 2015 2016 2017 <p>Fine Cosmetic Glitter 10gram pots</p> 2018 </a> 2019 2020 </div> 2021 </td></tr><!--ekm-output-end--></div> 2022 2023 </div> 2024 2025 2026 <style> 2027 .filters-button{ 2028 display: none; 2029 align-items: center; 2030 font-size: 1.5rem; 2031 cursor: pointer; 2032 } 2033 .filters-button p{ 2034 margin: 0; 2035 } 2036 .filters-button svg{ 2037 width: 20px; 2038 margin-right: 10px; 2039 } 2040 .filters-button svg.filters-close{ 2041 display: none; 2042 } 2043 2044 .filter-sort-wrapper{ 2045 display: grid; 2046 grid-template-columns: 1fr; 2047 } 2048 .desktop-filter-wrapper{ 2049 margin-top: -18px; 2050 height: 0; 2051 transition: all 0.25s ease; 2052 overflow:hidden; 2053 /* display: none; */ 2054 } 2055 #product-list{ 2056 margin-top: 18px; 2057 } 2058 2059 2060 .filter-sort-wrapper > .filters-button{ 2061 display: none; 2062 } 2063 2064 @media only screen and (min-width: 950px){ 2065 .filters-button{ 2066 display: flex; 2067 } 2068 .filter-sort-wrapper{ 2069 grid-template-columns: 110px 1fr; 2070 gap: 2px; 2071 } 2072 .mobile-filter-header{ 2073 display: none; 2074 } 2075 .desktop-filter-wrapper{ 2076 display: block; 2077 } 2078 2079 .filter-sort-wrapper{ 2080 grid-template-columns: 1fr; 2081 } 2082 2083 } 2084 } 2085 2086 </style> 2087 2088 <div class="filter-sort-wrapper" > 2089 <div class="filters-button product-page-block" ></div> 2090 2091 2092 2093 2094 2095 <div class="product-page-block category-details-wrapper category-filter-block"> 2096 2097 <div class="flex flex_align-center flex_space-between" > 2098 2099 2100 2101 <p id="category_showing"></p> 2102 <div class='grid-list-view flex flex_align-center'> 2103 <p>View</p> 2104 <svg class='grid-view' width='20' height='17' viewBox='0 0 18 16' xmlns='https://www.w3.org/2000/svg'> 2105 <circle cx='2' cy='2' r='2' /> 2106 <circle cx='9' cy='2' r='2' /> 2107 <circle cx='16' cy='2' r='2' /> 2108 <circle cx='16' cy='8' r='2' /> 2109 <circle cx='9' cy='8' r='2' /> 2110 <circle cx='2' cy='8' r='2' /> 2111 <circle cx='2' cy='14' r='2' /> 2112 <circle cx='9' cy='14' r='2' /> 2113 <circle cx='16' cy='14' r='2' /> 2114 </svg> 2115 <svg class='list-view' width="20" height="17" viewBox="0 0 20 17" xmlns="https://www.w3.org/2000/svg"> 2116 <circle cx="1.87" cy="1.87" r="1.87"></circle> 2117 <circle cx="1.87" cy="8.12" r="1.87"></circle> 2118 <circle cx="1.87" cy="14.37" r="1.87"></circle> 2119 <rect x="6.25" y="0.625" width="13.75" height="2.5" rx="0.6"></rect> 2120 <rect x="6.25" y="6.875" width="13.75" height="2.5" rx="0.6"></rect> 2121 <rect x="6.25" y="13.125" width="13.75" height="2.5" rx="0.6"></rect> 2122 </svg> 2123 </div> 2124 </div> 2125 <!--end of product-page-block category-details-wrapper category-filter-block--> 2126 </div> 2127 </div> 2128 <!--end of product-page-block category-details-wrapper category-filter-block--> 2129 2130 2131 2132<div id="product-list"> 2133 <div class="show-results">Showing 0 - 0 of 0 products</div> 2134 <div class="show-results-mobile">Showing 0 - 0 of 0 products</div> 2135 2136 2137 2138 <div class="product-item-grid"> 2139 2140 <!--ekm-output-start--> 2141 2142 <div class="product-page-block product-item-grid_no-products"> 2143 <p>Sorry, this category has no products</p> 2144 </div> 2145 2146 <!--ekm-output-end--></div></div> 2147 2148 2149 </div> 2150 2151</section> 2152 2153 2154 2155 2156</div> 2157<!--end of container--> 2158</div> 2159
2160<script> 2161 //Append show result counter on filter bar Desktop only 2162 document.addEventListener('DOMContentLoaded', function() { 2163 var showResults = document.querySelector('.show-results'); 2164 var categoryShowing = document.querySelector('#category_showing'); 2165 categoryShowing.textContent = showResults.textContent 2166 }); 2167 2168 function initAcc(elem, option){ 2169 //addEventListener on mouse click 2170 document.addEventListener('click', function (e) { 2171 //check is the right element clicked 2172 if (!e.target.matches(elem+' .a-btn')) return; 2173 else{ 2174 //check if element contains active class 2175 if(!e.target.parentElement.classList.contains('active')){ 2176 if(option==true){ 2177 //if option true remove active class from all other accordions 2178 var elementList = document.querySelectorAll(elem +' .a-container'); 2179 Array.prototype.forEach.call(elementList, function (e) { 2180 e.classList.remove('active'); 2181 e.children[0].children[0].classList.remove('active'); 2182 }); 2183 } 2184 //add active class on cliked accordion 2185 e.target.parentElement.classList.add('active'); 2186 e.target.children[0].classList.add('active'); 2187 }else{ 2188 //remove active class on cliked accordion 2189 e.target.parentElement.classList.remove('active'); 2190 e.target.children[0].classList.remove('active'); 2191 } 2192 } 2193 }); 2194 } 2195 2196 //activate accordion function 2197 initAcc('.accordion', true); 2198 initAcc('.accordion_two', true); 2199 2200 const resizeImgs = () => { 2201 const all_cat_imgs = document.querySelectorAll(".sub-category-grid-item img"); 2202 all_cat_imgs.forEach(cat_img => { 2203 cat_img.height = cat_img.offsetWidth; 2204 }); 2205 } 2206 resizeImgs(); 2207 2208 window.addEventListener('resize', function(event){ 2209 resizeImgs(); 2210 }); 2211 2212 const side_menu = document.querySelector(".category-side-menu"); 2213 const side_menu_child_count = side_menu.childElementCount; 2214 if(side_menu_child_count == 0){ 2215 // Makes the main wrapper full width if the side nav has no children 2216 document.querySelector(".category-main").classList.add("full-width"); 2217 }else{ 2218 const side_menu_children = side_menu.children; 2219 if(side_menu_child_count == 1 && side_menu_children[0].style.display == "none" ){ 2220 // This makes sure there is only 1 child in the sidenav and that its the promo wrapper which is display equals none 2221 document.querySelector(".category-main").classList.add("full-width"); 2222 } 2223 } 2224 2225 const subCatGrid = document.querySelector(".sub-category-grid"); 2226 if(subCatGrid != null){ 2227 // THIS MEANS THE CATEGORY HAS SUB CATEGORIES 2228 document.querySelector(".product-item-grid_no-products").style.display = "none"; 2229 } 2230 2231 if(document.querySelector(".product-page-block.sidebar-filters") == null){ 2232 document.querySelector(".mobile-filter-trigger").style.display = "none"; 2233 } 2234 2235 document.querySelector("#category_showing").innerHTML = document.querySelector(".category-showing").innerHTML 2236 2237</script>
2237 2238</ekm-section> 2239 2240 2241</article> 2242<ekm-section data-id="ekm-section-id-2" data-type="footer"> 2243 2244 2245 <style> 2246 :root{ 2247 --footer_bg: #3c096c; 2248 --footer_text: #FFFFFF; 2249 --footer_link: #FFFFFF; 2250 --webpages_background: #049aff; 2251 --copyright_background: #e0aaff; 2252 --copyright_text: #FFFFFF; 2253 } 2254 2255 footer{ 2256 2257 2258 2259 } 2260 .background_image{ 2261 background-image: url( ); 2262 background-repeat: no-repeat; 2263 background-position: center center; 2264 2265 background-size: auto; 2266 2267 2268 2269 } 2270 .copyright-bar{ 2271 padding: 15px 0px; 2272 background-color: var(--copyright_background); 2273 color: var(--copyright_text); 2274 text-align: center; 2275 font-size: 1.4rem; 2276 } 2277 .copyright-bar .container{ 2278 display: grid; 2279 grid-template-columns: 1fr; 2280 gap: 15px; 2281 padding: 0px 20px; 2282 } 2283 .copyright-block-cards{ 2284 order: 1; 2285 } 2286 .copyright-block-company{ 2287 order: 2; 2288 } 2289 .copyright-block-sitename{ 2290 order: 3; 2291 } 2292 .copyright-bar a{ 2293 color: inherit; 2294 font-size: inherit; 2295 text-decoration: underline; 2296 } 2297 .copyright-bar span { 2298 font-size: inherit; 2299 } 2300 .copyright-block-sitename span, .copyright-block-company span{ 2301 font-size: inherit; 2302 margin-left: 2px; 2303 text-align: left; 2304 } 2305 .copyright-block-sitename { 2306 font-size: 1.4rem; 2307 } 2308 .copyright-block-company, .copyright-block-cards, .copyright-block-sitename { 2309 justify-content: left; 2310 } 2311 2312 .copyright-block-sitename { 2313 flex-wrap: wrap; 2314 } 2315 2316 span.ekmps-vat-number, span.ekmps-company-number{ 2317 display: inline-block; 2318 margin: 0px; 2319 2320 margin: 10px 3px 0 3px; 2321 2322 font-size: 1.4rem; 2323 } 2324 .dash { 2325 margin: 0px 5px; 2326 } 2327 .ekm-card-logos-image { 2328 height: 30px; 2329 width: auto; 2330 } 2331 2332 footer > .container { 2333 2334 padding-top: 0px; 2335 padding-bottom: 0px; 2336 2337 2338 2339 2340 } 2341 footer .footer-block ul { 2342 2343 } 2344 .footer-block--social { 2345 display: grid; 2346 justify-content: flex-start; 2347 } 2348 .footer-block--webpages { 2349 2350 2351 } 2352 .footer-block--webpages .container { 2353 2354 } 2355 .footer-block--address { 2356 display: grid; 2357 justify-content: flex-start; 2358 text-align: left; 2359 } 2360 .footer-block--webpages ul li { 2361 display: flex; 2362 flex-direction: column; 2363 } 2364 .footer-contact > li { 2365 display: flex; 2366 flex-direction: row; 2367 } 2368 footer .footer-block--address ul { 2369 justify-content: left; 2370 margin-top: 15px; 2371 gap: 0px; 2372 } 2373 footer .footer-block h4 { 2374 2375 } 2376 .accordian-title svg { 2377 height: 18px; 2378 width: 18px; 2379 margin-left: 5px; 2380 fill: #fff; 2381 align-self: center; 2382 } 2383 .is-accordian { 2384 display: flex !important; 2385 flex-direction: column; 2386 gap: 5px; 2387 } 2388 .accordian-title{ 2389 display: flex; 2390 cursor: pointer; 2391 justify-content: space-between; 2392 padding: 10px 0px; 2393 border-top: solid 2px #2F3643; 2394 border-bottom: solid 2px #2F3643; 2395 2396 } 2397 .footer-block--logo img{ 2398 max-width: 150px; 2399 } 2400 .footer-block--logo { 2401 justify-content: flex-start; 2402 } 2403 .slider_wrapper { 2404 transition:height 1s ease-out; 2405 height:0; 2406 overflow:hidden; 2407 } 2408 .is-accordian.flex.flex-wrap > li:first-child { 2409 2410 } 2411 @media only screen and (min-width: 768px) { 2412 footer > .container { 2413 gap: 40px; 2414 2415 2416 2417 } 2418 .footer-block--social { 2419 display: grid; 2420 2421 2422 2423 } 2424 .footer-block--webpages { 2425 2426 } 2427 .footer-block--address{ 2428 display: grid; 2429 justify-content: center; 2430 text-align: center; 2431 } 2432 footer .footer-block h4 { 2433 2434 } 2435 .footer-block--logo img{ 2436 max-width: 150px; 2437 } 2438 .footer-block--logo { 2439 justify-content: center; 2440 } 2441 .copyright-bar .container{ 2442 grid-template-columns: 1fr 1fr 1fr; 2443 2444 grid-template-columns: 1fr 1fr; 2445 2446 gap: 20px; 2447 } 2448 .copyright-block-sitename { 2449 justify-content: center; 2450 order: 2; 2451 2452 justify-content: flex-start; 2453 order: 1; 2454 2455 } 2456 .copyright-block-cards{ 2457 justify-content: flex-end; 2458 order: 3; 2459 } 2460 .copyright-block-company{ 2461 justify-content: flex-start; 2462 2463 justify-content: flex-end; 2464 2465 order: 2; 2466 } 2467 .is-accordian { 2468 display: flex !important; 2469 } 2470 .is-accordian.active { 2471 display: none !important; 2472 } 2473 .accordian-title { 2474 cursor: inherit; 2475 padding: 0px; 2476 border-top: none; 2477 border-bottom: none; 2478 2479 } 2480 .accordian-title svg{ 2481 display: none; 2482 } 2483 footer .footer-block--address ul { 2484 justify-content: center; 2485 } 2486 .is-accordian { 2487 flex-direction: row; 2488 } 2489 .slider_wrapper { 2490 transition:height 1s ease-out; 2491 height:auto !important; 2492 /*This overrides any height added by JS*/ 2493 overflow:initial; 2494 } 2495 .is-accordian.flex.flex-wrap > li:first-child { 2496 2497 } 2498 } 2499 @media only screen and (min-width: 500px){ 2500 .useful-links.two_cols{ 2501 columns: 2; 2502 column-gap: 20px; 2503 } 2504 } 2505 .recently-viewed-products h2{ 2506 margin-bottom: 20px; 2507 } 2508 .recently-viewed-products{ 2509 padding: 40px 0; 2510 } 2511 .recently-viewed-products { 2512 background-color: #EFEFEF; 2513 } 2514 .recently-viewed-products h2{ 2515 color: #333333; 2516 } 2517 .recently-viewed-products h2{ 2518 margin-bottom: 20px; 2519 } 2520 </style> 2521 2522 2523 2524 2525 2526 2527 2528 <footer > 2529 <div class="container " > 2530 <div class="footer-block" > 2531 <h4>Useful Links</h4> 2532 <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>
2532<a href="glitter-tattoo-instructions-3-w.asp">Glitter Tattoo Instructions</a></li><li><a href="delivery-4-w.asp">Delivery</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="look-book-24-w.asp">Look Book</a></li> 2533 <li><a href="/terms.asp">Terms and conditions</a></li> 2534 <li><a href="/privacy.asp">Privacy</a></li> 2535 <li><a href="/sitemap.asp">Sitemap</a></li> 2536 </ul><!-- #extra-page-menu --> 2537 </div> 2538 2539 <div class="footer-block" > 2540 <h4>Stay Connected </h4> 2541 <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/glitterpot.co.uk" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/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/Jules_glitterpot" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div></div> 2542 </div> 2543 2544 2545 2546 2547 <div class="footer-block" > 2548 <h4>Get in touch</h4> 2549 <p><p>If you have any questions or need help then donât hesitate to get in touch<br> </p><p><a href="tel:07789 548233"><strong>07789 548233</strong></a><strong> </strong></p><p><strong>[email protected]</strong></p><p><br><strong>Glitter Pot</strong><br>5 The Foldings, Skelmanthorpeââââââââââââââ<br>Huddersfield, HD8 9AL</p></p> 2550 </div> 2551 2552 <div class="footer-block" > 2553 2554 <h4>Sign Up to Our Newsletter</h4><form data-thanktranslation='Thanks' method="post" action="https://api.ekmresponse.com/api/recipient/signup" onsubmit="return ekmResponseSignupUser(this)" data-onsuccess="newsletterSubmit" ><input type="hidden" name="UserId" value="0" /><input type="hidden" name="GroupId" value="0" /><input type="hidden" name="hash2" value="d6b9d7aec9f1d3cbe6c7a55e5504c228" /><input id="ekmResponseEmailAddress" name="ekmResponseEmailAddress" type="text" placeholder="Your email address" class="ekmResponseEmailAddress newsletter-text" maxlength="1000" /><input id="ekmResponseSignupButton" class="ekmResponseSignupButton" name="ekmResponseSignupButton" type="image" src="/ekmps/designs/assets/master/2271/images/emailicon.svg" alt="Sign Up" /></form>
2554<script type="text/javascript" src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/newslettersignup.js?_=1"></script>
2554 2555 2556 2557 2558 2559 <h4>We Accept</h4> 2560 <style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/klarna-2.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Klarna" width="50" height="30" /></span> 2561 2562 </div> 2563 2564 </div> 2565 </footer> 2566 <div class="copyright-bar"> 2567 <div class="container"> 2568 <div class="copyright-block-company flex flex_align-center"> 2569 <div> 2570 2571 <span class="ekmps-vat-number">VAT Number: <span>Not registered</span></span><!-- /.ekmps-vat-number --> 2572 2573 2574 </div> 2575 </div> 2576 2577 <div class="copyright-block-sitename flex flex_align-center"> 2578 2579 © Copyright 2012-2026 Glitter Pot All rights reserved<br> 2580 2581 </div> 2582 </div> 2583 </div> 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 <style> 2595 .newsletter-notification{ 2596 position: fixed; 2597 z-index: 99; 2598 bottom: 0; 2599 right: 0; 2600 background-color: #eee; 2601 padding: 20px; 2602 border-radius: 10px; 2603 box-shadow: 0 3px 12px rgba(0,0,0,0.16); 2604 transform: translateX(150%); 2605 opacity: 0; 2606 transition: all 0.25s ease; 2607 margin: 10px; 2608 } 2609 .newsletter-notification.active{ 2610 transform: translateX(0%); 2611 opacity: 1; 2612 } 2613 .newsletter-noti-title{ 2614 font-size: 1.6rem; 2615 font-weight: 800; 2616 margin-bottom: 10px; 2617 color: #333; 2618 } 2619 .newsletter-noti-content{ 2620 font: 1.25rem; 2621 color: #333; 2622 } 2623 .newsletter-notification-close{ 2624 width: 25px; 2625 height: 25px; 2626 background-color: rgba(198, 198, 198, 0.933); 2627 border-radius: 50%; 2628 position: absolute; 2629 top: -6px; 2630 right: -6px; 2631 cursor: pointer; 2632 } 2633 .newsletter-notification-close > svg{ 2634 width: 18px; 2635 height: 18px; 2636 } 2637 @media only screen and (min-width:768px){ 2638 .newsletter-notification{ 2639 max-width: 400px; 2640 } 2641 } 2642 </style> 2643 <div class="newsletter-notification"> 2644 <div class="newsletter-notification-close flex flex_align-center flex_justify-center"> 2645 <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> 2646 </div> 2647 <p class="newsletter-noti-title">Thank you for signing up to our newsletter</p> 2648 <p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p> 2649 </div> 2650
2650<script defer> 2651 //Newsletter Form Message 2652 let newsletter_notification = document.querySelector(".newsletter-notification"); 2653 function newsletterSubmit() { 2654 // let newsletter_notification_title = document.querySelector(".newsletter-noti-title"); 2655 // let newsletter_notification_content = document.querySelector(".newsletter-noti-content"); 2656 newsletter_notification.classList.add("active"); 2657 setTimeout(() => { 2658 newsletter_notification.classList.remove("active"); 2659 }, 5000); 2660 }; 2661 2662 document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => { 2663 newsletter_notification.classList.remove("active"); 2664 }) 2665 2666 2667 const useful_links = document.querySelector(".useful-links"); 2668 if( useful_links.childElementCount >= 6 ){ 2669 useful_links.classList.add("two_cols") 2670 } 2671 2672 2673 2674 </script>
vendor: 2 bytes, line 2674
2674
2675<script> 2676 addEventListener('DOMContentLoaded', (event) => { 2677 const footerDropdownMenu = document.querySelector(".accordian-title"); 2678 const slideDownMenu = document.querySelector(".slider_wrapper"); 2679 if(footerDropdownMenu != null){ 2680 footerDropdownMenu.addEventListener("click", () => { 2681 const menuHeight = document.querySelector(".is-accordian").offsetHeight; 2682 if(slideDownMenu.offsetHeight > 0){ 2683 slideDownMenu.style.height = "0px" 2684 }else{ 2685 slideDownMenu.style.height = `${menuHeight}px`; 2686 } 2687 2688 }); 2689 } 2690 }); 2691</script>
2691 2692</ekm-section> 2693 2694 2695 2696 2697 </main>
2698<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
2698 2699<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" > 2700<noscript> 2701 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" > 2702 <link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low"> 2703</noscript>
2704<script defer > 2705 2706 const tabletMQ = window.matchMedia("(min-width: 768px)"); 2707 const desktopMQ = window.matchMedia("(min-width: 1024px)"); 2708 2709 window.addEventListener('DOMContentLoaded', (event) => { 2710 console.log('%cDOM fully loaded and parsed.', "color:#28a745"); 2711 2712const backgroundImageFullRes = (image) => { 2713 let element = document.querySelector(image); 2714 if(element == null){ 2715 return; 2716 } 2717 if(!element.hasAttribute("data-slider-num")){ 2718 let computedStyle = window.getComputedStyle(element); 2719 let bgImageUrl = computedStyle.backgroundImage; 2720 let newImageUrl; 2721 2722 // Remove the leading 'url(' and trailing ')' characters 2723 bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1); 2724 // Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL. 2725 bgImageUrl = bgImageUrl.split("?w")[0]; 2726 newImageUrl = bgImageUrl.replaceAll('"', ""); 2727 2728 // Appends the image URL with the query sting for a raw image 2729 newBackgroundImageURL = newImageUrl + "?r=1"; 2730 2731 2732 // Replaces current banner with high res one. 2733 element.style.backgroundImage = "url('" + newBackgroundImageURL + "')"; 2734 } 2735 2736 2737} 2738if(desktopMQ.matches){ 2739 backgroundImageFullRes(".main-banner-block"); 2740 console.log('%cBanner image updated.', "color:#28a745"); 2741} 2742 2743 2744 2745 var prod_sliders = document.querySelectorAll('.product-slider'); 2746 var prod_sliders_arr = Array.prototype.slice.call(prod_sliders); 2747 prod_sliders_arr.forEach(function(slider) { 2748 new Splide(slider, { 2749 type: "slide", 2750 pagination : false, 2751 perPage : 5, 2752 perMove: 1, 2753 rewind: true, 2754 rewindSpeed: 2500, 2755 gap: 20, 2756 speed: 1200, 2757 arrows: true, 2758 breakpoints: { 2759 550: { 2760 perPage: 1, 2761 perMove: 1 2762 }, 2763 900: { 2764 perPage: 2, 2765 perMove: 1 2766 }, 2767 1280: { 2768 perPage: 3, 2769 perMove: 2 2770 } 2771 }, 2772 }).mount(); 2773 }); 2774 2775 console.log('%cSlider initialisation complete.', "color:#28a745"); 2776 console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107"); 2777 setTimeout(() => { 2778 if (typeof ekmProductImageBadges != 'undefined'){ 2779 console.log('%cProduct stickers re-initialisation complete.', "color:#28a745"); 2780 ekmProductImageBadges.reInit(); 2781 } 2782 }, 400); 2783 // Closes the nav dropdown if the user clicks of the nav box. 2784 window.addEventListener("click", (e) => { 2785 const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper"); 2786 all_nav_grids.forEach((single_nav_grid) => { 2787 if(single_nav_grid.classList.contains("mobile_open")){ 2788 if(e.target != document.querySelector(".subnav-grid-wrapper")){ 2789 single_nav_grid.classList.toggle("mobile_open") 2790 } 2791 } 2792 }) 2793 }); 2794 2795 document.querySelectorAll(".splide__arrow").forEach(splideBtn => { 2796 if(splideBtn.disabled){ 2797 splideBtn.classList.add("ekm_hide_me") 2798 } 2799 }) 2800 2801 2802}); 2803 2804</script>
2804 2805
2806<script> 2807 window.addEventListener('DOMContentLoaded', (event) => { 2808 var cat_sliders = document.querySelectorAll(".category-slider"); 2809 var cat_sliders_arr = Array.prototype.slice.call(cat_sliders); 2810 cat_sliders_arr.forEach(function(slider) { 2811 new Splide(slider, { 2812 type: "slide", 2813 pagination : false, 2814 perPage : 5, 2815 rewind: true, 2816 rewindSpeed: 2500, 2817 gap: 20, 2818 perMove: 1, 2819 speed: 1200, 2820 breakpoints: { 2821 550: { 2822 perPage: 1, 2823 perMove: 1 2824 }, 2825 900: { 2826 perPage: 2, 2827 perMove: 1 2828 }, 2829 1280: { 2830 perPage: 3, 2831 perMove: 2 2832 } 2833 }, 2834 }).mount(); 2835 }); 2836 }) 2837</script>
2837 2838
2839<script defer fetchpriority="low" > 2840 2841// list of CSS files that are section specific 2842var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2843var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2844 2845//variables that are being checked at section level, this is used to determine if the section is in the merchants theme. 2846var is_promo_section_active; 2847var is_gallery_section_active; 2848 2849// The global function that adds the CSS link to the head 2850function addCSS(cssUrl) { 2851 var element = document.createElement("link"); 2852 element.setAttribute("rel", "stylesheet"); 2853 element.setAttribute("type", "text/css"); 2854 element.setAttribute("href", cssUrl); 2855 document.getElementsByTagName("head")[0].appendChild(element); 2856} 2857 2858// This is where the true or false gets stored if the section is active in the theme. 2859let section_active = { 2860 promoCSS: is_promo_section_active, 2861 galleryCSS: is_gallery_section_active 2862}; 2863 2864// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header. 2865for( var key in section_active){ 2866 if(section_active[key] == true){ 2867 addCSS(eval(key)); 2868 } 2869} 2870 2871 2872</script>
vendor: 2 bytes, line 2872
2872
2873<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 2873
2873
2874<script type="application/json" data-softcart-lc> 2875 { 2876 " In Stock": " Item in Stock", 2877 " Sold Out": " Out of stock", 2878 "fake": null 2879 } 2880 </script>
2880 2881<div class="shopui shopui--modal" data-newsletterpopup="{"mode":"MODE_TRIGGER_LEAVING", "delay":10, "url":"https://api.ekmresponse.com/api/recipient/signup","data":{"UserID":0, "GroupID":0, "Hash":"d6b9d7aec9f1d3cbe6c7a55e5504c228"},"xdomain":null}" style="display:none"> <div class="shopui-exit-modal"> <div class="shopui-exit-modal__overlay"></div> <div class="shopui-exit-modal__window"> <a href="#" class="shopui-exit-modal__close js-close">Close</a> <div class="shopui-exit-modal__content js-content"> <div class="shopui-exit-modal__title">Don't Miss Out</div> <div class="shopui-exit-modal__message"> Never miss out on our latest products and biggest deals. Sign up to our free newsletter today! </div><!-- .shopui-exit-modal__message --> <div class="shopui-form-row shopui-form-row--stacked u-margin-top"> <div class="shopui-form-row__field"> <div class="shopui-validation js-validity"> <span> <input type="text" id="subject" class="shopui-text-field js-input-email" placeholder="Example: [email protected]"> </span> <div class="shopui-validation__bubble"> <div class="shopui-validation__message js-validity-msg"></div> </div><!-- .shopui-validation__bubble --> </div><!-- .shopui-validation --> </div><!-- .shopui-form-row__field --> </div><!-- .shopui-form-row --> <div class="shopui-button-row"> <a href="#" class="shopui-button shopui-button--primary js-submit">Sign Up Now</a> </div><!-- .shopui-button-row --> </div><!-- .shopui-exit-modal__content --> </div><!-- .shopui-exit-modal__window --> </div><!-- .shopui-exit-modal --></div><!-- .shopui -->
2881<script src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/newsletterpopup.js?_=2%2E2%2E0"></script>
2881<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
2881<script src="//globalstats.ekmsecure.com/hits/stats-global.js" async></script>
vendor: 2 bytes, line 2881
2881
2882<script> 2883(function(fn, a){ 2884 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 2885 var called = false; 2886 var callOnce = function(){ 2887 if (called) return; 2888 epp[fn].apply(epp, a) ; 2889 called = true; 2890 }; 2891 if (epp && epp[fn]) return callOnce() ; 2892 var pfn; 2893 Object.defineProperty(epp, fn, { 2894 'enumerable': true, 2895 'configurable': false, 2896 'set': function(x) { 2897 pfn = x; 2898 callOnce() ; 2899 }, 2900 'get': function() { 2901 return pfn; 2902 } 2903 }) ; 2904})("getStatsGlobal", ["juliecosgrove","13"]) ; 2905</script>
2905 2906 2907</body> 2908</html> 2909
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.