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>

    </a>
    <div id="translate_example">
        <div class="lang-choices">
            <button class="btn btn-info" (click)="switchLanguage('en')">en</button>
            <button class="btn btn-info" (click)="switchLanguage('fr')">fr</button>
        </div>
        <h1 translate>Title</h1>
        <div>
            {{ 'Intro' | translate:user }}
        </div>
    </div>

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