add image seprator

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
         }
     }

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>

app/howitworks/howitworks.vue

@@ -1,6 +1,6 @@
 <style>
     #how-it-works {
-        background-color: #F8F8F8;;
+        background-color: #F8F8F8;
         color: #7f7f7f;
     }
 </style>

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>

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": {