<div class='c-social-links'>
<h4 class='c-social-links__title'>Follow us</h4>
<ul class='c-social-links__items u-list--unstyled u-list--inline'>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--facebook c-social-links__link ' href="https://www.facebook.com/socialimpactaward" itemprop="item" itemid="https://www.facebook.com/socialimpactaward" title="Share on Facebook"><span itemprop="name">Facebook</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--instagram c-social-links__link ' href="#" itemprop="item" itemid="#" title="Follow us"><span itemprop="name">Instagram</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--linkedin c-social-links__link ' href="https://www.linkedin.com/company/socialimpactaward/" itemprop="item" itemid="https://www.linkedin.com/company/socialimpactaward/" title="Follow us"><span itemprop="name">Linkedin</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--tiktok c-social-links__link ' href="http://tiktok.com/" itemprop="item" itemid="http://tiktok.com/" title="Follow us"><span itemprop="name">Tiktok</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--twitter c-social-links__link ' href="http://twitter.com/SIAtweets" itemprop="item" itemid="http://twitter.com/SIAtweets" title="Follow us"><span itemprop="name">Twitter</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--vk c-social-links__link ' href="https://vkontakte.ru/" itemprop="item" itemid="https://vkontakte.ru/" title="Follow us"><span itemprop="name">VK</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--youtube c-social-links__link ' href="https://youtube.com/c/SocialImpactAwardTV" itemprop="item" itemid="https://youtube.com/c/SocialImpactAwardTV" title="Follow us"><span itemprop="name">Youtube</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--xcom c-social-links__link ' href="https://x.com/SIAtweets" itemprop="item" itemid="https://x.com/SIAtweets" title="Follow us"><span itemprop="name">X</span></a>
</li>
<li class='c-social-links__items__item'>
<a class='c-link c-link--with-icon c-link--icon-only c-link--xing c-social-links__link ' href="https://xing.cn/" itemprop="item" itemid="https://xing.cn/" title="Follow us"><span itemprop="name">xing</span></a>
</li>
</ul>
</div>
<div class='{{ get_component_class( 'social-links', display ) }}'>
{% if title %}
<h4 class='c-social-links__title'>{{ title }}</h4>
{% endif %}
<ul class='c-social-links__items u-list--unstyled u-list--inline'>
{% for type, item in items %}
<li class='c-social-links__items__item'>
{% if item.rendered %}
{{ item.rendered }}
{% else %}
{% include get_template( 'link', 'base' ) with item|merge( {
display: {
component: 'social-links',
modifiers: [ 'with-icon', 'icon-only', type ]
},
showInModal: FALSE
} ) %}
{% endif %}
</li>
{% endfor %}
</ul>
</div>
{
"title": "Follow us",
"items": {
"facebook": {
"title": "Share on Facebook",
"text": "Facebook",
"href": "https://www.facebook.com/socialimpactaward"
},
"instagram": {
"text": "Instagram",
"href": "#"
},
"linkedin": {
"text": "Linkedin",
"href": "https://www.linkedin.com/company/socialimpactaward/"
},
"tiktok": {
"text": "Tiktok",
"href": "http://tiktok.com/"
},
"twitter": {
"text": "Twitter",
"href": "http://twitter.com/SIAtweets"
},
"vk": {
"text": "VK",
"href": "https://vkontakte.ru/"
},
"youtube": {
"text": "Youtube",
"href": "https://youtube.com/c/SocialImpactAwardTV"
},
"xcom": {
"text": "X",
"href": "https://x.com/SIAtweets"
},
"xing": {
"text": "xing",
"href": "https://xing.cn/"
}
}
}