You can easily create Socials with simple HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<ul class="ct-socials ct-socials--primary list-inline list-unstyled text-center"> <li> <a href="https://www.facebook.com/createITpl" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"><i class="fa fa-fw fa-facebook-square"></i></a> </li> <li> <a href="https://twitter.com/createitpl" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"><i class="fa fa-fw fa-twitter"></i></a> </li> <li> <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Pinterest"><i class="fa fa-fw fa-pinterest"></i></a> </li> <li> <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="LinkedIn"><i class="fa fa-fw fa-linkedin"></i></a> </li> </ul> |
Use one of Awesome Icons to create your own Socials.
And modify colors with simple CSS classes:
ct-socials–primary
ct-socials–blue
ct-socials–green
ct-socials–orange
ct-socials–purple
ct-socials–gold
ct-socials–gray