You can choose from 3 types of Socials:
- -rounded
- -square
- -square with rounded border
Use the following HTML markup to add socials:
1 2 3 4 5 6 7 |
<div class="ct-item--contact ct-socials--contact"> <span class="ct-header--contact">Follow me</span> <a href="index.html" class="ct-socials--circle"><i class="fa fa-facebook"></i></a> <a href="index.html" class="ct-socials--circle"><i class="fa fa-twitter"></i></a> <a href="index.html" class="ct-socials--circle"><i class="fa fa-google-plus"></i></a> <a href="index.html" class="ct-socials--circle"><i class="fa fa-pinterest"></i></a> </div> |
And adjust it with CSS classes:
- .ct-socials–circle,
- .ct-socials–square,
- .ct-socials–square-rounded