<ul class="SocialMedia SocialMedia--dark">
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-github.svg" alt="On Github"></a>
    </li>
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-instagram.svg" alt="On Instagram"></a>
    </li>
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-linkedin.svg" alt="On LinkedIn"></a>
    </li>
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-medium.svg" alt="On Medium"></a>
    </li>
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-flickr.svg" alt="On Flickr"></a>
    </li>
    <li class="SocialMedia-item">
        <a href="#" class="SocialMedia-link"><img src="/assets/img/icons/icon-web.svg" alt="Website"></a>
    </li>
</ul>
<!--/.SocialMedia-->
<ul class="SocialMedia{% if socialMediaModifier %} SocialMedia{{socialMediaModifier}}{% endif %}">
    {% for socialMediaLink in socialMediaLinks %}
    <li class="SocialMedia-item"><a href="{{socialMediaLink.url}}" class="SocialMedia-link"><img src="{{socialMediaLink.src}}" alt="{{socialMediaLink.alt}}"></a></li>
    {% endfor %}
</ul><!--/.SocialMedia-->
{
  "socialMediaLinks": [
    {
      "src": "/assets/img/icons/icon-github.svg",
      "url": "#",
      "alt": "On Github"
    },
    {
      "src": "/assets/img/icons/icon-instagram.svg",
      "url": "#",
      "alt": "On Instagram"
    },
    {
      "src": "/assets/img/icons/icon-linkedin.svg",
      "url": "#",
      "alt": "On LinkedIn"
    },
    {
      "src": "/assets/img/icons/icon-medium.svg",
      "url": "#",
      "alt": "On Medium"
    },
    {
      "src": "/assets/img/icons/icon-flickr.svg",
      "url": "#",
      "alt": "On Flickr"
    },
    {
      "src": "/assets/img/icons/icon-web.svg",
      "url": "#",
      "alt": "Website"
    }
  ],
  "socialMediaModifier": "--dark"
}

There are no notes for this item.