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>
        <i i18n="demo title|introduction header saying just demo @@demo">
            Ceci est une démo
        </i>
        <span class="demo">
        {{"config.demo"|translate}}
        </span>
        <span i18n="@@plural_example">
            Updated {minutes, plural, =0 {just now} =1 {one minute ago} other {{{minutes}} minutes ago}}
        </span>
        <input i18n-placeholder placeholder="placeholder à traduire" i18n="@@demoPlaceholder"/>
    </a>

</header>
<framadate-navigation></framadate-navigation>
<main>
    <router-outlet></router-outlet>
</main>
<framadate-debugger></framadate-debugger>
<div id="translate_example">
    <div class="lang-choices">
        <button (click)="switchLanguage('en')">en</button>
        <button (click)="switchLanguage('fr')">fr</button>
    </div>
    <h1 translate>Title</h1>
    <div>
        {{ 'Intro' | translate:user }}
    </div>
</div>