Go to content

003 - PABX Solution

Skip menu
CONTOH 003
WHATSAPP FLOATING
WhatsApp
HTML

<a href="https://wa.me/6285248382999" class="whatsapp-float" target="_blank">
<img src="https://i.imgur.com/Gq7GVKT.png" alt="WhatsApp" class="whatsapp-icon">
</a>

<style>
.whatsapp-float {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
}

.whatsapp-icon {
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease-in-out;
}

.whatsapp-icon:hover {
transform: scale(1.1);
}

@media (max-width: 768px) {
.whatsapp-icon {
width: 40px;
height: 40px;
}
}
</style>
Copyright @2025
Back to content