"Untitled"
Bootstrap 3.2.0 Snippet by girliestgeek

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <head> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <!--Font Awesome--> </head> <body> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <div> <p class="social facebook"><a href="facebook.com/" target="new"><i class="fa fa-facebook"></i></a></p> <p class="social twitter"><a href="facebook.com/" target="new"><i class="fa fa-twitter"></i></a></p> <p class="social linkedin"><a href="facebook.com/" target="new"><i class="fa fa-linkedin"></i></a></p> <p class="social google-plus"><a href="facebook.com/" target="new"><i class="fa fa-google-plus"></i></a></p> </div> </div> </div> </body>
.social {border-radius: 50%; background:#B7C0C5; width:30px; height:30px; padding-top: 7px; text-align:center; display:inline-block;} .social a{color:#fff;} .fa{font-size:18px!important;} .social.facebook:hover{background:#3B5998;} .social.twitter:hover{background:#00ACED;} .social.google-plus:hover{background:#DD4B39;} .social.linkedin:hover{background:#007BB6;}

Questions / Comments:

Related: See More