1#@!#!123s

: / home3 / encodto1 / aviscollection.com /
Filename : social_links.php
back
<style type="text/css">
/*.d_none{display: none;}*/
.social_Div{position: fixed;top: 50vh;left: 10px;z-index: 1000;}
.social_Div ul.social_list{width: 45px;}
.social_Div ul li{list-style: none;margin-bottom: 5px;height: 45px;}
.social_Div ul li a{text-align: center; font-size: 20px;color: #fff;display:block;transition: all .3s linear;width: 100%;height: 100%;line-height: 45px;border-radius: 50px;}
.social_Div ul li.fb a{background: #0165E1;}
.social_Div ul li.int a{background: #833AB4;}
.social_Div ul li.pnt a{background: #E60023;}
.social_Div ul li.yt 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: blinker 1s linear infinite;}
.whatsapp_Div a img{height: 50px;width: auto;
  /* box-shadow: 0px 0px 10px 10px red; */
  border-radius: 50px;}

/* @keyframes blinker {
  50% {opacity: 0;}
} */

/*@-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=100054460989800" title="Facebook"> <i class="fab fa-facebook-f"></i> <span class="social_title">facebook</span></a></li>
        <li class="int"><a href="#" title="Instagram"> <i class="fab fa-instagram"></i> <span class="social_title">instagram</span></a></li>
        <li class="pnt"><a href="#" title="Pinterest"> <i class="fab fa-pinterest-p"></i> <span class="social_title">Pinterest</span></a></li>
        <li class="yt"><a href="#" title="Youtube"> <i class="fab fa-youtube"></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=9832388330"><img src="assets/imgs/whatsapp.png" ></a>
</div>