There are two available types of social buttons:
- rounded buttons – it’s a default type, which will be displayed when you use in markup class ct-socials
- squared buttons – can be used with class ct-socials–square
Both types use the following basic HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<ul class="list-unstyled list-inline ct-socials animated" data-fx="fadeInUp" data-time="400"> <li> <a href="https://www.facebook.com/createITpl" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-fw fa-facebook"></i></a> </li> <li> <a href="https://twitter.com/createitpl" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-fw fa-twitter"></i></a> </li> <li> <a href="#" data-toggle="tooltip" data-placement="top" title="Google +"><i class="fa fa-fw fa-google-plus"></i></a> </li> </ul> |