<style>
/* ================== OVERLAY WRAPPER ================== */
#delivery-overlay {
position: fixed;
right: 24px;
bottom: 24px;
width: 100%;
max-width: 36rem;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
font-family: inherit;
}
#delivery-overlay {
z-index: 10;
}
/* ================== 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:00 PM</span> are delivered Next Day.
</p>
<div class="timer" style="display: none;">
<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>
</div>
</a>
<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>
<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>
bihssb-3
In stock
Only 35 left
Bond It Premiere HA6 Black Marine Grade RTV Silicone Sealant 310ml - Pack of 3
Special Price
£9.07
Regular Price
£10.02
A premium, non-shrinking, marine quality, silicone sealant and adhesive.
ORDER WITHIN:
FREE DELIVERY OVER £29.99
Only applicable to Mainland UK
<h4><span style="color: #46a74e;">DESCRIPTION</span></h4>
<p><span style="color: #000000;">
Bond It Premiere HA6 Black Marine Grade RTV Silicone Sealant is a high-performance, weather-resistant sealant designed for use in marine and outdoor applications. Formulated to withstand harsh marine environments, this sealant offers excellent adhesion to a wide range of surfaces, including metals, plastics, glass, and ceramics. It provides a strong, flexible seal that resists water, saltwater, UV rays, and temperature extremes, making it ideal for boats, yachts, and other marine vessels.
</span></p>
<p><span style="color: #000000;">
The HA6 silicone sealant is also perfect for use in construction, automotive, and industrial applications. Its durable, non-corrosive properties ensure long-lasting protection against leaks, vibrations, and movement. Whether sealing joints, cracks, or seams, Bond It Premiere HA6 Black Marine Grade RTV Silicone Sealant ensures reliable, watertight performance in demanding conditions.
</span></p>
<h4><span style="color: #46a74e;">BENEFITS</span></h4>
<ul>
<li>Strong, flexible seal ideal for marine, automotive, and construction applications</li>
<li>Resists water, saltwater, UV rays, and temperature extremes</li>
<li>Excellent adhesion to metals, plastics, glass, and ceramics</li>
<li>Durable and non-corrosive, helping protect against leaks and vibrations</li>
<li>Reliable performance in demanding outdoor and marine environments</li>
</ul>
<h4><span style="color: #46a74e;">DIRECTIONS</span></h4>
<p><span style="color: #000000;">
Ensure that the surface is clean, dry, and free from grease or oils. Cut the nozzle to the desired bead size and apply the sealant evenly to the joint or area to be sealed. Press the surfaces together, if applicable, to ensure full contact with the sealant. Smooth the sealant with a damp tool if required. Allow curing for 24 hours for optimal strength. Full cure is typically achieved within 48 hours, depending on the thickness of the application.
</span></p>
<h4><span style="color: #46a74e;">WARNINGS</span></h4>
<p><span style="color: #000000;">
Use in a well-ventilated area. Avoid contact with skin and eyes. If contact occurs, rinse immediately with plenty of water. Keep out of reach of children. Store in a cool, dry place away from direct sunlight and sources of ignition. Follow all safety instructions on the packaging.
</span></p>
| EAN | 5060021360045 |
|---|---|
| Brands | Bond it |
| Size | 310ml |
| Number of items | 3 |
| Usage | Ideal for marine applications, sealing and bonding in wet areas, aquariums, boats, and general construction where waterproof and mould-resistant properties are required. |
| Pack of | Pack of 3 |
| Coverage | Varies based on bead size, approx. 10m at 5mm bead. |
| Drying Time | Skin forms in 5-10 minutes, full cure in 24 hours. |
| Minimum Application Temp | 5°C. |
| Room Use | Kitchens, bathrooms, marine applications, aquariums. |
| Clean Up | Use a silicone remover or white spirit before curing. |
| Item Thickness | Standard for 310ml cartridge application. |
| Single/Double-Sided | Single-sided application. |
| Adhesive Type | Acetoxy cure RTV silicone. |
| Container Type | 310ml cartridge. |
| Maximum Application Temp | 40°C. |
| Paintable | No |
| Solvent Free | Yes |
| Resistant To Mould | Yes |
| Resistant To Water | Yes, fully waterproof. |
| Transparency | Black color. |
| Unit Type | ML |
| Number Of Coats | One application required. |
| Suitable for | One application required. |
| Base | Silicone. |
| Length | Standard cartridge size. |
| Features | Waterproof, mould-resistant, flexible, strong adhesion. |
| Finish | Smooth, black. |
| Safety Warning | Use in well-ventilated areas, avoid skin contact. |
| Application Method | Apply with a standard sealant gun, smooth with a tool. |
Write Your Own Review
<div class="element products-slider see-also-div" style="max-width: 1440px; margin: auto;">
</div>
See Also