page-header
Elements

Social Icons

Social Icons can be added easily using Visual Element in Page Builder

[tlg_headings separator=”line” title=”Animate style” subtitle=”Icon list animate effects”][tlg_icons][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-push” size=”30″ spacer=”30″ icon=”ti-instagram” color=”#517fa4″ bg_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-pop” size=”30″ spacer=”30″ icon=”ti-twitter” color=”#08c1e2″ bg_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-bounce-in” size=”30″ spacer=”30″ icon=”ti-dribbble” color=”#ea4c89″ bg_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-bounce-out” size=”30″ spacer=”30″ icon=”ti-facebook” color=”#3b5998″ bg_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-bounce-in” size=”30″ spacer=”30″ icon=”ti-google” color=”#dd4b39″ bg_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” hover=”hvr-bounce-in” size=”30″ spacer=”30″ icon=”ti-tumblr” color=”#32506d” bg_color=”#eeeeee”][/tlg_icons]
[tlg_headings separator=”line” title=”Standard style” subtitle=”Icon list various sizes”][tlg_icons][tlg_icons_content link=”url:%23||” size=”30″ spacer=”30″ icon=”ti-instagram” color=”#517fa4″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”40″ spacer=”30″ icon=”ti-twitter” color=”#08c1e2″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”50″ spacer=”30″ icon=”ti-dribbble” color=”#ea4c89″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”60″ spacer=”30″ icon=”ti-facebook” color=”#3b5998″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”70″ spacer=”30″ icon=”ti-google” color=”#dd4b39″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”80″ spacer=”30″ icon=”ti-tumblr” color=”#32506d” hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”90″ spacer=”30″ icon=”ti-pinterest” color=”#cb2027″ hover_color=”#222222″][tlg_icons_content link=”url:%23||” size=”100″ spacer=”30″ icon=”ti-linkedin” color=”#007bb6″ hover_color=”#222222″][/tlg_icons]
[tlg_headings separator=”line” title=”Circle Hover style” subtitle=”Icon list circle effects”][tlg_icons][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-instagram” color=”#ffffff” bg_color=”#517fa4″ title=”Instagram” border_color=”#517fa4″ hover_color=”#517fa4″ hover_bg_color=”#ffffff” hover_border_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-twitter” color=”#ffffff” bg_color=”#08c1e2″ border_color=”#08c1e2″ hover_color=”#08c1e2″ hover_bg_color=”#ffffff” hover_border_color=”#eeeeee” title=”Twitter”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-dribbble” color=”#ffffff” bg_color=”#ea4c89″ title=”Dribbble” border_color=”#ea4c89″ hover_color=”#ea4c89″ hover_bg_color=”#ffffff” hover_border_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-facebook” color=”#ffffff” bg_color=”#3b5998″ title=”Facebook” border_color=”#3b5998″ hover_color=”#3b5998″ hover_bg_color=”#ffffff” hover_border_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-google” color=”#ffffff” bg_color=”#dd4b39″ title=”Google Plus” border_color=”#dd4b39″ hover_color=”#dd4b39″ hover_bg_color=”#ffffff” hover_border_color=”#eeeeee”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-tumblr” color=”#ffffff” bg_color=”#32506d” title=”Tumblr” border_color=”#32506d” hover_color=”#32506d” hover_bg_color=”#ffffff” hover_border_color=”#eeeeee”][/tlg_icons]
[tlg_headings separator=”line” title=”Hightlight styles” subtitle=”Icon list sample effects”][tlg_icons][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-instagram” color=”#ffffff” title=”Instagram” border_color=”#ffffff” hover_color=”#517fa4″ hover_bg_color=”#ffffff” hover_border_color=”#ffffff”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-twitter” color=”#ffffff” border_color=”#ffffff” hover_color=”#08c1e2″ hover_bg_color=”#ffffff” hover_border_color=”#ffffff” title=”Twitter”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-dribbble” color=”#ffffff” title=”Dribbble” border_color=”#ffffff” hover_color=”#ea4c89″ hover_bg_color=”#ffffff” hover_border_color=”#ffffff”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-facebook” color=”#ffffff” title=”Facebook” border_color=”#ffffff” hover_color=”#3b5998″ hover_bg_color=”#ffffff” hover_border_color=”#ffffff”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-google” color=”#ffffff” title=”Google Plus” border_color=”#ffffff” hover_color=”#dd4b39″ hover_bg_color=”#ffffff” hover_border_color=”#ffffff”][tlg_icons_content link=”url:%23||” layout=”circle-icon” size=”30″ spacer=”30″ icon=”ti-tumblr” color=”#ffffff” title=”Tumblr” border_color=”#ffffff” hover_color=”#32506d” hover_bg_color=”#ffffff” hover_border_color=”#ffffff”][/tlg_icons]
[tlg_icons][tlg_icons_content link=”url:%23|||” hover=”hvr-push” size=”32″ spacer=”10″ icon=”ti-facebook”][/tlg_icons]
[tlg_icons][tlg_icons_content link=”url:%23|||” hover=”hvr-push” size=”32″ spacer=”10″ icon=”ti-google”][/tlg_icons]
[tlg_icons][tlg_icons_content link=”url:%23|||” hover=”hvr-push” size=”32″ spacer=”10″ icon=”ti-twitter-alt”][/tlg_icons]
[tlg_icons][tlg_icons_content link=”url:%23|||” hover=”hvr-push” size=”32″ spacer=”10″ icon=”ti-dribbble”][/tlg_icons]