index-main/site/snippets/socials.php

<div class="socials">
<ul class="list-socials" aria-label="Liste des réseaux sociaux d’Index">
    <li data-socials="x">
        <a href="https://x.com/index_ngo" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/x-social.svg') ?></span>
        </a>
    </li>
    <li  data-socials="instagram">
        <a href="https://www.instagram.com/index.ngo/" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/instagram.svg') ?></span>
        </a>
    </li>
    <li data-socials="facebook">
        <a href="https://www.facebook.com/index.ngo/" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/facebook.svg') ?></span>
        </a>
    </li>
    <li data-socials="youtube">
        <a href="https://www.youtube.com/index-ngo" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/youtube.svg') ?></span>
        </a>
    </li>
    <li data-socials="linkdin">
        <a href="https://fr.linkedin.com/company/index-ngo" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/linkedin.svg') ?></span>
        </a>
    </li>
    <li data-socials="bluesky">
        <a href="https://bsky.app/profile/index-ngo.bsky.social" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/bluesky.svg') ?></span>
        </a>
    </li>
    <li data-socials="mastodon">
        <a href="https://mastodon.design/@index_ngo@mastodon.social" target="_blank" rel="noopener noreferrer">
            <span class="icon"><?= svg('assets/icons/socials/mastodon.svg') ?></span>
        </a>
    </li>
</ul>
</div>