My Introduction
Whatsapp Telegram code
Whatsapp Floating button
<div style="border: 1px solid teal; border-radius: 2px; background: #f0f8ff; display: flex; align-items: center; padding: 7px; justify-content: space-between;">
<span style="display: flex; align-items: center;"><i class="fa fa-whatsapp" style="font-size:24px;color:#25d366;"></i>
<span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Join whatsapp group</span>
</span>
<a class="seoquake-nofollow" href="https://pmmodiyojana.org/" rel="nofollow noopener noreferrer" style="text-decoration: none; background: #25d366; color: #242424; padding: 5px 10px; border-radius: 2px; flex-shrink: 0;" target="_blank">
Join Now
</a>
</div>
<div style="border: 1px solid teal; border-radius: 2px; background: #f0f8ff; display: flex; align-items: center; padding: 7px; justify-content: space-between;">
<span style="display: flex; align-items: center;"><i class="fa fa-telegram" style="font-size:24px;color:#004F7A;"></i>
<span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Join Telegram group</span>
</span>
<a class="seoquake-nofollow" href="https://pmmodiyojana.org/" rel="nofollow noopener noreferrer" style="text-decoration: none; background: #004F7A; color: white; padding: 5px 10px; border-radius: 2px; flex-shrink: 0;" target="_blank">
Join Now
</a>
</div>
<a href="https://chat.whatsapp.com/CsBxwcMpVCN5eVSVoY7l06" class="float" target="_blank" rel="noopener">
<i class="fa fa-whatsapp"></i>
<img width="36px" height="30px" class="center" src="https://www.deepawali.co.in/wp-content/uploads/2023/06/whatsapp-group.png" />
<span class="float-text">Join Our WhatsApp Group!</span>
</a>
<style>
.float {
position: fixed;
width: 55px;
height: 55px;
bottom: 30%;
margin-bottom: -50px;
right: 10px;
color: white !important;
background-color: #128c7e;
border-radius: 100px;
display: flex;
text-decoration: none;
justify-content: center;
align-items: center;
font-size: 45px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
animation: shake 13s infinite;
}
.fa-whatsapp {
font-family: FontAwesome;
}
.float-text {
position: absolute;
left: -195px;
top: 13px;
font-size: 15px;
font-weight: bold;
background: #128c7e;
padding: 5px 10px;
border-radius: 3px;
color: #ffffff;
}
@keyframes shake {
0% {}
35% {
transform: scale(1.0);
}
42% {
transform: scale(.8);
}
45% {
transform: rotate(0deg) scale(1.2);
}
46% {
transform: rotate(-40deg) scale(1.2);
}
47% {
transform: rotate(40deg) scale(1.2);
}
48% {
transform: rotate(-40deg) scale(1.2);
}
49% {
transform: rotate(40deg) scale(1.2);
}
50% {
transform: rotate(-20deg) scale(1.2);
}
51% {
transform: rotate(0deg) scale(1.2);
}
61% {
transform: scale(1.0);
}
100% {}
}
@keyframes shakey {}
</style>