diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..94db06d
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,46 @@
+	</div>
+</section>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+  <div class="container-fluid">
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="SecondNavbar">
+    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
+      <li class="nav-item inactive">
+        CC BY-SA 2018 <strong>Quarante-Douze</strong>
+      </li>
+    </ul>
+  
+    <ul class="navbar-nav my-2 my-lg-0">
+      <li class="nav-item active">
+        <a class="nav-link" href="#"><i class="fa fa-fw fa-rss"></i></a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#"><i class="fa fa-fw fa-twitter"></i></a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#"><i class="fa fa-fw fa-facebook"></i></a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#"><i class="fa fa-fw fa-diaspora"></i></a>
+      </li>
+      <li class="nav-item active">
+        <a class="nav-link" href="#"><i class="fa fa-fw fa-mastodon"></i></a>
+      </li>
+    </ul>
+  </div>
+  </div>
+</nav>
+</div>
+
+
+
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+ </body>
+</html>
diff --git a/index.php b/index.php
index a2f1417..30cb8cd 100644
--- a/index.php
+++ b/index.php
@@ -225,51 +225,4 @@ In id suscipit elit.</code></pre>
 
 
 </aside>
-
-	</div>
-</section>
-
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-  <div class="container-fluid">
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="SecondNavbar">
-    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
-      <li class="nav-item inactive">
-        CC BY-SA 2018 <strong>Quarante-Douze</strong>
-      </li>
-    </ul>
-  
-    <ul class="navbar-nav my-2 my-lg-0">
-      <li class="nav-item active">
-        <a class="nav-link" href="#"><i class="fa fa-fw fa-rss"></i></a>
-      </li>
-      <li class="nav-item active">
-        <a class="nav-link" href="#"><i class="fa fa-fw fa-twitter"></i></a>
-      </li>
-      <li class="nav-item active">
-        <a class="nav-link" href="#"><i class="fa fa-fw fa-facebook"></i></a>
-      </li>
-      <li class="nav-item active">
-        <a class="nav-link" href="#"><i class="fa fa-fw fa-diaspora"></i></a>
-      </li>
-      <li class="nav-item active">
-        <a class="nav-link" href="#"><i class="fa fa-fw fa-mastodon"></i></a>
-      </li>
-    </ul>
-  </div>
-  </div>
-</nav>
-</div>
-
-
-
-
-    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-    <!-- Include all compiled plugins (below), or include individual files as needed -->
-    <script src="js/bootstrap.min.js"></script>
- </body>
-</html>
+<?php get_footer(); ?>