Skip to content

Instantly share code, notes, and snippets.

@skyzer
Created November 15, 2014 04:17
Show Gist options
  • Save skyzer/33a2cead825cdb9b323a to your computer and use it in GitHub Desktop.
Save skyzer/33a2cead825cdb9b323a to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment