<div class="d-flex justify-content-center flex-wrap my-3 contact-links">
    <div class="m-2"><a href="mailto:mail@sp-codes.de">
        <span class="d-none d-md-inline-block i-envelope i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-envelope i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
        <span class="d-none d-md-inline-block i-matrix i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-matrix i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a rel="me" href="https://social.sp-codes.de/@samuel_p">
        <span class="d-none d-md-inline-block i-mastodon i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-mastodon i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a rel="me" href="https://www.xing.com/profile/Samuel_Philipp">
        <span class="d-none d-md-inline-block i-xing i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-xing i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a rel="me" href="https://www.linkedin.com/in/samuel-philipp">
        <span class="d-none d-md-inline-block i-linkedin i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-linkedin i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a href="https://git.sp-codes.de/samuel-p">
        <span class="d-none d-md-inline-block i-git i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-git i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a href="https://github.com/samuel-p">
        <span class="d-none d-md-inline-block i-github i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-github i-2x i-fw"></span>
    </a></div>
    <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p">
        <span class="d-none d-md-inline-block i-stackoverflow i-4x i-fw"></span>
        <span class="d-inline-block d-md-none i-stackoverflow i-2x i-fw"></span>
    </a></div>
</div>

<div class="d-flex justify-content-center mb-3">
    <div class="lead text-center">
        {% if locale == 'de' %}
        <a href="https://samuel-philipp.de">samuel-philipp.de</a>
        {% elseif locale == 'en' %}
        <a href="https://samuel-philipp.com">samuel-philipp.com</a>
        {% endif %}
    </div>
</div>
