diff --git a/app/app.js b/app/app.js
index 471d525..8e95cbd 100644
--- a/app/app.js
+++ b/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
     }
 });
\ No newline at end of file
diff --git a/app/components/footer.vue b/app/components/footer.vue
new file mode 100644
index 0000000..b0ed2f9
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/app/components/lesspass-features.vue b/app/components/lesspass-features.vue
new file mode 100644
index 0000000..a6b1525
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/static/css/styles.scss b/static/css/styles.scss
index 14eec80..2cc3d35 100644
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@@ -6,7 +6,6 @@ body {
   line-height: 1.5;
   color: #CFD2DA;
   background-color: #252830;
-  padding-bottom: 2em;
 }
 
 #header {
diff --git a/static/index.html b/static/index.html
index 4bcc970..ee1f155 100644
--- a/static/index.html
+++ b/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>
\ No newline at end of file