"Social Icon"
Bootstrap 4.0.0 Snippet by muhamed122

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <div class="container"> <h3>Multi-Coloured</h3> <hr> <div class="text-center center-block"> <p class="txt-railway">- Bootsnipp.com -</p> <br /> <a href="https://www.facebook.com/bootsnipp"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a> <a href="https://twitter.com/bootsnipp"><i id="social-tw" class="fa fa-twitter-square fa-3x social"></i></a> <a href="https://plus.google.com/+Bootsnipp-page"><i id="social-gp" class="fa fa-google-plus-square fa-3x social"></i></a> <a href="mailto:bootsnipp@gmail.com"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a> </div> <hr> </div>
#social-fb:hover { color: #3B5998; } #social-tw:hover { color: #4099FF; } #social-gp:hover { color: #d34836; } #social-em:hover { color: #f39c12; }

Related: See More


Questions / Comments: