diff --git a/src/app/app.component.html b/src/app/app.component.html
index fba0c0fa..8bc75096 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -11,9 +11,9 @@
             <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>
+	<h1 i18n>{{"Title"|translate}}</h1>
         <div>
-            {{ 'Intro' | translate:user }}
+            {{"Intro"|translate:user}}
         </div>
     </div>
 
diff --git a/src/app/pages/answers/answers.component.html b/src/app/pages/answers/answers.component.html
index c1193151..76f80a36 100644
--- a/src/app/pages/answers/answers.component.html
+++ b/src/app/pages/answers/answers.component.html
@@ -22,9 +22,10 @@
 
     <button
         (click)="addAnswer()"
-        class="btn-outline btn-block">
+        class="btn-outline btn-block"
+        i18n>
         Ajouter
     </button>
 
-    <a [routerLink]="'/step/resume'" class="btn btn-block">Voyons ce que ça donne</a>
+    <a [routerLink]="'/step/resume'" class="btn btn-block" i18n>Voyons ce que ça donne</a>
 </div>
diff --git a/src/app/pages/dates/dates.component.html b/src/app/pages/dates/dates.component.html
index 6670e93d..88b6e0fa 100644
--- a/src/app/pages/dates/dates.component.html
+++ b/src/app/pages/dates/dates.component.html
@@ -1,5 +1,5 @@
 <div i18n>
-    Config spécialement pour les dates
+    {{"dates.title"|translate}}
 </div>
 
 <div>
@@ -8,8 +8,8 @@
         id="multi_hours"
         [(ngModel)]="config.allowSeveralHours"
     >
-        <option value="true">possiblement différents</option>
-        <option value="false">identiques</option>
+        <option value="true">{{"dates.multiple.different"|translate}}</option>
+        <option value="false">{{"dates.multiple.identical"|translate}}</option>
     </select>
 
     <label for="multi_hours">
@@ -28,13 +28,13 @@
     (click)="addDate()"
     i18n
 >
-    Ajouter une plage de dates
+    {{"dates.add"|translate}}
 </button>
 <div class="dates-list">
     {{config.dateList.length}}
     <span i18n>
-		choix de Dates
-	</span>
+        {{"dates.count_dates"|translate}}
+    </span>
 
     <div
         *ngFor="let choice of config.dateList; index as id"
diff --git a/src/app/pages/end-confirmation/end-confirmation.component.html b/src/app/pages/end-confirmation/end-confirmation.component.html
index cbeed8ca..4a354428 100644
--- a/src/app/pages/end-confirmation/end-confirmation.component.html
+++ b/src/app/pages/end-confirmation/end-confirmation.component.html
@@ -1,6 +1,6 @@
 <h1 i18n>
-    Et c'est tout pour nous!
+    {{"resume.title"|translate}}
 </h1>
-<h2 i18n>Coté administrateur-ice-eux</h2>
-<h2 i18n>Coté sondés</h2>
-<h2 i18n>recevoir les liens par e-mail</h2>
+<h2 i18n>{{"resume.admins"|translate}}</h2>
+<h2 i18n>{{"resume.users"|translate}}</h2>
+<h2 i18n>{{"resume.link_mail"|translate}}</h2>
diff --git a/src/app/pages/visibility/visibility.component.html b/src/app/pages/visibility/visibility.component.html
index 43317d13..a77d5250 100644
--- a/src/app/pages/visibility/visibility.component.html
+++ b/src/app/pages/visibility/visibility.component.html
@@ -1,14 +1,14 @@
 <h1 i18n>
-    Visibilité des réponses
+    {{"visibility.title"|translate}}
 </h1>
 <h1 i18n>
-    Votes
+    {{"visibility.votes"|translate}}
 </h1>
 <h1 i18n>
-    Archivage
+    {{"visibility.archiving"|translate}}
 </h1>
 
 <h1 i18n>
-    Accès au sondage
+    {{"visibility.access"|translate}}
 </h1>
 <a [routerLink]="'/step/end'" class="btn btn-block" i18n="@@confirm">C'est parfait!</a>