<style>
/* ================== OVERLAY WRAPPER ================== */
#delivery-overlay {
position: fixed;
right: 24px;
bottom: 24px;
width: 100%;
max-width: 36rem;
z-index: 99;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
font-family: inherit;
}
/* ================== CARD ================== */
#delivery-overlay .card {
position: relative;
display: flex;
gap: 16px;
padding: 16px 40px 16px 16px;
border-radius: 16px;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #e5e7eb;
box-shadow: 0 20px 40px rgba(0,0,0,.15);
overflow: hidden;
}
/* decorative blur */
#delivery-overlay .blur-bg {
position: absolute;
top: -40px;
right: -40px;
width: 96px;
height: 96px;
background: rgba(59,130,246,0.12);
border-radius: 50%;
filter: blur(32px);
pointer-events: none;
}
/* ================== ICON ================== */
#delivery-overlay .icon-wrap {
flex-shrink: 0;
background: #dbeafe;
color: #2563eb;
padding: 10px;
border-radius: 999px;
}
/* ================== TEXT ================== */
#delivery-overlay .content {
display: flex;
flex-direction: column;
gap: 6px;
}
#delivery-overlay h3 {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
color: #111827;
display: flex;
align-items: center;
gap: 8px;
}
#delivery-overlay p {
margin: 0;
font-size: 1.4rem;
color: #4b5563;
line-height: 1.4;
}
#delivery-overlay .bold {
font-weight: 700;
color: #111827;
}
/* badge */
#delivery-overlay .badge {
font-size: 10px;
font-weight: 700;
background: #2563eb;
color: #fff;
padding: 2px 6px 0;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: .08em;
}
/* timer row */
#delivery-overlay .timer {
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
font-size: 1rem;
color: #6b7280;
}
/* ================== CLOSE BUTTON ================== */
#delivery-overlay .close-btn {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
border-radius: 999px;
border: none;
background: transparent;
cursor: pointer;
color: #9ca3af;
display: flex;
align-items: center;
justify-content: center;
}
#delivery-overlay .close-btn:hover {
background: #f3f4f6;
color: #4b5563;
}
/* ================== ANIMATIONS ================== */
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
#delivery-overlay.show {
opacity: 1;
pointer-events: auto;
}
#delivery-overlay.slide-in {
animation: slideIn .5s cubic-bezier(.16,1,.3,1) forwards;
}
#delivery-overlay.fade-out {
animation: fadeOut .3s ease forwards;
}
/* ================== MOBILE ================== */
@media (max-width: 480px) {
#delivery-overlay {
right: 12px;
left: 12px;
max-width: none;
}
}
</style>
<!-- ================== HTML ================== -->
<div id="delivery-overlay">
<div class="card">
<div class="blur-bg"></div>
<div class="icon-wrap">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/>
<path d="M15 18H9"/>
<path d="M19 18h2a1 1 0 0 0 1-1v-5l-4-4h-3v10a1 1 0 0 0 1 1Z"/>
<circle cx="7" cy="18" r="2"/>
<circle cx="17" cy="18" r="2"/>
</svg>
</div>
<div class="content">
<h3>
Fast Delivery
<span class="badge">Next Day</span>
</h3>
<p>
All orders placed before <span class="bold">5:30 PM</span> are delivered Next Day.
</p>
<div class="timer">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<polyline points="12 6 12 12 16 14"/>
</svg>
<span id="delivery-timer">Time remaining: --h --m --s</span>
</div>
</div>
<button class="close-btn" id="close-overlay" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/>
<path d="m6 6 12 12"/>
</svg>
</button>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const overlay = document.getElementById('delivery-overlay');
const closeBtn = document.getElementById('close-overlay');
const timerEl = document.getElementById('delivery-timer');
if (!overlay || !closeBtn || !timerEl) return;
// -------- show overlay --------
setTimeout(() => {
overlay.classList.add('show', 'slide-in');
}, 1500);
closeBtn.addEventListener('click', () => {
overlay.classList.remove('slide-in');
overlay.classList.add('fade-out');
setTimeout(() => overlay.style.display = 'none', 300);
});
// -------- UK TIME COUNTDOWN --------
function getUKNow() {
const parts = new Intl.DateTimeFormat('en-GB', {
timeZone: 'Europe/London',
year: 'numeric', month: 'numeric', day: 'numeric',
hour: 'numeric', minute: 'numeric', second: 'numeric',
hour12: false
}).formatToParts(new Date());
const g = t => parts.find(p => p.type === t).value;
return new Date(g('year'), g('month') - 1, g('day'), g('hour'), g('minute'), g('second'));
}
function updateTimer() {
const now = getUKNow();
const cutoff = new Date(now);
cutoff.setHours(17, 30, 0, 0); // 5:30 PM UK
if (now >= cutoff) cutoff.setDate(cutoff.getDate() + 1);
const diff = cutoff - now;
if (diff <= 0) return;
const s = Math.floor(diff / 1000);
const h = Math.floor(s / 3600);
const m = Math.floor((s % 3600) / 60);
const sec = s % 60;
timerEl.textContent =
`Time remaining: ${String(h).padStart(2,'0')}h ` +
`${String(m).padStart(2,'0')}m ` +
`${String(sec).padStart(2,'0')}s`;
}
updateTimer();
setInterval(updateTimer, 1000);
});
</script>
EM-RPG8-EDU8 -1
In stock
Only 5 left
Bartoline Ready to Use All Purpose Filler 600g
£1.84
ORDER WITHIN:
FREE DELIVERY OVER £29.99
Only applicable to Mainland UK
<h4><span style="color: #fabb1a;">DESCRIPTION</span></h4>
<p>Bartoline Ready to Use All Purpose Filler 600g is designed for quick and easy repairs on interior and exterior surfaces. It provides a smooth, durable finish that adheres well to plaster, brick, wood, stone, and other common materials. The high-quality formulation ensures a strong bond, making it ideal for filling cracks, holes, and imperfections in walls, ceilings, and woodwork.</p>
<p>Once dry, the filler can be easily sanded for a flawless finish and painted over to match the surrounding area. Its non-shrinking formula prevents cracks from reappearing, ensuring long-lasting results. Suitable for a variety of DIY and professional applications, this filler is an essential product for achieving a professional-quality finish with minimal effort.</p>
<h4><span style="color: #fabb1a;">BENEFITS</span></h4>
<ul>
<li>Ready-to-use formula – no mixing required</li>
<li>Dries white for a clean and smooth finish</li>
<li>Easy to sand and paint over</li>
<li>Suitable for both interior and exterior applications</li>
<li>Water-based for easy cleanup</li>
</ul>
<h4><span style="color: #fabb1a;">DIRECTIONS</span></h4>
<ul>
<li>Apply directly using a filling knife or spatula.</li>
<li>Press the filler firmly into the area to be repaired, slightly overfilling to allow for sanding.</li>
<li>For deep holes, apply in layers no more than 6mm thick, allowing each layer to dry before applying the next.</li>
<li>Once fully dry, sand to a smooth finish before painting or decorating.</li>
<li>Clean tools with water immediately after use.</li>
</ul>
<h4><span style="color: #fabb1a;">WARNINGS</span></h4>
<ul>
<li>Keep out of reach of children.</li>
<li>Avoid contact with eyes and skin; wash with water if contact occurs.</li>
<li>Use in a well-ventilated area.</li>
<li>Do not ingest. Seek medical attention if swallowed.</li>
<li>Refer to the Safety Data Sheet for full safety precautions.</li>
</ul>
| Brand | Bartoline |
|---|---|
| EAN | 5010789720353 |
| Formulation Type | Paste |
| Number of items | 1 |
| Size/Volume | 600g |
| Usage | Ideal for filling cracks and holes in plaster, wood, brick, and stone. Provides a smooth, sandable finish and can be painted over once dry. Suitable for both interior and exterior use, with sealing required for outdoor applications. |
| Application Method | Apply directly from the tub using a suitable tool, such as a filling knife or spatula. Press the filler firmly into the area to be repaired, slightly overfilling to allow for sanding. For larger or deeper areas, apply in layers no more than 6mm thick, all |
| Safety Warning | Keep out of reach of children. Use in a well-ventilated area. In case of contact with eyes, rinse immediately with plenty of water and seek medical advice. After contact with skin, wash immediately with plenty of soap and water. |
| Features | Ready to use; no mixing required. Suitable for interior and exterior applications. Dries white and can be sanded to a smooth finish. Can be painted or decorated over once dry. Must be sealed with an oil-based paint or varnish when used outdoors. |
| Suitable for | Repairs to plaster, plasterboard, brick, wood, stone, and other common building materials. |
| Type | Ready-mixed all-purpose filler. |
| Size | 600g |
| Unit Type | Tub |
| Base | Water-based. |
| Coverage | Varies depending on application thickness and surface type; typically fills small to medium-sized cracks and holes. |
| Clean Up | Clean tools and equipment with water immediately after use. |
| Container Type | Plastic tub with resealable lid. |
| Drying Time | Dries white; drying time depends on application thickness and environmental conditions. |
| Formulation | Ready-mixed paste. |
| Number Of Coats | Apply in layers no more than 6mm thick, allowing each layer to set before applying the next. |
| Finish | Dries to a smooth, white finish. |
| Recoat Time | Allow to dry completely before sanding and painting; drying time depends on application thickness and environmental conditions. |
| Transparency | Opaque (dries white). |
| Weatherproof | Suitable for exterior use when sealed with an oil-based paint or varnish. |
| Solvent Free | Yes, it is a water-based filler. |
| Paintable | Yes |
| Item Thickness | Apply in layers no more than 6mm thick, allowing each layer to set before applying the next. |
| Resistant To Water | Suitable for exterior use when sealed; not recommended for surfaces regularly under water. |
| Room Use | Suitable for interior applications, including living rooms, bedrooms, and hallways. |
Write Your Own Review