In {Theme} we have following different types of social icons
–> ct-socials
HTML markup
1 2 3 4 5 6 |
<ul class="ct-socials list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="14" class="fa fa-facebook ct-js-iconSize" style="font-size: 14px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="14" class="fa fa-twitter ct-js-iconSize" style="font-size: 14px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Rss"><a href="#"><i data-icon-size="14" class="fa fa-rss ct-js-iconSize" style="font-size: 14px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Google Plus"><a href="#"><i data-icon-size="14" class="fa fa-google-plus ct-js-iconSize" style="font-size: 14px;"></i></a></li> </ul> |
–> ct-socials–second
HTML markup
1 2 3 4 5 6 |
<ul class="ct-socials ct-socials--second list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="18" class="fa fa-facebook ct-js-iconSize" style="font-size: 18px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="18" class="fa fa-twitter ct-js-iconSize" style="font-size: 18px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Rss"><a href="#"><i data-icon-size="18" class="fa fa-rss ct-js-iconSize" style="font-size: 18px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Google Plus"><a href="#"><i data-icon-size="18" class="fa fa-google-plus ct-js-iconSize" style="font-size: 18px;"></i></a></li> </ul> |
–> ct-socials–second–anotherHover
HTML markup
1 2 3 4 5 6 |
<ul class="ct-socials ct-socials--second ct-socials--second--anotherHover list-inline list-unstyled ct-u-paddingTop10"> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"><a href="https://www.facebook.com/createITpl" tabindex="0"><i data-icon-size="25" class="fa fa-facebook ct-js-iconSize" style="font-size: 25px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"><a href="https://twitter.com/createitpl" tabindex="0"><i data-icon-size="25" class="fa fa-twitter ct-js-iconSize" style="font-size: 25px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Rss"><a href="#" tabindex="0"><i data-icon-size="25" class="fa fa-rss ct-js-iconSize" style="font-size: 25px;"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="" data-original-title="Google Plus"><a href="#" tabindex="0"><i data-icon-size="25" class="fa fa-google-plus ct-js-iconSize" style="font-size: 25px;"></i></a></li> </ul> |