Creating a footer

static/css/piphone.css

 .collection.contact .wrapper {
     overflow: auto;
-    overflow-x: none;
-    max-height: 60vmax;
+    overflow-x: hidden;
     cursor: pointer;
+    height: 70vh;
 }
 
 .piphone-btn {

templates/footer.html

+<footer class="page-footer blue-grey">
+    <div class="container">
+        <div class="row">
+            <div class="col m9 s12">
+                <h5 class="blue-grey-text text-darken-4">{{ _("This campaign is powered by the piphone") }}</h5>
+                <p class="blue-grey-text text-lighten-4">{{ _("The piphone is a campaigning tool developped by <a href=\"https://www.laquadrature.net/\" class=\"blue-grey-text text-darken-2\">La Quadrature du Net</a>
+                to help organisations and citizens to make their voices heard by elected representant.") }}</p>
+            </div>
+            <div class="col m3 s12">
+                <ul>
+                    <li><a class="blue-grey-text text-darken-4" href="https://git.laquadrature.net/piphone/">Source Code</a></li>
+                    <li><a class="blue-grey-text text-darken-4" href="mailto:contact@laquadrature.net">{{ _("Get in touch with LQDN") }}</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <br />
+</footer>
 </body>
 </html>

templates/home.html

-<div class="row">
+<div class="row home">
     <div class="col s12 m8">
         <div class="container">
             <h4 class="blue-grey-text center header">