Buttons for social networks.
The code to generate the component is this:
<div class="social-network-bar">
<a href="https://www.facebook.com/sharer/sharer.html?u=" target="_blank" title="Click here to share on Facebook" class="btn btn-primary btn-sm facebook popup"><i class="fab fa-facebook"></i> Facebook</a>
<a href="https://twitter.com/home?status=" target="_blank" title="Click here to share on Twitter" class="btn btn-primary btn-sm twitter popup"><i class="fab fa-twitter"></i> Twitter</a>
<a href="http://www.evernote.com/clip.action?url=" target="_blank" title="Click here to share on Evernote" class="btn btn-primary btn-sm evernote popup"><i class="fab fa-evernote"></i> Evernote</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&title=&sumary=&url=" target="_blank" title="Click here to share onLinkedin" class="btn btn-primary btn-sm linkedin popup"><i class="fab fa-linkedin"></i> Linkedin</a>
<a href="https://pinterest.com/pin/create/button/?url=&media=" target="_blank" title="Click here to share on Pinterest" class="btn btn-primary btn-sm pinterest popup"><i class="fab fa-pinterest"></i> Pinterest</a>
<a href="whatsapp://send" data-action="share/whatsapp/share" target="_blank" title="Click here to share on WhatsApp" class="btn btn-primary btn-sm whatsapp"><i class="fab fa-whatsapp"></i> WhatsApp</a>
<a href="fb-messenger://share/?link=" target="_blank" title="Click here to share on Facebook Messenger" class="btn btn-primary btn-sm messenger popup"><i class="fab fa-whatsapp"></i> Messenger</a>
<a href="https://telegram.me/share/url?url=" target="_blank" title="Click here to share on Telegram" class="btn btn-primary btn-sm telegram popup"><i class="fab fa-telegram"></i> Telegram</a>
<a href="#" target="_blank" title="Click here to email" class="btn btn-primary btn-sm email" data-title="Envie para um amigo"><i class="fa fa-envelope"></i> Email</a>
<a href="#" target="_blank" title="Clique aqui para Print" class="btn btn-primary btn-sm print"><i class="fa fa-print"></i> Print</a>
<div class="dropdown">
<a href="#" target="_blank" title="Click here to choose other networks" class="btn btn-primary btn-sm more dropdown-toggle" role="button" id="dropdown-social" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus"></i> More</a>
<div class="dropdown-menu" aria-labelledby="dropdown-social">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>