Header générique: Agent France Travail (sans menu)

Choix de l'univers FT

Header generic | En-tête générique

L’en-tête générique permet aux utilisateurs (grand public) d’identifier sur quel site internet ils se trouvent. Il peut donner accès à la connexion, la recherche et à certaines pages ou fonctionnalités en mode connecté

Langage:  HTML 

<header role="banner" id="header" class="ds-header ds-header-agent">
    <div class="skip-link-group"><a class="text-link skip-link sr-only sr-only-focusable" href="#contents">Accéder au contenu</a><a class="text-link skip-link sr-only sr-only-focusable" href="#footer">Accéder au pied de page</a></div>

    <nav class="ds-header-content" role="navigation" aria-label="principale">
        <div class="ds-header-left">
            <div class="ds-header-logo-container">
                <a class="ds-header-logo" href="#" title="Retourner à l'accueil de AUDE Formation">
                    <img width="40" height="40" src="https://cdn-r.ft-qvr.fr/studio/logos/applications/Aude-formation.svg" alt="">

                    <span class="ds-header-logo-content">
                        <span class="ds-header-logo-label">AUDE Formation</span>
                        <span class="ds-header-logo-description"></span>
                    </span>

                </a>
            </div>
        </div>
        <div class="ds-header-center">

            <div class="ds-header-menu-desktop">
                <ul class="ds-header-menu">

                </ul>
            </div>

        </div>
        <div class="ds-header-right">
            <div class="ds-header-right-desktop">

                <button class="btn btn-tertiary light d-md-btn-ratio-square" id="button_101358266" type="button">
                    <span aria-hidden="true" class="icon icon-filters"></span>
                    <span class="btn-content">Paramètres</span>
                </button>

            </div>

            <div class="ds-header-right-mobile">

                <button class="btn btn-tertiary light d-md-btn-ratio-square" id="button_101358266" type="button">
                    <span aria-hidden="true" class="icon icon-filters"></span>
                    <span class="btn-content">Paramètres</span>
                </button>

            </div>
        </div>
    </nav>
</header>
ft-autoloader.js