diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 20ddc56..b49337e 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -6,6 +6,16 @@ $primary: darken(#005035, 20%);
 // the ~ allows you to reference things in node_modules
 @import "~bootstrap/scss/bootstrap";
 
+footer {
+    background-color: #ddd;
+    height: 6rem;
+}
+
+.container {
+    min-height: 100vh;
+    margin-bottom: -9rem;
+}
+
 .offer-img {
     height: 15rem;
     object-fit: cover;
@@ -24,10 +34,6 @@ $primary: darken(#005035, 20%);
     float: right;
 }
 
-.offer-container {
-    padding-top: 2rem;
-}
-
 .img-container {
     width: 50%;
     min-width: 20rem;
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 7cd805e..b9c181f 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -65,8 +65,23 @@
           </div>
         </nav>
 
-        <div class="container offer-container">
+        <div class="container pt-5">
+          <div class="inner-container">
             {% block body %}{% endblock %}
+          </div>
         </div>
+
+        <footer class="text-center text-white">
+          <div class="pt-1">
+            <section class="mb-1">
+              <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="#!" role="button" data-mdb-ripple-color="dark"><i class="fab fa-mastodon"></i></a>
+              <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="#!" role="button" data-mdb-ripple-color="dark"><i class="fab fa-github"></i></a>
+            </section>
+          </div>
+          <div class="text-center text-dark">
+            <a href="https://creativecommons.org"><i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i></a>
+            <a class="text-dark" href="{{ path('homepage') }}">pflänz.li</a>
+          </div>
+        </footer>
     </body>
 </html>