"Social Follow"
Bootstrap 3.3.0 Snippet by sparkktv

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="socialMediaRow"> <div class="socialMediaContent"> <h3><span class="uiOutputText">Follow</span> <span class="uiOutputText">Sparkk TV Support</span></h3> <a class="footerSocialIcon facebook" href="https://www.facebook.com/hulusupport/" target="_blank"></a> <a class="footerSocialIcon twitter" href="https://twitter.com/hulu_support" target="_blank"></a> </div></div>
.socialMediaRow .socialMediaContent {max-width: 1170px;margin: 0 auto;text-align: center;} .socialMediaRow .socialMediaContent h3 {font-size: 28px;letter-spacing: -1px;color: #6e6e6e;line-height: 40px;font-weight: 300;margin-bottom: 22px;} .socialMediaContent .facebook {background-image: url('https://help.hulu.com/resource/huluHelpImageAssets/facebookIcon.png');background-position: center center;background-repeat: no-repeat;background-size: 23px;} .socialMediaContent .footerSocialIcon {width: 55px;height: 55px;border-radius: 55px;display: inline-block;margin-right: 15px;border: 2px solid #ebebeb;text-align: center;vertical-align: middle;} .socialMediaContent .footerSocialIcon:last-child {margin-right: 0;} .socialMediaContent .twitter {background-image: url('https://help.hulu.com/resource/huluHelpImageAssets/twitterIcon.png');background-position: center center;background-repeat: no-repeat;background-size: 20px;}

Related: See More


Questions / Comments: