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