1#@!#!123s

: / home3 / encodto1 / shreeganapatitrading.com /
Filename : social_links.php
back
<style type="text/css">
.d_none{display: none;}
.social_Div{position: fixed;top: 30vh;left: 0;z-index: 100;}
.social_Div ul.social_list{width: 55px;}
.social_Div ul li{list-style: none;margin-bottom: 0px;height: 55px;}
.social_Div ul li a{text-align: center; font-size: 21px;color: #fff;display:block;transition: all .3s linear;width: 100%;height: 100%;line-height: 55px;}
.social_Div ul li:nth-child(1) a{background: #4267B2;}
.social_Div ul li:nth-child(2) a{background: #1DA1F2;}
.social_Div ul li:nth-child(3) a{background: linear-gradient(200deg, rgba(64,93,230,1) 0%, rgba(91,81,216,1) 20%, rgba(193,53,132,1) 40%, rgba(253,29,29,1) 60%, rgba(247,119,55,1) 80%, rgba(255,220,128,1) 100%);}
.social_Div ul li:nth-child(4) a{background: #FF0000;}
.social_Div ul li a span.social_title{color: #fff;display: none;}
.social_Div ul li a:hover{background: #333;z-index: 100;width: 220px;}
.social_Div ul li a:hover span.social_title{color: #fff;display: inline-block;padding: 0px 25px;}


.whatsapp_Div{position: fixed;top: 75vh;right: 20px;z-index: 100;}
.whatsapp_Div a{display: block;border-radius: 100px; -webkit-animation: ripple-white 1s linear infinite;animation: ripple-blue 1s linear infinite;}
.whatsapp_Div a img{height: 50px;width: auto;}

@-webkit-keyframes ripple-blue {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3);box-shadow:0 0 0 0 rgba(255,255,255,0.3),0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3)}
100%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,0.3),0 0 0 20px rgba(255,255,255,0.3),0 0 0 30px rgba(255,255,255,0)}
}
@keyframes ripple-blue {
0%{-webkit-box-shadow:0 0 0 0 rgba(120,194,87,0.3),0 0 0 10px rgba(120,194,87,0.3),0 0 0 20px rgba(120,194,87,0.3);box-shadow:0 0 0 0 rgba(120,194,87,0.3),0 0 0 10px rgba(120,194,87,0.3),0 0 0 20px rgba(120,194,87,0.3)}
100%{-webkit-box-shadow:0 0 0 10px rgba(120,194,87,0.3),0 0 0 20px rgba(120,194,87,0.3),0 0 0 30px rgba(120,194,87,0);box-shadow:0 0 0 10px rgba(120,194,87,0.3),0 0 0 20px rgba(120,194,87,0.3),0 0 0 30px rgba(120,194,87,0)}
}

@media only screen and (max-width: 599px){
.social_Div{top: 50vh;}
}

</style>

<div class="social_Div">
    <ul class="social_list">
        <li class="fb"><a href="https://www.facebook.com/profile.php?id=100079589974710" target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> <span class="social_title">facebook</span></a></li>
        <li class="twt"><a href="https://twitter.com/ganapati_shree?t=T8Z5q78ZvKR-U0lzUJ6J9w&s=09" target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> <span class="social_title">twitter</span></a></li>
        <li class="int"><a href="https://www.instagram.com/shree.ganapati.trading/?igshid=ZDdkNTZiNTM%3D" target="_blank" title="Instagram"> <i class="fa fa-instagram"></i> <span class="social_title">instagram</span></a></li>
        <li class="yt"><a href="https://www.youtube.com/@shreeganapatitrading" target="_blank" title="Youtube"> <i class="fa fa-youtube-play"></i> <span class="social_title">youtube</span></a></li>
        
    </ul>
</div>

<div class="whatsapp_Div">
	<a class="video-vemo-icon" href="https://api.whatsapp.com/send/?phone=918918462309" target="_blank"><img src="images/whatsapp.png" ></a>
</div>