diff --git a/app/app.vue b/app/app.vue
index 1413292..1e5e03e 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -6,7 +6,7 @@
         <!--<lesspass-headlines></lesspass-headlines>-->
         <lesspass-howitworks></lesspass-howitworks>
         <lesspass-feedback></lesspass-feedback>
-        <!--<lesspass-faq></lesspass-faq>-->
+        <lesspass-image></lesspass-image>
         <lesspass-footer></lesspass-footer>
     </div>
 </template>
@@ -16,6 +16,7 @@
     import LesspassFeatures from './features/features.vue';
     import LesspassHowitworks from './howitworks/howitworks.vue';
     import LesspassFeedback from './feedback/feedback.vue';
+    import LesspassImage from './image-separator/image-separator.vue';
     import LesspassFooter from './footer/footer.vue';
 
     export default {
@@ -28,6 +29,7 @@
             LesspassFeatures,
             LesspassHowitworks,
             LesspassFeedback,
+            LesspassImage,
             LesspassFooter
         }
     }
diff --git a/app/header/header.vue b/app/header/header.vue
index 1504643..06588c8 100644
--- a/app/header/header.vue
+++ b/app/header/header.vue
@@ -35,8 +35,7 @@
                         <b>LessPass</b> {{ $t('headlines.subtitle') }}
                     </p>
                 </div>
-
-                <div class="col-md-6">
+                <div class="col-md-6 col-lg-5 col-lg-offset-1">
                     <password-generator></password-generator>
                 </div>
             </div>
diff --git a/app/howitworks/howitworks.vue b/app/howitworks/howitworks.vue
index ff5af93..5356f81 100644
--- a/app/howitworks/howitworks.vue
+++ b/app/howitworks/howitworks.vue
@@ -1,6 +1,6 @@
 <style>
     #how-it-works {
-        background-color: #F8F8F8;;
+        background-color: #F8F8F8;
         color: #7f7f7f;
     }
 </style>
diff --git a/app/image-separator/image-separator.vue b/app/image-separator/image-separator.vue
new file mode 100644
index 0000000..0cc4875
--- /dev/null
+++ b/app/image-separator/image-separator.vue
@@ -0,0 +1,34 @@
+<style>
+    #image-separator #image-separator__top {
+        background-color: #134a6a;
+            min-height: 20vh;
+    }
+
+    #image-separator #image-separator__bottom {
+        background-color: #1B2529;
+        min-height: 40vh;
+    }
+
+    #image-separator img{
+        margin-bottom: -35vh;
+    }
+
+</style>
+<template>
+    <div id="image-separator">
+        <div id="image-separator__top" class="text-xs-center">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8 col-lg-offset-2" v-if="$t('lang') == 'en'">
+                        <img src="./story-en.png" class="img-fluid" alt="what is lesspass"/>
+                    </div>
+                    <div class="col-lg-8 col-lg-offset-2" v-if="$t('lang') == 'fr'">
+                        <img src="./story-fr.png" class="img-fluid" alt="qu'est ce que lesspass"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="image-separator__bottom">
+        </div>
+    </div>
+</template>
\ No newline at end of file
diff --git a/app/assets/images/story-en.png b/app/image-separator/story-en.png
similarity index 100%
rename from app/assets/images/story-en.png
rename to app/image-separator/story-en.png
diff --git a/app/assets/images/story-fr.png b/app/image-separator/story-fr.png
similarity index 100%
rename from app/assets/images/story-fr.png
rename to app/image-separator/story-fr.png
diff --git a/app/locales.js b/app/locales.js
index 643394c..a2ae3c8 100644
--- a/app/locales.js
+++ b/app/locales.js
@@ -61,8 +61,8 @@ const locales = {
             "free": "LessPass is free and always will be."
         },
         "how_it_works": {
-            "title": "",
-            "subtitle": ""
+            "title": "How LessPass works ?",
+            "subtitle": "LessPass is a password generator that guarantees you to generate the same password on the basis of unique information you provide. You can use LessPass to create passwords for various internet services (social networks , email, server passwords , ...)."
         },
         "feedback": {
             "feedback_1": "Finally a security tool that I did not need to trust.",
@@ -75,7 +75,7 @@ const locales = {
         "lang": "fr",
         "headlines": {
             "title": "Générateur de mot de passe open source",
-            "subtitle": "construit un mot de passe unique lorsque vous en avez besoin sur la base d'informations uniques que vous lui fournissez."
+            "subtitle": "construit un mot de passe unique lorsque vous en avez besoin sur la base d'informations uniques que vous lui fournissez. Plus besoin de synchronisation entre appareils."
         },
         "footer": {
             "built_by": "créé par",
@@ -131,7 +131,7 @@ const locales = {
             "free": "LessPass est gratuit et le sera toujours."
         },
         "how_it_works": {
-            "title": "Comment LessPass fonctionne ?",
+            "title": "Comment fonctionne LessPass ?",
             "subtitle": "LessPass est un générateur de mot de passe qui vous garanti générer le même mot de passe sur la base d'informations uniques que vous lui fournissez. Vous pouvez donc utiliser LessPass pour créer des mots de passe pour vos différents services internet (Réseaux sociaux, mails, mots de passe serveurs, ...)."
         },
         "feedback": {