Skip to content

Instantly share code, notes, and snippets.

@mdutt247
Created November 5, 2023 12:57
Show Gist options
  • Save mdutt247/e5ac5086ec67378dc4175d2776199813 to your computer and use it in GitHub Desktop.
Save mdutt247/e5ac5086ec67378dc4175d2776199813 to your computer and use it in GitHub Desktop.
WhatsApp button at bottom of website
<style>
.float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.my-float {
height: 40px;
width: 40px;
}
</style>
<a href="https://wa.me/919876543210" class="float" target="_blank" rel="noopener noreferrer" alt="Connect with me">
<img class="my-float" src="whatsapp.png">
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment