diff --git a/theme/i18n/fr.json b/theme/i18n/fr.json
index 924f6b636..0ef937e83 100644
--- a/theme/i18n/fr.json
+++ b/theme/i18n/fr.json
@@ -1,3 +1,15 @@
 {
-	"GLOSSARY": "Glossaire"
+	"LANGS_CHOOSE": "Choisissez une langue",
+	"GLOSSARY": "Glossaire",
+	"GLOSSARY_INDEX": "Index",
+	"GLOSSARY_OPEN": "Glossaire",
+	"GITBOOK_LINK": "Publié avec GitBook",
+	"SUMMARY_TOGGLE": "Sommaire",
+	"SEARCH_TOGGLE": "Recherche",
+	"SEARCH_PLACEHOLDER": "Tapez pour rechercher",
+	"FONTSETTINGS_TOGGLE": "Paramètres de Police",
+	"SHARE_TOGGLE": "Partage",
+	"FONTSETTINGS_WHITE": "Clair",
+	"FONTSETTINGS_SEPIA": "Sépia",
+	"FONTSETTINGS_NIGHT": "Nuit",
 }
\ No newline at end of file
diff --git a/theme/templates/website/glossary.html b/theme/templates/website/glossary.html
index bb633e917..e3193674c 100644
--- a/theme/templates/website/glossary.html
+++ b/theme/templates/website/glossary.html
@@ -7,7 +7,7 @@
 	<section class="normal glossary" id="{{ item.id }}">
 	    <h2><a href="#{{ item.id }}">{{ item.name }}</a></h2>
 	    <p>{{ item.description }}</p>
-	    <h4>Index</h4>
+	    <h4>{% i18n "GLOSSARY_INDEX" %}Index{% endi18n %}</h4>
 	    <ul class="glossary-index">
 	    {% for file in item.files %}
 	        <li><a href="{{ basePath }}/{{ file.path|contentLink }}"><span class="level">{{ file.level }}.</span> {{ file.title }}</a></li>
diff --git a/theme/templates/website/includes/font-settings.html b/theme/templates/website/includes/font-settings.html
index 5fa1f3e24..6a5433462 100644
--- a/theme/templates/website/includes/font-settings.html
+++ b/theme/templates/website/includes/font-settings.html
@@ -10,13 +10,13 @@
     </div>
 
     <div class="buttons font-family-list">
-        <button type="button" data-font="0" class="button">Serif</button>
-        <button type="button" data-font="1" class="button">Sans</button>
+        <button type="button" data-font="0" class="button">{% i18n "FONTSETTINGS_SERIF" %}Serif{% endi18n %}</button>
+        <button type="button" data-font="1" class="button">{% i18n "FONTSETTINGS_SANS" %}Sans{% endi18n %}</button>
     </div>
 
     <div class="buttons color-theme-list">
-        <button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">White</button>
-        <button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">Sepia</button>
-        <button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">Night</button>
+        <button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">{% i18n "FONTSETTINGS_WHITE" %}White{% endi18n %}</button>
+        <button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">{% i18n "FONTSETTINGS_SEPIA" %}Sepia{% endi18n %}</button>
+        <button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">{% i18n "FONTSETTINGS_NIGHT" %}Night{% endi18n %}</button>
     </div>
 </div>
diff --git a/theme/templates/website/includes/header.html b/theme/templates/website/includes/header.html
index 8652aeb04..0d3550a27 100644
--- a/theme/templates/website/includes/header.html
+++ b/theme/templates/website/includes/header.html
@@ -1,12 +1,12 @@
 <div class="book-header">
     <!-- Actions Left -->
-    <a href="#" class="btn pull-left toggle-summary" aria-label="Toggle summary"><i class="fa fa-align-justify"></i></a>
-    <a href="#" class="btn pull-left toggle-search" aria-label="Toggle search"><i class="fa fa-search"></i></a>
+    <a href="#" class="btn pull-left toggle-summary" aria-label="{% i18n "SUMMARY_TOGGLE" %}Table of Contents{% endi18n %}"><i class="fa fa-align-justify"></i></a>
+    <a href="#" class="btn pull-left toggle-search" aria-label="{% i18n "SEARCH_TOGGLE" %}Search{% endi18n %}"><i class="fa fa-search"></i></a>
     {% if glossary.length > 0 %}
-    <a href="{{ basePath }}/GLOSSARY.html" class="btn pull-left" aria-label="Open Glossary"><i class="fa fa-sort-alpha-asc"></i></a>
+    <a href="{{ basePath }}/GLOSSARY.html" class="btn pull-left" aria-label="{% i18n "GLOSSARY_OPEN" %}Glossary{% endi18n %}"><i class="fa fa-sort-alpha-asc"></i></a>
     {% endif %}
     <div id="font-settings-wrapper" class="dropdown pull-left">
-        <a href="#" class="btn toggle-dropdown" aria-label="Toggle font settings"><i class="fa fa-font"></i>
+        <a href="#" class="btn toggle-dropdown" aria-label="{% i18n "FONTSETTINGS_TOGGLE" %}Font Settings{% endi18n %}"><i class="fa fa-font"></i>
         </a>
         {% include "./font-settings.html" %}
     </div>
@@ -14,7 +14,7 @@
     <!-- Actions Right -->
     {% if options.links.sharing.all != false %}
     <div class="dropdown pull-right">
-        <a href="#" class="btn toggle-dropdown" aria-label="Toggle share dropdown"><i class="fa fa-share-alt"></i>
+        <a href="#" class="btn toggle-dropdown" aria-label="{% i18n "SHARE_TOGGLE" %}Share{% endi18n %}"><i class="fa fa-share-alt"></i>
         </a>
         <div class="dropdown-menu font-settings dropdown-left">
             <div class="dropdown-caret">
@@ -22,27 +22,27 @@
                 <span class="caret-inner"></span>
             </div>
             <div class="buttons">
-                <button type="button" data-sharing="twitter" class="button">Twitter</button>
-                <button type="button" data-sharing="google-plus" class="button">Google</button>
-                <button type="button" data-sharing="facebook" class="button">Facebook</button>
-                <button type="button" data-sharing="weibo" class="button">Weibo</button>
-                <button type="button" data-sharing="instapaper" class="button">Instapaper</button>
+                <button type="button" data-sharing="twitter" class="button">{% i18n "SHARE_TWITTER" %}Twitter{% endi18n %}</button>
+                <button type="button" data-sharing="google-plus" class="button">{% i18n "SHARE_GOOGLE" %}Google{% endi18n %}</button>
+                <button type="button" data-sharing="facebook" class="button">{% i18n "SHARE_FACEBOOK" %}Facebook{% endi18n %}</button>
+                <button type="button" data-sharing="weibo" class="button">{% i18n "SHARE_WEIBO" %}Weibo{% endi18n %}</button>
+                <button type="button" data-sharing="instapaper" class="button">{% i18n "SHARE_INSTAPAPER" %}Instapaper{% endi18n %}</button>
             </div>
         </div>
     </div>
     {% endif %}
 
     {% if options.links.sharing.google != false %}
-    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Share on Google Plus"><i class="fa fa-google-plus"></i></a>
+    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="{% i18n "SHARE_GOOGLE" %}Google{% endi18n %}"><i class="fa fa-google-plus"></i></a>
     {% endif %}
     {% if options.links.sharing.facebook != false %}
-    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Share on Facebook"><i class="fa fa-facebook"></i></a>
+    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="{% i18n "SHARE_FACEBOOK" %}Facebook{% endi18n %}"><i class="fa fa-facebook"></i></a>
     {% endif %}
     {% if options.links.sharing.twitter != false %}
-    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Share on Twitter"><i class="fa fa-twitter"></i></a>
+    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="{% i18n "SHARE_TWITTER" %}Twitter{% endi18n %}"><i class="fa fa-twitter"></i></a>
     {% endif %}
     {% if options.links.sharing.weibo == true %}
-    <a href="#" target="_blank" class="btn pull-right weibo-sharing-link sharing-link" data-sharing="weibo" aria-label="Share on Weibo"><i class="fa fa-weibo"></i></a>
+    <a href="#" target="_blank" class="btn pull-right weibo-sharing-link sharing-link" data-sharing="weibo" aria-label="{% i18n "SHARE_WEIBO" %}Weibo{% endi18n %}"><i class="fa fa-weibo"></i></a>
     {% endif %}
 
     <!-- Title -->
diff --git a/theme/templates/website/includes/summary.html b/theme/templates/website/includes/summary.html
index 39f529559..235b81fd6 100644
--- a/theme/templates/website/includes/summary.html
+++ b/theme/templates/website/includes/summary.html
@@ -33,7 +33,7 @@
 
 <div class="book-summary">
     <div class="book-search">
-        <input type="text" placeholder="Type to search" class="form-control" />
+        <input type="text" placeholder="{% i18n "SEARCH_PLACEHOLDER" %}Type to search{% endi18n %}" class="form-control" />
     </div>
     <ul class="summary">
         {% set _divider = false %}
@@ -55,7 +55,7 @@
         {% if options.links.gitbook != false %}
         <li class="divider"></li>
         <li>
-            <a href="https://www.gitbook.com" target="blank" class="gitbook-link">Published using GitBook</a>
+            <a href="https://www.gitbook.com" target="blank" class="gitbook-link">{% i18n "GITBOOK_LINK" %}Published using GitBook{% endi18n %}</a>
         </li>
         {% endif %}
     </ul>
diff --git a/theme/templates/website/langs.html b/theme/templates/website/langs.html
index 25ef7a82e..89a075e38 100755
--- a/theme/templates/website/langs.html
+++ b/theme/templates/website/langs.html
@@ -9,7 +9,7 @@
 {% block content %}
 <div class="book-langs-index">
     <div class="inner">
-        <h3>Choose a language</h3>
+        <h3>{% i18n "LANGS_CHOOSE" %}Choose a language{% endi18n %}</h3>
 
         <ul class="languages">
         {%  for lang in langs %}