CONTOH 003
WHATSAPP FLOATING
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>