HTML example:

<div class="nk-widget nk-widget-highlighted">
    <h4 class="nk-widget-title"><span><span class="text-main-1">We</span> Are Social</span></h4>
    <div class="nk-widget-content">
        <!--
            Social Links 3

            Additional Classes:
                .nk-social-links-cols-5
                .nk-social-links-cols-4
                .nk-social-links-cols-3
                .nk-social-links-cols-2
        -->
        <ul class="nk-social-links-3 nk-social-links-cols-4">
            <li><a class="nk-social-twitch" href="#"><span class="fa fa-twitch"></span></a></li>
            <li><a class="nk-social-instagram" href="#"><span class="fa fa-instagram"></span></a></li>
            <li><a class="nk-social-facebook" href="#"><span class="fa fa-facebook"></span></a></li>
            <li><a class="nk-social-google-plus" href="#"><span class="fa fa-google-plus"></span></a></li>
            <li><a class="nk-social-youtube" href="#"><span class="fa fa-youtube-play"></span></a></li>
            <li><a class="nk-social-twitter" href="https://twitter.com/nkdevv" target="_blank"><span class="fa fa-twitter"></span></a></li>
            <li><a class="nk-social-pinterest" href="#"><span class="fa fa-pinterest-p"></span></a></li>
            <li><a class="nk-social-rss" href="#"><span class="fa fa-rss"></span></a></li>

            <!-- Additional Social Buttons
                <li><a class="nk-social-behance" href="#"><span class="fa fa-behance"></span></a></li>
                <li><a class="nk-social-bitbucket" href="#"><span class="fa fa-bitbucket"></span></a></li>
                <li><a class="nk-social-dropbox" href="#"><span class="fa fa-dropbox"></span></a></li>
                <li><a class="nk-social-dribbble" href="#"><span class="fa fa-dribbble"></span></a></li>
                <li><a class="nk-social-deviantart" href="#"><span class="fa fa-deviantart"></span></a></li>
                <li><a class="nk-social-flickr" href="#"><span class="fa fa-flickr"></span></a></li>
                <li><a class="nk-social-foursquare" href="#"><span class="fa fa-foursquare"></span></a></li>
                <li><a class="nk-social-github" href="#"><span class="fa fa-github"></span></a></li>
                <li><a class="nk-social-linkedin" href="#"><span class="fa fa-linkedin"></span></a></li>
                <li><a class="nk-social-medium" href="#"><span class="fa fa-medium"></span></a></li>
                <li><a class="nk-social-odnoklassniki" href="#"><span class="fa fa-odnoklassniki"></span></a></li>
                <li><a class="nk-social-paypal" href="#"><span class="fa fa-paypal"></span></a></li>
                <li><a class="nk-social-reddit" href="#"><span class="fa fa-reddit"></span></a></li>
                <li><a class="nk-social-skype" href="#"><span class="fa fa-skype"></span></a></li>
                <li><a class="nk-social-soundcloud" href="#"><span class="fa fa-soundcloud"></span></a></li>
                <li><a class="nk-social-steam" href="#"><span class="fa fa-steam"></span></a></li>
                <li><a class="nk-social-slack" href="#"><span class="fa fa-slack"></span></a></li>
                <li><a class="nk-social-tumblr" href="#"><span class="fa fa-tumblr"></span></a></li>
                <li><a class="nk-social-vimeo" href="#"><span class="fa fa-vimeo"></span></a></li>
                <li><a class="nk-social-vk" href="#"><span class="fa fa-vk"></span></a></li>
                <li><a class="nk-social-wordpress" href="#"><span class="fa fa-wordpress"></span></a></li>
            -->
        </ul>
    </div>
</div>

Available Classes:

• .nk-social-links-cols-5 – 5 columns with social buttons;
• .nk-social-links-cols-4 – 4 columns with social buttons;
• .nk-social-links-cols-3 – 3 columns with social buttons;
• .nk-social-links-cols-2 – 2 columns with social buttons;