<b>Artificial Grass Tiles</b> - Premium Interlocking Turf | DECKO (11.8" x 11.8" x 0.8" tile) - (One Piece)

<div style="text-align: left;"> <a href="https://cdn.shopify.com/s/files/1/0718/0153/6798/files/USAcalculatormatrix_d79147a4-9f01-4022-bba1-3e620957ad51.pdf?v=1682929721" title="tile counting grid"><img src="https://cdn.shopify.com/s/files/1/0718/0153/6798/files/DownloadTileCountingGrid-updated_f3dfd69e-d2b1-4008-ac6e-c386b29885e1.png?v=1690802890" style="margin: 0px; padding: 0px;"></a><a href="https://deckotiles.co/collections/free-sample-packs" title="order DECKO deck tile free sample. try before you buy!"><img src="https://cdn.shopify.com/s/files/1/0718/0153/6798/files/orderfreesamplebutton-updated_8b7858a5-75b6-4669-826e-0f2afc946d7c.png?v=1690802920" style="margin: 0px; padding: 0px;"></a> </div> <div style="text-align: start;" class="avia_textblock"> <p><!-- Papa Parse CDN --> <script src="https://cdn.jsdelivr.net/npm/papaparse@5.3.2/papaparse.min.js"></script> <!-- Responsive Price Text --> </p> <div id="decktiles-price-text" style=" font-size: clamp(1.5em, 5vw, 2.2em); font-weight: 900; color: #1a1a1a; text-align: left; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; "> Loading price... </div> <!-- SALE BUTTON --> <div style="text-align: left; margin: 0; padding: 0;"> <button id="open-decktiles-popup" class="pulse-button" style=" background-color: #ffab41; color: black; font-weight: bold; border: none; padding: 10px 20px; font-size: 1em; cursor: pointer; border-radius: 6px; letter-spacing: 0.5px; margin-top: 8px; display: none; "> Loading... </button> </div> <!-- POPUP OVERLAY --> <div id="decktiles-popup-overlay" style=" display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 9999; justify-content: center; align-items: center; "> <div style=" background: white; border-radius: 12px; padding: 20px 16px; width: fit-content; max-width: 95vw; box-shadow: 0 0 20px rgba(0,0,0,0.15); font-family: Arial, sans-serif; position: relative; text-align: center; "> <!-- Close Button --> <button onclick="document.getElementById('decktiles-popup-overlay').style.display='none'; document.getElementById('open-decktiles-popup').disabled = false" style=" position: absolute; top: 6px; right: 10px; background: none; border: none; font-size: 1.4em; font-weight: bold; color: #333; cursor: pointer; ">✕</button> <h3 id="decktiles-popup-heading" style="margin-bottom: 16px; font-size: 1.3em;">Loading...</h3> <table style="border-collapse: collapse; font-size: 1em; min-width: 260px; margin: 0 auto;"> <thead> <tr> <th style="width: 130px; text-align: center; padding: 10px 0; border-bottom: 1px solid #ccc;">Discount</th> <th style="width: 130px; text-align: center; padding: 10px 0; border-bottom: 1px solid #ccc;">Minimum Order</th> </tr> </thead> <tbody id="decktiles-table-body"></tbody> </table> </div> </div> <!-- PULSE CSS --> <style> @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 rgba(255, 171, 65, 0.6); } 50% { transform: scale(1.05); box-shadow: 0 0 10px rgba(255, 171, 65, 0.6); } 100% { transform: scale(1); box-shadow: 0 0 0 rgba(255, 171, 65, 0.6); } } .pulse-button { animation: pulse 1.8s infinite; } @media (max-width: 480px) { #decktiles-price-text { font-size: 1.3em !important; } } </style> <!-- LOAD DATA FROM SHEET --> <script> document.addEventListener("DOMContentLoaded", function () { const csvUrl = "https://docs.google.com/spreadsheets/d/e/2PACX-1vQrmadDIW3PJJJ1F2yKw2L_jf5om3UC8uGxKPnL4tgwSLaJnt1XTMhTdcyTtfcRS_q-zSF5v7QOtiL0/pub?gid=2025054733&single=true&output=csv"; const openBtn = document.getElementById("open-decktiles-popup"); const popupOverlay = document.getElementById("decktiles-popup-overlay"); const heading = document.getElementById("decktiles-popup-heading"); const tableBody = document.getElementById("decktiles-table-body"); const priceText = document.getElementById("decktiles-price-text"); Papa.parse(csvUrl, { download: true, skipEmptyLines: true, complete: function(results) { let rows = results.data; const headers = rows[0].map(h => h.trim()); const dataRows = rows.slice(1).filter(row => row.length && row[0].trim().toUpperCase() === "DECK TILES"); const getColIndex = (name) => headers.findIndex(h => h.toLowerCase() === name.toLowerCase()); const colText = getColIndex("Text"); const colButton = getColIndex("Button"); const colSaleType = getColIndex("Sale Type"); const colDiscount = getColIndex("Discount"); const colMinOrder = getColIndex("Minimum Order"); if (dataRows.length) { if (dataRows[0][colText]) priceText.innerText = dataRows[0][colText]; if (dataRows[0][colButton]) { openBtn.innerText = dataRows[0][colButton]; openBtn.style.display = "inline-block"; } if (dataRows[0][colSaleType]) heading.innerText = dataRows[0][colSaleType]; tableBody.innerHTML = ""; dataRows.forEach(row => { const discount = row[colDiscount]?.trim(); const minOrder = row[colMinOrder]?.trim(); if (discount && minOrder) { const tr = document.createElement("tr"); tr.innerHTML = `<td style='text-align:center;padding:10px 0;'>${discount}</td><td style='text-align:center;padding:10px 0;'>${minOrder}</td>`; tableBody.appendChild(tr); } }); } } }); openBtn.addEventListener("click", function () { popupOverlay.style.display = "flex"; openBtn.disabled = true; }); popupOverlay.addEventListener("click", function (e) { if (e.target === popupOverlay) { popupOverlay.style.display = "none"; openBtn.disabled = false; } }); }); </script> <p><strong><a href="#features">Features &gt;</a> | </strong><strong><a href="#benefits">Benefits &gt;</a><span> </span>|<span> </span><a href="#applications">Applications &gt;</a><span> </span>|<span> </span><a href="#videos">Videos &gt;</a><span> </span>|<span> </span><a href="#faq">FAQ &gt;</a></strong><br></p> <p> </p> <p><strong>Sizing:</strong> One Tile - 11.8"/11.8"/0.8". There are 11 tiles in a 12.6"/12.6"/9.5" box.<strong><br></strong><strong>Weight:</strong><span> 0.77</span> lbs per tile, 8.6 lbs per box<br data-mce-fragment="1"><strong></strong></p> <p><strong>Description:</strong> DECKO DIY Decking Tiles will transform your old-looking concrete, paved, or even slippery tiled area into a pleasant, stylish, child-safe new outdoor entertaining area.</p> <p><strong>Please note:</strong><span> If your delivery address is in a location that is difficult to reach by our standard shipping partners, we may need to contact you to discuss alternative shipping options. In such cases, we will work closely with you to find the most suitable and cost-effective solution to ensure your order reaches you as smoothly as possible.</span></p> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"> <a></a> <p><a><strong></strong></a><strong><a id="features">Features</a></strong></p> <a id="features"></a> <ul> <li><span>Suitable for laying on any existing solid flat base.</span></li> <li><span>Simple DIY snap together installation - no joists, clips, screws or bearers needed, no professional assistance required.</span></li> <li>Easy to cut shapes.</li> <li><span>Can be laid without edging as well.</span></li> <li><span>Perfect for wet areas - special plastic dual grid mesh base allows effective drainage.</span></li> <li><span>Easily relocatable - take them with you when you move house.</span></li> <li>High load capacity.</li> <li>Premium tiles feature greater functionality with additional edging options and enhanced four sided interlocking design.</li> </ul> <a></a> <p><a><strong></strong></a><strong><a id="benefits">DECKO benefits</a></strong></p> <ul> <li>Environmentally friendly, sustainable material</li> <li>All the benefits of traditional timber with none of the disadvantages</li> <li>Maintenance free – no staining, oiling or painting required                                </li> <li>Termite resistant</li> <li>Non slip rating R10 and P3                    </li> <li>Weather resistant - no rotting, mould or mildew</li> </ul> <a id="applications"><strong>Applications</strong></a> </div> <div class="avia_textblock"> <p>Great for residential (owned or rented) &amp; commercial applications including:</p> <ul> <li>balconies and rooftops</li> <li>patios and terraces</li> <li>courtyards</li> <li>pool and spa surrounding decks</li> <li>old timber decks to resurface</li> </ul> </div> </section> <div><a id="videos"><strong>Videos</strong></a></div> <strong>Features and Competitors</strong><script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-7e71b1c2-c662-406d-9368-71b1f97a7a4b"><br></div> <br><strong>How to Install</strong><script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-4d2bf808-6fa8-4a0b-aaf5-4469e9b68c03"><br></div> <br> <div> <a id="faq"></a><br> </div> <script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-be660c7b-afb7-4e32-ba00-33c99bdcf976"><br></div> <br> <section class="av_textblock_section"> <div class="avia_textblock"> <p><strong>Shipping: </strong>Calculated at checkout. We offer USA wide delivery and always source the most competitive prices available. If unhappy with the freight quoted cost at the checkout, get in touch. We challenge the freighters with tenders to get the best cost for your delivery. </p> </div> </section> </div> </section> </div> </section> </div> </section> </div> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"> <section class="av_textblock_section"> <div class="avia_textblock"><br></div> </section> </div> </section> </div> </section> </div> </section>