add some blocs

app/app.js

@@ -1,11 +1,15 @@
 import Vue from 'vue';
 import PasswordGenerator from './components/password-generator.vue';
 import BootstrapHr from './components/bootstrap-hr.vue';
+import LesspassFeatures from './components/lesspass-features.vue';
+import Footer from './components/footer.vue';
 
 new Vue({
     el: 'body',
     components: {
         passwordGenerator: PasswordGenerator,
+        lesspassFeatures: LesspassFeatures,
+        lesspassFooter: Footer,
         bootstrapHr: BootstrapHr
     }
 });

app/components/footer.vue

@@ -0,0 +1,15 @@
+<style>
+    footer {
+        font-size: 0.7rem;
+        font-family: Consolas, DejaVu Sans Mono, Courier, monospace;
+    }
+</style>
+<template>
+    <footer class="text-xs-center p-y-3 m-t-2">
+        <class class="container">
+            lesspass
+            — réalisé par <a href="http://guillaumevincent.com">Guillaume Vincent</a>
+            — <a href="https://github.com/oslab-fr/lesspass">code source</a>
+        </class>
+    </footer>
+</template>

app/components/lesspass-features.vue

@@ -0,0 +1,21 @@
+<style>
+    .lesspass-features {
+        background-color: #0275D8;
+    }
+</style>
+<template>
+    <div class="lesspass-features p-y-3 m-t-2">
+
+        <div class="container">
+            <div class="col-lg-6 col-lg-offset-3">
+                <h2>Vous devriez utiliser LessPass si :</h2>
+                <ul>
+                    <li>vous aimez l'open source</li>
+                    <li>vous ne voulez pas mettre votre base de données de mots de passe sur le cloud</li>
+                    <li>vous ne voulez pas installer des logiciels sur tous vos appareils</li>
+                    <li>vous voulez un mot de passe différent pour chaque site</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>

static/css/styles.scss

@@ -6,7 +6,6 @@ body {
   line-height: 1.5;
   color: #CFD2DA;
   background-color: #252830;
-  padding-bottom: 2em;
 }
 
 #header {

static/index.html

@@ -40,6 +40,8 @@
 </div>
 <bootstrap-hr></bootstrap-hr>
 <password-generator></password-generator>
+<lesspass-features></lesspass-features>
+<lesspass-footer></lesspass-footer>
 <script src="app.js"></script>
 </body>
 </html>