<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .whatsapp-float { position: fixed; bottom: 80px; right: 20px; z-index: 9999; width: 60px; height: 60px; cursor: pointer; } .whatsapp-float img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; /* makes the icon round */ box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* optional shadow */ transition: transform 0.3s; } .whatsapp-float:hover img { transform: scale(1.1); } </style> </head> <body> <!-- WhatsApp Floating Button --> <a href="https://wa.me/917046654551?text=Hello!%20I%20want%20to%20know%20more%20about%20the%20Diwali%20offers" target="_blank" class="whatsapp-float"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Chat"> </a> </body> </html>
