Share

HTML Example:

<!--
    START: Share Place

    Additional Classes:
        .nk-share-place-light
-->
<div class="nk-share-place">
    <div>
        <div class="container">
            <div class="nk-share-icons" data-url="https://google.com/">
                <div class="plusone nk-share-icon fa fa-google-plus" title="Share page on Google+"></div>
                <div class="facebook nk-share-icon fa fa-facebook" title="Share page on Facebook"></div>
                <div class="twitter nk-share-icon fa fa-twitter" title="Share page on Twitter"></div>
                <div class="pinterest nk-share-icon fa fa-pinterest" title="Share page on Pinterest"></div>
                <!-- <div class="vkontakte nk-share-icon fa fa-vk" title="Share page on VK"></div> -->
            </div>
        </div>
    </div>
</div>
<!-- END: Share Place -->

Additional classes:

  • .nk-share-place-light – light background color;

Toggle button HTML example:

<a href="#" class="nk-share-toggle">
    <span class="ion-android-share-alt"></span>
</a>

 

Was this page helpful?