<!-- Social Icons -->
<div id="social">
    <ul class="icons">
        {%- if site.twitter.url -%}
        <li><a href="{{ site.twitter.url }}" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
        {%- endif -%}
        {%- if site.facebook.url -%}
        <li><a href="{{ site.facebook.url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
        {%- endif -%}
        {%- if site.snapchat.url -%}
        <li><a href="{{ site.snapchat.url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Snapchat</span></a></li>
        {%- endif -%}
        {%- if site.medium.url -%}
        <li><a href="{{ site.medium.url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Medium</span></a></li>
        {%- endif -%}
        {%- if site.instagram.url -%}
        <li><a href="{{ site.instagram.url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
        {%- endif -%}
        {%- if site.pinterest.url -%}
        <li><a href="{{ site.pinterest.url }}" class="icon brands fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
        {%- endif -%}
        {%- if site.500px.url -%}
        <li><a href="{{ site.500px.url }}" class="icon brands fa-500px" target="_blank"><span class="label">500px</span></a></li>
        {%- endif -%}
        {%- if site.gitlab.url -%}
        <li><a href="{{ site.gitlab.url }}" class="icon brands fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
        {%- endif -%}
        {%- if site.github.url -%}
        <li><a href="{{ site.github.url }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
        {%- endif -%}
        {%- if site.slack.url -%}
        <li><a href="{{ site.slack.url }}" class="icon brands fa-slack" target="_blank"><span class="label">Slack</span></a></li>
        {%- endif -%}
        {%- if site.linkedin.url -%}
        <li><a href="{{ site.linkedin.url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
        {%- endif -%}
    </ul>
</div>
