<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <h2>colored social buttons font awesome</h2> <div class="container"> <div class="row"> <br /> <br class="clearfix" /> <center> <div class="sosyalbutonlar"> <a type="button" class="btn btn-info btn-lg facebook" style="color:white" href="https://www.facebook.com/sharer.php?u=https://oyakbilgi.blogspot.com/p/oyaknemahesap.html" class="facebook" title="Facebook" target="_blank"><i class="fa fa-facebook fa-lg"></i></a> <a type="button" class="btn btn-info btn-lg whatsapp" href="whatsapp://send?text=OYAK AYLIK MAAS HESAPLAMA ROBOTU https://oyakbilgi.blogspot.com/p/oyaknemahesap.html" class="whatsapp" title="WhatsApp" data-action="share/whatsapp/share" target="_blank"><i class="fa fa-whatsapp"></i></a> <a type="button" class="btn btn-info btn-lg telegram" href="https://telegram.me/share/url?url=https://oyakbilgi.blogspot.com/p/oyaknemahesap.html&text=OYAK Aylık Maaş Hesaplama Robotu" class="telegram" title="Telegram" target="_blank"><i class="fa fa-telegram"></i></a> <a type="button" class="btn btn-info btn-lg twitter" href="https://twitter.com/home?status=https://oyakbilgi.blogspot.com/p/oyaknemahesap.html" class="twitter" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a> <a type="button" class="btn btn-info btn-lg mail" href="https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=OYAK%20Ayl%C4%B1k%20Maa%C5%9F%20Hesaplama%20Robotu&body=https://oyakbilgi.blogspot.com/p/oyaknemahesap.html&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D" class="mail" title="Email"><i class="fa fa-envelope" target="_blank"></i></a> </div> </center> </div> </div>

.sosyalbutonlar .facebook { background-color: #3b5998; } .sosyalbutonlar .whatsapp { background-color: #0DC143; } .sosyalbutonlar .twitter { background-color: #00aced; } .sosyalbutonlar .telegram { background-color: #1296CA; } .sosyalbutonlar .instagram { background-color: #bc2a8d; } .sosyalbutonlar a[type=button]:hover { background-color: #bc2a8d; } .sosyalbutonlar .linkedin { background-color: #00aced; } .sosyalbutonlar .mail { background-color: #D3A003; }

https://bootsnipp.com/user/snippets/bB3Vr#