1#@!#!123s

: / home3 / encodto1 / guruglobalpreschool.com /
Filename : social_links.php
back
<style type="text/css">
.d_none{display: none;}
.social_Div{position: fixed;top: 40vh;left: 0;z-index: 1000;}
.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.fb a{background: #4267B2;}
.social_Div ul li.twt a{background: #1DA1F2;}
.social_Div ul li.int 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.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: 1000;}
.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)}
}
</style>

<div class="social_Div">
    <ul class="social_list">
        <li class="fb"><a href="https://www.facebook.com/guruglobalpreschoolbagdogra/" title="Facebook" target="_blank"> <i class="fa fa-facebook-f"></i> <span class="social_title">facebook</span></a></li>
        <!-- <li class="twt"><a href="#" title="Twitter" target="_blank"> <i class="fa fa-twitter"></i> <span class="social_title">twitter</span></a></li> -->
        <li class="int"><a href="https://www.instagram.com/guru_preschool_bagdogra?igsh=azdvNm1hY2RkMHo%3D" title="Instagram" target="_blank"> <i class="fa fa-instagram"></i> <span class="social_title">instagram</span></a></li>
        <!-- <li class="yt"><a href="#" title="Youtube" target="_blank"> <i class="fa fa-youtube"></i> <span class="social_title">youtube</span></a></li> -->
    </ul>
</div>

<div class="whatsapp_Div">
	<a class="video-vemo-icon" href="https://wa.me/919832020518" target="_blank"><img src="assets/images/whatsapp.png" ></a>
</div>