# social-share

## Screenshot

![Social share](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV0AjC4dNtcjAoW1TL%2Fsocial-share.png?generation=1535987990516371\&alt=media)

## 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
