gistfile1.html

<div class="row shareContainer">
    <div class="col-sm-12">
        <h4>Share on social networks</h4>
        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 shareItem">
            <a href="https://url.to.share.com" data-image="https://full.path.to/image.png" data-title="title" data-desc="description" title="Share <title> on Facebook!" class="btn btn-sm btn-share btn-facebook">
                <span class="fa fa-facebook"></span> Facebook
            </a>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 shareItem">
            <a href="https://twitter.com/intent/tweet?url=<url>;text=<text>;size=l&amp;count=none" title="Share <title> on Twitter!" target="_blank" class="btn btn-sm btn-share btn-twitter"><span class="fa fa-twitter"></span> Twitter</a>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 shareItem">
            <a href="#" onclick="gPlus('<url>');" title="Share <title> on Google Plus!" class="btn btn-sm btn-share btn-google">
                <span class="fa fa-google-plus"></span> Google+
            </a>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 shareItem">
            <a href="<url>" data-image="" data-desc="<desc>" title="Share <title> on Pinterest!" class="btn btn-sm btn-share btn-pinterest">
                <span class="fa fa-pinterest"></span> Pinterest
            </a>
        </div>
    </div>
</div>