framadate-responsive/src/app/app.component.html

<header style="text-align:center">
    <a [routerLink]="'home'" class="home_link" aria-roledescription="home">
        <h1>
            <span class="logo_first">Frama</span>
            <span class="logo_second">date</span>
        </h1>
        <div class="legend">proposé par <span class="legend_first">Frama</span><span class="legend_second">soft</span></div>
    </a>
    <div id="translate_example">
        <div class="wrapper">
            <img src="assets/img/icone-langue.svg" alt="location icon" class="lang_icon">
            <img src="assets/img/icone-menu.svg" alt="menu icon" class="menu_icon">
            <select name="language" class="Language-" (change)="switchLanguage($event.target.value)">
                <option value="d" default class="select_language">{{"Language" | translate}}</option>
                <option value="en" >English</option>
                <option value="fr" >Français</option>
            </select>
            <span class="menu_label">Menu</span>
        </div>
        <h1 i18n>{{"Title"|translate}}</h1>
        <div>
            {{"Intro"|translate:user}}
        </div>
    </div>

</header>
<framadate-navigation></framadate-navigation>
<main>
    <router-outlet></router-outlet>
</main>
<framadate-debugger></framadate-debugger>