diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..6e43b9f
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,3 @@
+<footer>
+  <small>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}</small>
+</footer>
diff --git a/_layouts/default.html b/_layouts/default.html
index 2ceee7a..1e6937e 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -39,9 +39,7 @@
   <body>
     {% include header.html %}
     <main>{{ content }}</main>
-    <footer>
-      <p>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}</p>
-    </footer>
+    {% include footer.html %}
     <script src="{{ '/assets/js/bpd.js' }}"></script>
   </body>
 </html>
diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index c89c2d4..af96ec4 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -338,3 +338,11 @@ input::-moz-focus-inner {
     padding: 6.375rem 35px 2.5rem;
   }
 }
+
+footer {
+  border-top: 1px solid #d7d7d7;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  margin-top: 2.5em;
+}
