With the use of Font Awesome 4.5 icons you will be able to have clean and simple {Theme} social media buttons. They come with two variations
- dark (can be created with the use of ct-socials–dark style class)
- bigger (can be created with the use of ct-socials–bigger style class)
This classes should be added to the <ul> </ul> of the Socials markup to get the same effect as on demo example
HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<ul class="ct-socials"> <li class="ct-socials__item--facebook"> <a href="https://www.facebook.com/createITpl"><i class="fa fa-facebook"></i></a> </li> <li class="ct-socials__item--twitter"> <a href="https://twitter.com/createitpl"><i class="fa fa-twitter"></i></a> </li> <li class="ct-socials__item--instagram"> <a href="#"><i class="fa fa-instagram"></i></a> </li> <li class="ct-socials__item--linkedin"> <a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> |
Screenshot example