Social share

Screenshot

Social share

HTML

<div class="with-social-share">
    ...
    <div class="social-share right">
        <div class="trigger circle-icon double skin-dark size-md text-center"><i class="icon oi-share"></i></div>
        <div class="items"><a href="#">FACEBOOK</a><a href="#">TWITTER</a><a href="#">GOOGLE+</a></div>
    </div>
</div>

Variations

position

  • Default position : left-top
  • Right aligned : "social-share right" classes
  • Bottom aligned : "social-share bottom" classes
  • Bottom-right aligned : "social-share bottom right" classes

skin

  • Blue : "skin-blue" class
  • Green : "skin-green" class
  • Yellow : "skin-yellow" class
  • Dark : "skin-dark" class
  • Purple : "skin-purple" class
  • Cyan : "skin-cyan" class
  • Lemon : "skin-lemon" class
  • Red : "skin-red" class