User Menu

<div class="sds-userMenu sds-navTopbar__userMenu dropdown-menu dropdown-menu-right">

    <div class="sds-userMenu__header d-flex align-items-center">

        <div class="sds-avatar centeredBgi -avatarXl sds-userMenu__avatar">

            <img class="img-fluid" src="../../media/snet/avatars/nopic/avatarNoPicWoman.svg" alt="">

        </div>

        <div class="sds-userMenu__headerText">
            <div class="h3">Jil Schmit Longname</div>
            <div class="sds-userMenu__headerMeta sds-textHelper">Corporate&#39;s Bridge</div>
        </div>
    </div>

    <ul class="sds-userMenu__content list-unstyled">

        <li class="sds-userMenu__item">

            <a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
                <span class="font-weight-semibold">Changer de convention</span>
                <div class="sds-userMenu__itemMeta d-flex align-items-center">

                    <span class="sds-iconCircle -secondary10" aria-hidden="true">

                        <span class="sds-icon sds-icon-switch"></span>

                    </span>

                </div>
            </a>
        </li>

        <li class="sds-userMenu__item -borderTop">
            <div class="sds-userMenu__link d-flex align-items-center justify-content-between -isStatic">
                <span class="font-weight-semibold">Langue</span>
                <div class="sds-btnGroup">

                    <a href="" class="sds-numberCircle -secondary10 -large sds-userMenu__langItem ">
                        EN
                    </a>

                    <a href="" class="sds-numberCircle -secondary10 -large sds-userMenu__langItem -isActive">
                        FR
                    </a>

                    <a href="" class="sds-numberCircle -secondary10 -large sds-userMenu__langItem ">
                        DE
                    </a>

                </div>
            </div>
        </li>

    </ul>

</div>