This is a social world and you can’t have a site without social icons. Web-Boots theme offers different styles of social icons as shown in the demo. And here are the code blocks the icons.
Ensure to replace the text, image and video content in the demo code with your own content.
SHARE THIS PAGE STYLE 1
<section class="cid-rkNFusWoJj" id="social-buttons1-m">
<div class="container">
<div class="media-container-row">
<div class="col-md-8 align-center">
<h2 class="pb-3 wn-section-title wn-fonts-style display-2">
SHARE THIS PAGE STYLE 1</h2>
<div>
<div class="wn-social-likes" data-counters="false">
<span class="btn btn-social facebook mx-2" title="Share link on Facebook">
<i class="socicon socicon-facebook"></i>
</span>
<span class="btn btn-social twitter mx-2" title="Share link on Twitter">
<i class="socicon socicon-twitter"></i>
</span>
<span class="btn btn-social plusone mx-2" title="Share link on Google+">
<i class="socicon socicon-googleplus"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
FOLLOW US!
<section class="cid-rkNFvcGMb3" id="social-buttons2-n">
<div class="container">
<div class="media-container-row">
<div class="col-md-8 align-center">
<h2 class="pb-3 wn-fonts-style display-2">
FOLLOW US!
</h2>
<div class="social-list pl-0 mb-0">
<a href="https://twitter.com/" target="_blank">
<span class="px-2 socicon-twitter socicon wn-iconfont wn-iconfont-social"></span>
</a>
<a href="https://www.facebook.com/" target="_blank">
<span class="px-2 socicon-facebook socicon wn-iconfont wn-iconfont-social"></span>
</a>
<a href="https://instagram.com/" target="_blank">
<span class="px-2 socicon-instagram socicon wn-iconfont wn-iconfont-social"></span>
</a>
<a href="https://www.youtube.com/" target="_blank">
<span class="px-2 socicon-youtube socicon wn-iconfont wn-iconfont-social"></span>
</a>
<a href="https://plus.google.com/" target="_blank">
<span class="px-2 socicon-googleplus socicon wn-iconfont wn-iconfont-social"></span>
</a>
<a href="https://www.behance.net/" target="_blank">
<span class="px-2 socicon-behance socicon wn-iconfont wn-iconfont-social"></span></a>
</div>
</div>
</div>
</div>
</section>
SHARE THIS PAGE STYLE 2
<section class="cid-rkNFvUlo8x" id="social-buttons3-o">
<div class="container">
<div class="media-container-row">
<div class="col-md-8 align-center">
<h2 class="pb-3 wn-section-title wn-fonts-style display-2">
SHARE THIS PAGE STYLE 2</h2>
<div>
<div class="wn-social-likes">
<span class="btn btn-social socicon-bg-facebook facebook mx-2" title="Share link on Facebook">
<i class="socicon socicon-facebook"></i>
</span>
<span class="btn btn-social twitter socicon-bg-twitter mx-2" title="Share link on Twitter">
<i class="socicon socicon-twitter"></i>
</span>
<span class="btn btn-social plusone socicon-bg-googleplus mx-2" title="Share link on Google+">
<i class="socicon socicon-googleplus"></i>
</span>
<span class="btn btn-social vkontakte socicon-bg-vkontakte mx-2" title="Share link on VKontakte">
<i class="socicon socicon-vkontakte"></i>
</span>
<span class="btn btn-social odnoklassniki socicon-bg-odnoklassniki mx-2" title="Share link on Odnoklassniki">
<i class="socicon socicon-odnoklassniki"></i>
</span>
<span class="btn btn-social pinterest socicon-bg-pinterest mx-2" title="Share link on Pinterest">
<i class="socicon socicon-pinterest"></i>
</span>
<span class="btn btn-social mailru socicon-bg-mail mx-2" title="Share link on Mailru">
<i class="socicon socicon-mail"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
Social Feed
<section class="wn-social-feed loading" id="feed-q" data-facebook="WebNots" data-twitter="webnots" data-google="" data-posts="3" data-youtube="webnots" data-rv-view="1752" style="background-image: url(assets/images/comments-bg.jpg); padding-top: 0px; padding-bottom: 0px;">
<div class="wn-overlay" style="opacity: 0.6; background-color: rgb(126, 155, 159);">
</div>
<img class="social-feed-container-loading" alt="" src="assets/images/loading.svg">
<div class="social-feed-container">
</div>
</section>
Replace Facebook, Twitter and YouTube usernames with your own.