1<!DOCTYPE html> 2<!--[if IE]><![endif]--> 3<!--[if IE 8 ]><html dir="ltr" lang="en" class="ie8"><![endif]--> 4<!--[if IE 9 ]><html dir="ltr" lang="en" class="ie9"><![endif]--> 5<!--[if (gt IE 9)|!(IE)]><!--> 6<html dir="ltr" lang="en"> 7<!--<![endif]--> 8<head> 9<meta charset="UTF-8" /> 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11<meta http-equiv="X-UA-Compatible" content="IE=edge"> 12<title>Diamond Painting Kits | Exquisite Designs | Diamond Dotz</title> 13<base href="https://www.diamonddotz.co.uk/" /> 14 15<meta name="description" content="The world's #1 brand in diamond painting kits. Patented & exclusive high tech printing. Highly pigmented. Over 35 years of experience in needlecraft design." /> 16<meta name="keywords" content= "Diamond Dotz, diamond dotz, diamond painting" /> 17<meta name="facebook-domain-verification" content="7i13miwr8oamykceh2bbvs6f08x44f" /> 18<link rel="canonical" href="https://www.diamonddotz.co.uk/" /> 19<link rel="alternate" href="https://www.diamonddotz.co.uk/" hreflang="en-gb" /> 20<link rel="alternate" href="https://www.diamonddotz.com/" hreflang="en-us" /> 21<link rel="alternate" href="https://www.diamonddotz.com/" hreflang="en-ca" /> 22<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-at" /> 23<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-be" /> 24<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-bg" /> 25<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-hr" /> 26<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-cy" /> 27<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-cz" /> 28<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-dk" /> 29<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-ee" /> 30<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-fi" /> 31<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-de" /> 32<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-hu" /> 33<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-ie" /> 34<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-lv" /> 35<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-lt" /> 36<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-lu" /> 37<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-mt" /> 38<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-mc" /> 39<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-nl" /> 40<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-no" /> 41<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-pl" /> 42<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-pt" /> 43<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-sl" /> 44<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-es" /> 45<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-se" /> 46<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-ch" /> 47<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-va" /> 48<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-gr" /> 49<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-fr" /> 50<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-it" /> 51<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-ro" /> 52<link rel="alternate" href="https://eu.diamonddotz.com/" hreflang="en-sk" /> 53<link rel="alternate" href="https://diamonddotz.com.au/" hreflang="en-au" /> 54 55 56<link href="https://www.diamonddotz.co.uk/image/catalog/dd_logo.png" rel="icon" />
57<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="623ef69d-a0d2-4390-946e-fda537bb9352" data-blockingmode="auto" type="text/javascript"></script>
57 58<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> 59<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap" rel="stylesheet"> 60 <link href="catalog/view/theme/diamond/css/animate.min.css" rel="stylesheet"> 61<link rel="stylesheet" href="catalog/view/theme/diamond/css/aos.css" /> 62<link rel="stylesheet" href="catalog/view/theme/diamond/js/swiper-bundle.min.css"> 63<link href="catalog/view/javascript/jquery/owl-carousel/owl.carousel.css" type="text/css" rel="stylesheet" media="screen" /> 64<link href="catalog/view/javascript/jquery/owl-carousel/owl.transitions.css" type="text/css" rel="stylesheet" media="screen" /> 65<link href="catalog/view/theme/default/stylesheet/slsoffr.css" type="text/css" rel="stylesheet" media="screen" /> 66<link href="catalog/view/theme/diamond/css/style.css?v=24.1400133355" rel="stylesheet"> 67
68<script src="catalog/view/theme/diamond/js/modernizr.js"></script>
vendor: 1 bytes, line 68
68
69<script src="catalog/view/theme/diamond/js/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 69
69
70<script src="catalog/view/theme/diamond/js/jquery/jquery.mobile.custom.min.js" type="text/javascript"></script>
70
71<script src="catalog/view/theme/diamond/js/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
71
72<script src="catalog/view/theme/diamond/js/lazysizes.min.js" type="text/javascript"></script>
72
73<script src="catalog/view/theme/diamond/js/c80f51b57c.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 73
73
74<script src="catalog/view/theme/diamond/js/jquery.hoverIntent.min.js" type="text/javascript"></script>
74
75<script src="catalog/view/theme/diamond/js/gsap.min.js"></script>
vendor: 1 bytes, line 75
75
76<script src="catalog/view/theme/diamond/js/CSSPlugin.min.js"></script>
vendor: 1 bytes, line 76
76
77<script src="catalog/view/theme/diamond/js/EasePack.min.js"></script>
vendor: 1 bytes, line 77
77
78<script src="catalog/view/theme/diamond/js/TweenLite.min.js"></script>
vendor: 1 bytes, line 78
78
79<script src="catalog/view/theme/diamond/js/TimelineLite.min.js"></script>
vendor: 1 bytes, line 79
79
80<script src="catalog/view/theme/diamond/js/TweenMax.min.js"></script>
vendor: 1 bytes, line 80
80
81<script src="catalog/view/theme/diamond/js/swiper-bundle.min.js"></script>
81 82 83
84<script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 84
84
85<script src="https://app-wallee.com/s//payment/device.js?sessionIdentifier=f6c292b8-32b1-4f4f-bfdd-ef17ef75c6aa" async="async" type="text/javascript"></script>
vendor: 1 bytes, line 85
85
86<script src="catalog/view/theme/diamond/js/main.js?v=24.14001333" type="text/javascript"></script>
86 87 88 89 90<!-- Meta Pixel Code -->
91<script>
vendor: 399 bytes, lines 91-100
91 92!function(f,b,e,v,n,t,s) 93{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 94n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 95if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 96n.queue=[];t=b.createElement(e);t.async=!0; 97t.src=v;s=b.getElementsByTagName(e)[0]; 98s.parentNode.insertBefore(t,s)}(window, document,'script', 99'https://connect.facebook.net/en_US/fbevents.js'); 100fbq('init', '
100687541463682229
vendor: 30 bytes, lines 100-101
100'); 101fbq('track', 'PageView');
102</script>
102 103<noscript><img height="1" width="1" style="display:none" 104src="https://www.facebook.com/tr?id=687541463682229&ev=PageView&noscript=1" 105/></noscript> 106<!-- End Meta Pixel Code --> 107 108 109 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 109-110
109 110<script async src="https://www.googletagmanager.com/gtag/js?id=
110G-NB2E9RTG2Z
vendor: 13 bytes, line 110
110"></script>
111<script> 112
vendor: 138 bytes, lines 112-116
112window.dataLayer = window.dataLayer || []; 113 function gtag(){dataLayer.push(arguments);} 114 gtag('js', new Date()); 115 116 gtag('config', '
116G-NB2E9RTG2Z
vendor: 5 bytes, line 116
116');
117</script>
117 118 119<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 119-120
119 120<script async src="https://www.googletagmanager.com/gtag/js?id=
120UA-114933219-1
vendor: 13 bytes, line 120
120"></script>
121<script> 122
vendor: 138 bytes, lines 122-126
122window.dataLayer = window.dataLayer || []; 123 function gtag(){dataLayer.push(arguments);} 124 gtag('js', new Date()); 125 126 gtag('config', '
126UA-114933219-1
vendor: 5 bytes, line 126
126');
127</script>
127 128 <!--huntbee GA user tracking --> <!-- Facebook Pixel Code --> 129
129<script>
vendor: 435 bytes, lines 129-138
129 130 !function(f,b,e,v,n,t,s) 131 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 132 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 133 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 134 n.queue=[];t=b.createElement(e);t.async=!0; 135 t.src=v;s=b.getElementsByTagName(e)[0]; 136 s.parentNode.insertBefore(t,s)}(window, document,'script', 137 'https://connect.facebook.net/en_US/fbevents.js'); 138 fbq('init', '
1381179301372251087
vendor: 38 bytes, lines 138-140
138'); 139 fbq('track', 'PageView'); 140
140</script>
140 141 <noscript> 142 <img height="1" width="1" style="display:none" 143 src="https://www.facebook.com/tr?id=1179301372251087&ev=PageView&noscript=1"/> 144 </noscript> 145 <!-- End Facebook Pixel Code --> 146 147 <meta property="og:title" content="Diamond Painting Kits | Exquisite Designs | Diamond Dotz" > 148 <meta property="og:description" content="The world's #1 brand in diamond painting kits. Patented & exclusive high tech printing. Highly pigmented. Over 35 years of experience in needlecraft design." > 149 <meta property="og:url" content="https://www.diamonddotz.co.uk/" > 150 <meta property="og:image" content="https://www.diamonddotz.co.uk/image/cache/catalog/dd_logo-300x300.png" > 151 <meta property="og:image:width" content="300" > 152 <meta property="og:image:height" content="300" > 153 <meta property="og:site_name" content="diamonddotz.co.uk" > 154 <meta property="og:type" content="website" > 155 156 </head> 157 158<body class="common-home " data-instant-intensity="viewport-all"> 159<style> 160a.nav-item-link-158, 161a.nav-item-link-141 { 162 color: #c20000 !important; 163} 164</style> 165 166 167 168 169 <div class="main-logo"></div> 170 171<header class="main-header"> 172 173 <div class="header-main"> 174 <div class="container-fluid "> 175 <div id="logo"><a class="logo" href="https://www.diamonddotz.co.uk/"><img src="image/DD_logo_color.svg" title="diamonddotz.co.uk" alt="diamonddotz.co.uk" class="img-responsive" /></a></div> 176 177 178 <div class="header-cart "> 179 <button type="button" class="cart-trigger"> 180 <div class="cart-label"><svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9V5.5a4 4 0 1 0-8 0V9" stroke="#1D1D1F" stroke-width="1.5"/><path d="M3.75 6.75h14.5V15c0 1.435-.002 2.436-.103 3.192-.099.734-.28 1.122-.556 1.399-.277.277-.665.457-1.4.556-.754.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103-.734-.099-1.122-.28-1.399-.556-.277-.277-.457-.665-.556-1.4-.101-.755-.103-1.756-.103-3.191V6.75Z" stroke="#1D1D1F" stroke-width="1.5"/></svg></div> 181 <span id="cart-total">0</span> 182 </button> 183 </div> 184 185 186<div class="header-wishlist"> 187 <a href="https://www.diamonddotz.co.uk/index.php?route=account/wishlist"><svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m11 19-.414.625.414.274.414-.274L11 19Zm0-13.29-.67.338a.75.75 0 0 0 1.34 0L11 5.711Zm.414 13.915c2.69-1.78 5.014-3.392 6.658-5.143 1.67-1.779 2.678-3.743 2.678-6.215h-1.5c0 1.996-.791 3.61-2.272 5.188-1.506 1.604-3.682 3.125-6.392 4.92l.828 1.25ZM1.25 8.267c0 2.472 1.009 4.436 2.678 6.215 1.644 1.751 3.968 3.362 6.658 5.143l.828-1.25c-2.71-1.795-4.886-3.316-6.392-4.92-1.48-1.577-2.272-3.192-2.272-5.188h-1.5Zm19.5 0c0-3.32-1.944-5.345-4.28-5.854a5.529 5.529 0 0 0-6.14 2.96l1.34.675a4.03 4.03 0 0 1 4.48-2.169c1.624.353 3.1 1.75 3.1 4.388h1.5Zm-9.08-2.893c-1.257-2.497-3.86-3.5-6.151-2.998-2.338.511-4.269 2.556-4.269 5.89h1.5c0-2.665 1.475-4.072 3.09-4.425 1.66-.363 3.558.356 4.49 2.207l1.34-.674Z" fill="#1D1D1F"/></svg></a> 188</div> 189 190 191<div class="header-account "> 192 <div class="dropdown account-trigger"> 193 <a href="https://www.diamonddotz.co.uk/account" title="Account" class="dropdown-toggle" data-toggle="dropdown"><svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="7" r="5.25" stroke="#1D1D1F" stroke-width="1.5"/><path d="M2 21a9.718 9.718 0 0 1 5.272-5.26 9.76 9.76 0 0 1 10.616 2.107A9.718 9.718 0 0 1 20 21" stroke="#1D1D1F" stroke-width="1.5" stroke-linejoin="round"/></svg></a> 194 <ul class="dropdown-menu dropdown-menu-right"> 195 <li><a href="https://www.diamonddotz.co.uk/register">Register</a></li> 196 <li><a href="https://www.diamonddotz.co.uk/login">Login</a></li> 197 </ul> 198 </div> 199</div> 200 201 202<ul class="header-buttons"> 203 <li><a class="nav-trigger" href="#cd-primary-nav"><span></span></a></li> 204</ul> 205 206 207 208 <nav id="menu" class="main-nav"> 209 <ul id="primary-nav" class="primary-nav is-fixed"> 210 <li class="nav-item-114 has-children main-children"> 211 <a class="nav-item-link-114" href="https://www.diamonddotz.co.uk/diamond-dotz-products">Products</a> 212 213 <ul class="secondary-nav is-hidden"> 214 <li class="go-back"><a >BACK</a></li> 215 <li class="see-all hidden"><a href="https://www.diamonddotz.co.uk/diamond-dotz-products">Show All</a></li> 216 <li class="nav-item-60"><a class="nav-item-link-60" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-dotz-diamond-facet-art-kits"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/dd-150x150.jpg" alt="DIAMOND DOTZ" class="cat-img"><div class="cat-link">DIAMOND DOTZ</div><div class="cat-description"></div></a></li> 217 <li class="nav-item-138"><a class="nav-item-link-138" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-dotz-masterclass"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/masterclass-150x150.png" alt="MasterClass" class="cat-img"><div class="cat-link">MasterClass</div><div class="cat-description"></div></a></li> 218 <li class="nav-item-82"><a class="nav-item-link-82" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=114_82"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/freesstyle-150x150.jpg" alt="Freestyle" class="cat-img"><div class="cat-link">Freestyle</div><div class="cat-description"></div></a></li> 219 <li class="nav-item-157"><a class="nav-item-link-157" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=114_157"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/neon-150x150.jpg" alt="Neon" class="cat-img"><div class="cat-link">Neon</div><div class="cat-description"></div></a></li> 220 <li class="nav-item-59"><a class="nav-item-link-59" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-dotz-decorative-pillows"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/pillows-150x150.jpg" alt="Decorative Pillows" class="cat-img"><div class="cat-link">Decorative Pillows</div><div class="cat-description"></div></a></li> 221 <li class="nav-item-115"><a class="nav-item-link-115" href="https://www.diamonddotz.co.uk/diamond-dotz-products/dotzies-for-kids"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/dotzies-kit-150x150.jpg" alt="DOTZIES for Kids" class="cat-img"><div class="cat-link">DOTZIES for Kids</div><div class="cat-description"></div></a></li> 222 <li class="nav-item-100"><a class="nav-item-link-100" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-dotz-greeting-cards"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/euxet
222iries-kartes-diamond-dotz-150x150.jpg" alt="Greeting Cards" class="cat-img"><div class="cat-link">Greeting Cards</div><div class="cat-description"></div></a></li> 223 <li class="nav-item-102"><a class="nav-item-link-102" href="https://www.diamonddotz.co.uk/diamond-dotz-products/dotz-box"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/dotzbox-150x150.jpg" alt="Dotz Box" class="cat-img"><div class="cat-link">Dotz Box</div><div class="cat-description"></div></a></li> 224 <li class="nav-item-156"><a class="nav-item-link-156" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=114_156"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/dotz_decor-150x150.jpg" alt="Dotz Décor" class="cat-img"><div class="cat-link">Dotz Décor</div><div class="cat-description"></div></a></li> 225 <li class="nav-item-79"><a class="nav-item-link-79" href="https://www.diamonddotz.co.uk/diamond-dotz-products/dotting-accessories"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/diamond-dotz-axesouar-150x150.jpg" alt="Dotting Accessories" class="cat-img"><div class="cat-link">Dotting Accessories</div><div class="cat-description"></div></a></li> 226 <li class="nav-item-154"><a class="nav-item-link-154" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-painting-3d-houses"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/3d_houses-150x150.jpg" alt="3D & Ornaments" class="cat-img"><div class="cat-link">3D & Ornaments</div><div class="cat-description"></div></a></li> 227 <li class="nav-item-151"><a class="nav-item-link-151" href="https://www.diamonddotz.co.uk/diamond-dotz-products/diamond-dotz-coasters"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/categories/coasters-150x150.jpg" alt="Coasters" class="cat-img"><div class="cat-link">Coasters</div><div class="cat-description"></div></a></li> 228 </ul> 229 </li> 230 231 232 <li class="nav-item-139"><a class="nav-item-link-139" href="https://www.diamonddotz.co.uk/Products-For-kids">For kids</a></li> 233 234 235 <li class="nav-item-101"><a class="nav-item-link-101" href="https://www.diamonddotz.co.uk/new-products">New Products</a></li> 236 237 238 <li class="nav-item-132 has-children main-children"> 239 <a class="nav-item-link-132" href="https://www.diamonddotz.co.uk/categories">Collections</a> 240 241 <ul class="secondary-nav is-hidden"> 242 <li class="go-back"><a >BACK</a></li> 243 <li class="see-all hidden"><a href="https://www.diamonddotz.co.uk/categories">Show All</a></li> 244 <li class="nav-item-123"><a class="nav-item-link-123" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_123"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Abstract" class="cat-img"><div class="cat-link">Abstract</div><div class="cat-description"></div></a></li> 245 <li class="nav-item-116"><a class="nav-item-link-116" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_116"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Birds & Animals" class="cat-img"><div class="cat-link">Birds & Animals</div><div class="cat-description"></div></a></li> 246 <li class="nav-item-125"><a class="nav-item-link-125" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_125"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Christmas" class="cat-img"><div class="cat-link">Christmas</div><div class="cat-description"></div></a></li> 247 <li class="nav-item-119"><a class="nav-item-link-119" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_119"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Famous Artists" class="cat-img"><div class="cat-link">Famous Artists</div><div class="cat-description"></div></a></li> 248 <li class="nav-item-122"><a class="nav-item-link-122" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_122"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Fantasy" class="cat-img"><div class="cat-link">Fantasy</div><div class="cat-description"></div></a></li> 249 <li class="nav-item-121"><a class="nav-item-link-121" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_121"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Floral" class="cat-img"><div class="cat-link">Floral</div><div class="cat-description"></div></a></li> 250 <li class="nav-item-129"><a class="nav-item-link-129" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_129"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Halloween & Fall" class="cat-img"><div class="cat-link">Halloween & Fall</div><div class="cat-description"></div></a></li> 251 <li class="nav-item-140"><a class="nav-item-link-140" href="https://www.diamonddotz.co.uk/categories/diamond-dotz-kids-collection"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Kids Collection" class="cat-img"><div class="cat-link">Kids Collection</div><div class="cat-description"></div></a></li> 252 <li class="nav-item-118"><a class="nav-item-link-118" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_118"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Landscape & Nature" class="cat-img"><div class="cat-link">Landscape & Nature</div><div class="cat-description"></div></a></li> 253 <li class="nav-item-131"><a class="nav-item-link-131" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_131"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Licensed Characters" class="cat-img"><div class="cat-link">Licensed Characters</div><div class="cat-description"></div></a></li> 254 <li class="nav-item-128"><a class="nav-item-link-128" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_128"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Love & Romance" class="cat-img"><div class="cat-link">Love & Romance</div><div class="cat-description"></div></a></li> 255 <li class="nav-item-124"><a class="nav-item-link-124" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_124"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Music & Dance" class="cat-img"><div class="cat-link">Music & Dance</div><div class="cat-description"></div></a></li> 256 <li class="nav-item-120"><a class="nav-item-link-120" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_120"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Ocean & Beach" class="cat-img"><div class="cat-link">Ocean & Beach</div><div class="cat-description"></div></a></li> 257 <li class="nav-item-126"><a class="nav-item-link-126" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_126"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Places & Travel" class="cat-img"><div class="cat-link">Places & Travel</div><div class="cat-description"></div></a></li> 258 <li class="nav-item-155"><a class="nav-item-link-155" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_155"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Real Madrid" class="cat-img"><div class="cat-link">Real Madrid</div><div class="cat-description"></div></a></li> 259 <li class="nav-item-127"><a class="nav-item-link-127" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_127"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Religious & Spiritual" class="cat-img"><div class="cat-link">Religious & Spiritual</div><div class="cat-description"></div></a></li> 260 <li class="nav-item-130"><a class="nav-item-link-130" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_130"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Transportation" class="cat-img"><div class="cat-link">Transportation</div><div class="cat-description"></div></a></li> 261 <li class="nav-item-117"><a class="nav-item-link-117" href="https://www.diamonddotz.co.uk/index.php?route=product/category&path=132_117"><img src="https://www.diamonddotz.co.uk/image/cache/no_image-150x150.png" alt="Whimsical" class="cat-img"><div class="cat-link">Whimsical</div><div class="cat-description"></div></a></li> 262 </ul> 263 </li> 264 265 266 <li class="nav-item-158"><a class="nav-item-link-158" href="https://www.diamonddotz.co.uk/clearance">Clearance</a></li> 267 268 269 270 271 <li class="nav-item-freestyle has-children main-children hidden"> 272 <a class="nav-item-link-freestyle" href="#">
272Freestyle</a> 273 274 275 <ul class="secondary-nav is-hidden"> 276 <li class="go-back"><a>BACK</a></li> 277 278 279 <li class="nav-item-freestyle-products"> 280 <a class="nav-item-link" href="diamond-dotz-freestyle"> 281 <img src="image/catalog/pages/freestyle/menu-freestyle-products.jpg" alt="Products" class="cat-img"> 282 <div class="cat-link">Products</div> 283 </a> 284 </li> 285 286 <li class="nav-item-freestyle-projects"> 287 <a class="nav-item-link" href="download-freestyle-projects"> 288 <img src="image/catalog/pages/freestyle/menu-freestyle-intro.jpg" alt="Inspiration" class="cat-img"> 289 <div class="cat-link">Inspiration</div> 290 </a> 291 </li> 292 293 294 295 296 </ul> 297 298 </li> 299 300 <li><a href="https://www.diamonddotz.co.uk/index.php?route=product/artist">Our Artists</a></li> 301 <li class="nav-video"><a href="https://www.diamonddotz.co.uk/videos">Video</a></li> 302 <li><a href="https://www.diamonddotz.co.uk/faq">FAQ</a></li> 303 304 <li class="mobile-only"><a href="https://www.diamonddotz.co.uk/register">Register</a></li> 305 <li class="mobile-only"><a href="https://www.diamonddotz.co.uk/login">Login</a></li> 306 </ul> <!-- primary-nav --> 307 </nav> <!-- nav --> 308 309 </div> 310 <div class="desktop-menu"></div> 311 </div> 312</header> 313 314 315<div id="search" class="input-group"> 316 317 <span class="input-group-btn"> 318 <button type="button" class="btn btn-default btn-lg start-search"><i class="fa fa-search"></i></button> 319 </span> 320 <input id="search-input" type="text" name="search" value="" placeholder="Search" class="form-control search-input input-lg" /> 321 322 323 <button type="button" class="search-close"><span aria-hidden="true">â</span></button> 324 325</div> 326 327
328<script> 329timeout_var = null; 330 331function typeWriter(selector_target, text_list, placeholder = false, i = 0, text_list_i=0, delay_ms=120) { 332 if (!i) { 333 if (placeholder) { 334 document.querySelector(selector_target).placeholder = ""; 335 } 336 else { 337 document.querySelector(selector_target).innerHTML = ""; 338 } 339 } 340 txt = text_list[text_list_i]; 341 if (i < txt.length) { 342 if (placeholder) { 343 document.querySelector(selector_target).placeholder += txt.charAt(i); 344 } 345 else { 346 document.querySelector(selector_target).innerHTML += txt.charAt(i); 347 } 348 i++; 349 setTimeout(typeWriter, delay_ms, selector_target, text_list, placeholder, i, text_list_i); 350 } 351 else { 352 text_list_i++; 353 if (typeof text_list[text_list_i] === "undefined") { 354 setTimeout(typeWriter, (delay_ms*5), selector_target, text_list, placeholder); 355 } 356 else { 357 i = 0; 358 setTimeout(typeWriter, (delay_ms*3), selector_target, text_list, placeholder, i, text_list_i); 359 } 360 } 361} 362 363text_list = [ 364 "Search theme", 365 "Search season", 366 "Search title", 367 "Search series", 368 "Search anything..." 369]; 370 371return_value = typeWriter("#search-input", text_list, true); 372 373</script>
373 374 375 <div id="cart" class="cart-wrapper"> 376 <div class="cart-header"> 377 <button type="button" class="cart-close"><span aria-hidden="true">â</span></button> 378 <h4><div class="cart-is">Cart</div><div class="totals-wrapper"><span id="cart-totals">0</span></div></h4> 379 </div> 380 381 382 <ul> 383 <li> 384 <div class="empty-cart empty-cart-mini"> 385 386 387 388 <h3>Your shopping cart is empty!</h3> 389 390 391 </li> 392 </ul> 393</div> 394 395 396 397<main id="main" class="main-content"> 398 399 400 401 402 403<div class="main-announcement " style="background: #06214D;"> 404 405 406 407 408 409 <div class="swiper-container swiper-main-announcement-container container "> 410 <div class="swiper-wrapper"> 411 412 <div class="swiper-slide"> 413 <span style=" color: #ffffff;"><strong>FREE SHIPPING</strong> for all orders over £75</span> 414 </div> 415 416 </div> 417 418 </div> 419 420 421</div> 422 423 424 425 426 427 428 429 430 431<section id="home-slider" class="slider-element swiper_wrapper slideshow0 full-screen clearfix"> 432 <div class="swiper-slideshow-container"> 433 <div class="swiper-wrapper"> 434 435 <div class="swiper-slide" > 436 <a href="/clearance"><img src="https://www.diamonddotz.co.uk/image/cache/catalog/banners/clearance_banner_jan2026-1400x598.jpg" alt="Christmas" class="img-responsive" /></a> 437 438 <div class="container clearfix hidden"> 439 <div class="slider-caption text-shadow hidden"> 440 <!--<h2 style="color:#fff">Christmas</h2> --> 441 442 <!--<a href="/clearance" class="btn-slider">See details</a> --> 443 </div> 444 </div> 445 </div> 446 447 448 </div> 449 450 </div> 451</section> 452 <div class="latest-products"> 453 <div class="row"> 454 <div class="col-xs-12"> 455 456 <div class="container-fluid"> 457 <div class="heading-related"> 458 <h2 class="text-center">Featured Products</h2> 459 </div> 460 461 <div class="row"> 462 <div class="swiper-container swiper-featured-container"> 463 <div class="swiper-wrapper"> 464 465 <div class="swiper-slide grid-item"> 466 <a href="https://www.diamonddotz.co.uk/diamond-dotz-starry-night-van-gogh-dd9001"> 467 <div class="grid-item-content"> 468 <a href="https://www.diamonddotz.co.uk/diamond-dotz-starry-night-van-gogh-dd9001"><div class="gid-item-img-container"> 469 470 471 <button class="btn-wish-cat" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1321');"><i class="fa fa-heart"></i></button> 472 <img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd9/dd9.001-450x450.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd9/dd9.001-66x66.jpg" alt="Starry Night (Van Gogh)" /> 473 </div> 474 </a> 475 476 <div class="grid-item-description"> 477 <a href="https://www.diamonddotz.co.uk/diamond-dotz-starry-night-van-gogh-dd9001"><h5>DD9.001<h5> 478 <h4>Starry Night (Van Gogh)</h4> </a> 479 480 <p class="price"> 481 £32.49 </p> 482 </div> 483 484 485 <button class="btn-cart-cat" type="button" onclick="cart.add('1321', '1');">Add to Cart</button> 486 487 488 489 <div style="padding: 0 10px 25px;"> 490 491 492 </div> 493 </div> 494 495 496 </div> 497 498 <div class="swiper-slide grid-item"> 499 <a href="https://www.diamonddotz.co.uk/diamond-dotz-café-at-night-van-gogh-dd10005"> 500 <div class="grid-item-content"> 501 <a href="https://www.diamonddotz.co.uk/diamond-dotz-café-at-night-van-gogh-dd10005"><div class="gid-item-img-container"> 502 503 504 <button class="btn-wish-cat" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1032');"><i class="fa fa-heart"></i></button> 505 <img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd10/dd10.005-450x450.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd10/dd10.005-66x66.jpg" alt="Café At Night (Van Gogh)" /> 506 </div> 507 </a> 508 509 <div class="grid-item-description"> 510 <a href="https://www.diamonddotz.co.uk/diamond-dotz-café-at-night-van-gogh-dd10005"><h5>DD10.005<h5> 511 <h4>Café At Night (Van Gogh)</h4> </a> 512 513 <p class="price"> 514 £41.99 </p> 515 </div> 516 517 518 <button class="btn-cart-cat" type="button" onclick="cart.add('1032', '1');">Add to Cart</button> 519 520 521 522 <div style="padding: 0 10px 25px;"> 523 524 525 </div> 526 </div> 527 528 529 </div> 530 531 <div class="swiper-slide grid-item"> 532 <a href="https://www.diamonddotz.co.uk/diamond-dotz-fishing-in-spring-van-gogh-dd9036"> 533 <div class="grid-item-content"> 534 <a href="https://www.diamonddotz.co.uk/diamond-dotz-fishing-in-spring-van-gogh-dd9036"><div class="gid-item-img-container"> 535 536 537 <button class="btn-wish-cat" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1344');"><i class="fa fa-heart"></i></button> 538 <img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd9/dd9.036-450x450.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd9/dd9.036-66x66.jpg" alt="Fishing In Spring (Van Gogh)" /> 539 </div> 540 </a> 541 542 <div class="grid-item-description"> 543 <a href="https://www.diamonddotz.co.uk/diamond-dotz-fishing-in-spring-van-gogh-dd9036"><h5>DD9.036<h5> 544 <h4>Fishing In Spring (Van Gogh)</h4> </a> 545 546 <p class="price"> 547 £32.49 </p> 548 </div> 549 550 551 <button class="btn-cart-cat" type="button" onclick="cart.add('1344', '1');">Add to Cart</button> 552 553 554 555 <div style="padding: 0 10px 25px;"> 556 557 558 </div> 559 </div> 560 561 562 </div> 563 564 <div class="swiper-slide grid-item"> 565 <a href="https://www.diamonddotz.co.uk/diamond-dotz-irises-van-gogh-dd13007"> 566 <div class="grid-item-content"> 567 <a href="https://www.diamonddotz.co.uk/diamond-dotz-irises-van-gogh-dd13007"><div class="gid-item-img-container"> 568 569 570 <button class="btn-wish-cat" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1105');"><i class="fa fa-heart"></i></button> 571 <img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd13/dd13.007-450x450.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd13/dd13.007-66x66.jpg" alt="Irises (Van Gogh)" /> 572 </div> 573 </a> 574 575 <div class="grid-item-description"> 576 <a href="https://www.diamonddotz.co.uk/diamond-dotz-irises-van-gogh-dd13007"><h5>DD13.007<h5> 577 <h4>Irises (Van Gogh)</h4> </a> 578 579 <p class="price"> 580 £64.99 </p> 581 </div> 582 583 584 <button class="btn-cart-cat" type="button" onclick="cart.add('1105', '1');">Add to Cart</button> 585 586 587 588 <div style="padding: 0 10px 25px;"> 589 590 591 </div> 592 </div> 593 594 595 </div> 596 597 <div class="swiper-slide grid-item"> 598 <a href="https://www.diamonddotz.co.uk/diamond-dotz-seascape-at-saint-maries-van-gogh-dd12-029"> 599 <div class="grid-item-content"> 600 <a href="https://www.diamonddotz.co.uk/diamond-dotz-seascape-at-saint-maries-van-gogh-dd12-029"><div class="gid-item-img-container"> 601 602 603 <button class="btn-wish-cat" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1082');"><i class="fa fa-heart"></i></button> 604 <img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd12/dd12.029-450x450.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/products/main/dd12/dd12.029-66x66.jpg" alt="Seascape At Saint Maries (Van Gogh)" /> 605 </div> 606 </a> 607 608 <div class="grid-item-description"> 609 <a href="https://www.diamonddotz.co.uk/diamond-dotz-seascape-at-saint-maries-van-gogh-dd12-029"><h5>
609DD12.029<h5> 610 <h4>Seascape At Saint Maries (Van Gogh)</h4> </a> 611 612 <p class="price"> 613 £55.49 </p> 614 </div> 615 616 617 <button class="btn-cart-cat" type="button" onclick="cart.add('1082', '1');">Add to Cart</button> 618 619 620 621 <div style="padding: 0 10px 25px;"> 622 623 624 </div> 625 </div> 626 627 628 </div> 629 630 631 </div> 632 633 <!-- Add Scrollbar --> 634 <div class="swiper-featured-scrollbar"></div> 635 </div> 636 637 </div> 638 </div> 639 640 641 642 <div class="text-center featured-more-btn"> 643 <a href="diamond-dotz-diamond-facet-art-kits" class="btn btn-primary">More products</a> 644 </div> 645</div> 646 647 648</div> 649</div> 650
651<script> 652 var swiper = new Swiper('.swiper-featured-container', { 653 slidesPerView:4, 654 spaceBetween: 30, 655 scrollbar: { 656 el: '.swiper-featured-scrollbar', 657 hide: false, 658 snapOnRelease:false, 659 draggable:true, 660 }, 661 loop: true, 662 breakpoints: { 663 // when window width is >= 320px 664 320: { 665 slidesPerView: 2, 666 spaceBetween: 20 667 }, 668 640: { 669 slidesPerView: 2, 670 spaceBetween: 30 671 }, 672 768: { 673 slidesPerView: 4, 674 spaceBetween: 30 675 } 676 , 677 1024: { 678 slidesPerView: 4, 679 spaceBetween: 30 680 } 681 }, 682 autoplay: { 683 delay: 3000, 684 }, 685 }); 686 </script>
686<div> 687 <div class="row" style="background:#f1f1f1;padding-top:80px;padding-bottom:80px;"> 688<div class="col-xs-12"> 689<div class="container-fluid featured-banners"> 690<ul class="featured-banners-list"> 691 <li class="featured-banners-item"> 692 <div class="featured-banners-item-inner"> 693 <div class="featured-banners-item is-middle"> 694 <h2 class="featured-banners-item-title">Greeting Cards</h2> 695 <a aria-label="Shop Now" class="button" href="diamond-dotz-greeting-cards"><span class="button__text">Shop Now</span></a></div> 696 697 <div class="FeaturePanelsItem__media"><picture class="ResponsiveImage"> <img alt="Greeting Cards" height="" src="image/catalog/greeting-cards.jpg" width=""> </picture></div> 698 </div> 699 </li> 700 <li class="featured-banners-item"> 701 <div class="featured-banners-item-inner"> 702 <div class="featured-banners-item is-middle"> 703 <h2 class="featured-banners-item-title">DOTZ BOX</h2> 704 <a aria-label="Shop Now" class="button" href="dotz-box"><span class="button__text">Shop Now</span></a></div> 705 706 <div class="FeaturePanelsItem__media"><picture class="ResponsiveImage"> <img alt="DOTZ BOX" height="" src="image/catalog/dotz-box.jpg" width=""> </picture></div> 707 </div> 708 </li> 709 <li class="featured-banners-item"> 710 <div class="featured-banners-item-inner"> 711 <div class="featured-banners-item is-middle"> 712 <h2 class="featured-banners-item-title">Freestyle Accessories</h2> 713 <a aria-label="Shop Now" class="button" href="dotting-accessories"><span class="button__text">Shop Now</span></a></div> 714 715 <div class="FeaturePanelsItem__media"><picture class="ResponsiveImage"> <img alt="Freestyle Accessories" height="" src="image/catalog/accessories.jpg" width=""> </picture></div> 716 </div> 717 </li> 718 <li class="featured-banners-item"> 719 <div class="featured-banners-item-inner"> 720 <div class="featured-banners-item is-middle"> 721 <h2 class="featured-banners-item-title">DOTZIES Kits for kids</h2> 722 <a aria-label="Shop Now" class="button" href="dotzies-activity-sets"><span class="button__text">Shop Now</span></a></div> 723 724 <div class="FeaturePanelsItem__media"><picture class="ResponsiveImage"> <img alt="DOTZIES Kits for kids" height="" src="image/catalog/dotzies.jpg" width=""> </picture></div> 725 </div> 726 </li> 727</ul> 728</div> 729</div> 730</div> 731</div> 732<div class="footer-social-wrapper text-center 0"> 733 <h2>
733Follow us Sparkle people</h2> 734 <a href="https://www.instagram.com/diamonddotz_eu/" target="_blank">@diamonddotz_eu</a> 735 736 737 <div class="footer-insta-wrapper"> 738 <div class="insta-tag-background">#diamonddotz_eu</div> 739 740 <div class="swiper-container swiper-insta-container container-fluid"> 741 <div class="swiper-wrapper"> 742 <div class="swiper-slide"><a target="_blank" href="https://www.instagram.com/p/CFHb2qoqJfC/"><img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/119230052_178017060440279_4180394431009880919_n-640x640.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/119230052_178017060440279_4180394431009880919_n-64x64.jpg"></a></div> 743 <div class="swiper-slide"><a target="_blank" href="https://www.instagram.com/p/CE9Pi4YqfLQ/"><img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/118993917_122370576257167_2544617842026290399_n-640x640.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/118993917_122370576257167_2544617842026290399_n-64x64.jpg"></a></div> 744 <div class="swiper-slide"><a target="_blank" href="https://www.instagram.com/p/CE4F82uKno1/"><img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/118848658_2616834161916014_1842110656454710012_n-640x640.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/118848658_2616834161916014_1842110656454710012_n-64x64.jpg"></a></div> 745 <div class="swiper-slide"><a target="_blank" href="https://www.instagram.com/p/CEy1fX4qEEK/"><img class="lazyload img-responsive" data-src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/119007470_4609751992398963_3238109784647748173_n-640x640.jpg" src="https://www.diamonddotz.co.uk/image/cache/catalog/Instagram-feed/119007470_4609751992398963_3238109784647748173_n-64x64.jpg"></a></div> 746 </div> 747 <!-- Add Pagination --><div class="previous-next-wrapper"> 748 <div class="swiper-button-prev"></div> 749 <div class="swiper-button-next"></div> 750 </div> 751 </div> 752 753
753<script> 754 var swiper = new Swiper('.swiper-insta-container', { 755 slidesPerView: 4, 756 spaceBetween: 30, 757 navigation: { 758 nextEl: '.swiper-button-next', 759 prevEl: '.swiper-button-prev', 760 }, 761 loop: true, 762 autoplay: { 763 delay: 3300, 764 }, 765 766 breakpoints: { 767 // when window width is >= 320px 768 320: { 769 slidesPerView: 2, 770 spaceBetween: 20 771 }, 772 640: { 773 slidesPerView: 2, 774 spaceBetween: 30 775 }, 776 768: { 777 slidesPerView: 4, 778 spaceBetween: 30 779 } 780 , 781 1024: { 782 slidesPerView: 4, 783 spaceBetween: 30 784 } 785 }, 786 }); 787 </script>
787 788 789 </div> 790 </div> 791</div> 792 793
794<script> 795// Inspired by: 796// https://codepen.io/sgorneau/pen/mWEddP 797// as described in the above codepen, if we set the value `x` to something like -100% it'll go too fast 798// so I took the function to calculate the rate and applied to my code 799 800let marquee = document.querySelectorAll('.clipped-text'); 801 802// added event listener because it doesn't get the right width 803addEventListener("load", function () { 804 marquee.forEach(el => { 805 // set a default rate, the higher the value, the faster it is 806 let rate = 200; 807 // get the width of the element 808 let distance = el.clientWidth; 809 // get the margin-right of the element 810 let style = window.getComputedStyle(el); 811 let marginRight = parseInt(style.marginRight) || 0; 812 // get the total width of the element 813 let totalDistance = distance + marginRight; 814 // get the duration of the animation 815 // for a better explanation, see the quoted codepen in the first comment 816 let time = totalDistance / rate; 817 // get the parent of the element 818 let container = el.parentElement; 819 820 gsap.to(container, time, { 821 repeat: -1, 822 x: '-'+totalDistance, 823 ease: Linear.easeNone, 824 }); 825 }); 826}); 827 828</script>
828 829 830</main> 831 832<div class="show-filter">Filter</div> 833<div class="close-filter">Close</div> 834 835<footer class="footer text-center"> 836 837 838 839 840 841 <div class="footer-main"> 842 <div class="container-fluid"> 843 <div class="row"> 844 <div class="col-sm-3"> 845 <h4>CUSTOMER CARE</h4> 846 <ul> 847 <li><a href="https://www.diamonddotz.co.uk/contact">Contact Us</a></li> 848 <li><a href="https://www.diamonddotz.co.uk/faq">FAQ</a></li> 849 <li><a href="https://www.diamonddotz.co.uk/index.php?route=account/guestorder">Track Order</a></li> 850 <li><a href="https://www.diamonddotz.co.uk/missing-dotz">Missing Dotz</a></li> 851 <li><a href="https://www.diamonddotz.co.uk/terms-and-conditions-uk">Terms & Conditions</a></li> 852 </ul> 853 </div> 854 855 <div class="col-sm-3"> 856 857 <h4>ABOUT US</h4> 858 <ul> 859 <li><a href="https://www.diamonddotz.co.uk/about-us">About</a></li> 860 <li><a href="https://www.diamonddotz.co.uk/index.php?route=gallery/album_photo">Freestyle Projects</a></li> 861 <li><a href="https://www.diamonddotz.co.uk/distributors">Distributors</a></li> 862 </ul> 863 <br> 864 865 </div> 866 867 <div class="col-sm-3"> 868 <h4>Owned and operated by</h4> 869 <div style=" font-size: 12px; color: #555;">Needleart World (Cyprus) Ltd.<br> 870 Registration HE 337559<br> 871 Papacharalmbous Ignatiou 1, 4194 Limassol, Cyprus 872 </div> 873 874 </div> 875 876 <div class="col-sm-3"> 877 <div class=" "> 878 <h4>FOLLOW US</h4> 879 880 <ul class="list-inline"> 881 <li><a target="_blank" href="https://www.facebook.com/diamonddotzcom/"><i class="fab fa-facebook-f"></i></a></li> 882 <li><a target="_blank" href="https://www.instagram.com/diamonddotz_eu/"><i class="fab fa-instagram"></i></a></li> 883 </ul> 884 885 </div> 886 887 888 889 </div> 890 891 892 </div> 893 <div class="row"> 894 895 <div class="footer-logo"> 896 <a href="/"><img src="image/DD_logo_color.svg" title=" " alt=" " class="img-responsive" /></a> 897 </div> 898 899 900 901 902 903 </div> 904 905 906 907 <div class="row"> 908 909 <div class="col-sm-3 "> 910 911 </div> 912 913 <div class="col-sm-9"> 914 <div class="select-region footer-region-links hidden"> 915 <h4>Select your location</h4> 916 917 <ul class="list-inline"> 918 <li><span class="country-flag"><img src="image/catalog/flags/australia.svg" title="Australia" alt="Australia"></span>Australia</li> 919 <li><span class="country-flag"><img src="image/catalog/flags/Canada.svg" title="Canada" alt="Canada" ></span>Canada</li> 920 <li><span class="country-flag"><img src="image/catalog/flags/europe.svg" title="europe" alt="europe" ></span>Europe</li> 921 <li><span class="country-flag"><img src="image/catalog/flags/france.svg" title="France" alt="France" ></span>France</li> 922 <li><span class="country-flag"><img src="image/catalog/flags/united-kingdom.svg" title="United Kingdom" alt="United Kingdom"></span>Great Britain</li> 923 <li><span class="country-flag"><img src="image/catalog/flags/italy.svg" title="Italy" alt="Italy" ></span>Italia</li> 924 <li><span class="country-flag"><img src="image/catalog/flags/USA.svg" title="USA" alt="USA" ></span>USA</li> 925 926 </ul> 927 928 929 930 931 </div> 932 933 934 935 </div> 936 937 938 939 940 941 </div> 942 943 944 945 946 </div> 947 </div> 948 <div class="footer-bottom"> 949 <div class="container-fluid"> 950 <div class="row"> 951 <div class="col-xs-6"> 952 <div class="footer-credentials"> 953 diamonddotz.co.uk © 2026 </div> 954 </div> 955 956 <div class="col-xs-6"> 957 <ul class="list-inline footer-payment-methods"> 958 959 <li><img src="image/icons/icon-visa.svg" alt="Visa" title="Visa" class="img-thumbnail"></li> 960 <li><img src="image/icons/icon-mastercard.svg" alt="Mastercard" title="Mastercard" class="img-thumbnail"></li> 961 <li><img src="image/icons/icon-paypal.svg" alt="Paypal" title="Paypal" class="img-thumbnail"></li> 962 963 </ul> 964 </div> 965 </div> 966 </div> 967 </div> 968 969</footer> 970 971<div class="overlay"></div> 972 973 974
975<script src="catalog/view/theme/diamond/js/aos/aos.js"></script>
vendor: 2 bytes, line 975
975
976<script> 977 AOS.init({ 978 easing: 'ease-out-back', 979 once: true 980 }); 981</script>
981 982 983 984 985</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.