diff --git a/footer.html b/footer.html
new file mode 100644
index 0000000..35f8718
--- /dev/null
+++ b/footer.html
@@ -0,0 +1,48 @@
+<!-- Footer content -->
+    {{ if .Site.Params.ShowBio }}
+    <div class="h-card">
+      <img class="u-photo" src="{{ .Site.Params.Avatar | absURL }}" />
+      <div class="card-content">
+        <h2 class="card-name"><a class="p-name u-url" href="{{ .Site.BaseURL }}" rel="me">{{ .Site.Params.Author }}</a></h2>
+        <p class="card-subhead">
+          <span class="p-locality">{{ .Site.Params.IndieWeb.City }}</span>,
+          <span class="p-country-name">{{ .Site.Params.IndieWeb.Country }}</span><br />
+          <a class="u-email" href="mailto:{{ .Site.Params.IndieWeb.EmailAddress }}">Email me</a>
+        </p>
+      </div>
+      <p class="p-note">{{ .Site.Params.Biography }}</p>
+    </div>
+    {{ end }}
+    <div id="footer">
+      {{ if or (.NextPage) (.PrevPage) }}
+      <nav id="article-skip">
+        <div class="next">
+          {{ if and (.NextPage) (not .Params.Menu) }}
+          <a alt="Newer article" href="{{ .NextPage.Permalink }}">&larr; Newer</a>
+          {{ else }}
+          <p>&nbsp;</p>
+          {{ end }}
+        </div>
+        <div class="top">
+          <a alt="Top of page" href="#">Top</a>
+        </div>
+        <div class="prev">
+          {{ if and (.PrevPage) (not .Params.Menu) }}
+          <a alt="Older article" href="{{ .PrevPage.Permalink }}">Older &rarr;</a>
+          {{ else }}
+          <p>&nbsp;</p>
+          {{ end }}
+        </div>
+      </nav>
+      {{ end }}
+      {{ partial "social.html" . }}
+      {{ with .Site.Copyright }}
+      <p class="copyright">
+          {{ . }}
+      </p>
+      {{ end }}
+    </div>
+
+<!-- Close the body/html document -->
+</body>
+</html>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..5964864
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,50 @@
+<!-- Footer content -->
+    {{ if .Site.Params.ShowBio }}
+    <div class="h-card">
+      <img class="u-photo" src="{{ .Site.Params.Avatar | absURL }}" />
+      <div class="card-content">
+        <h2 class="card-name"><a class="p-name u-url" href="{{ .Site.BaseURL }}" rel="me">{{ .Site.Params.Author }}</a></h2>
+        <p class="card-subhead">
+          <span class="p-locality">{{ .Site.Params.IndieWeb.City }}</span>,
+          <span class="p-country-name">{{ .Site.Params.IndieWeb.Country }}</span><br />
+          <a class="u-email" href="mailto:{{ .Site.Params.IndieWeb.EmailAddress }}">Email me</a>
+        </p>
+      </div>
+      <p class="p-note">{{ .Site.Params.Biography }}</p>
+    </div>
+    {{ end }}
+    <div id="footer">
+      {{ if or (.NextPage) (.PrevPage) }}
+      <nav id="article-skip">
+        <div class="next">
+          {{ if and (.NextPage) (not .Params.Menu) }}
+          <a alt="Newer article" href="{{ .NextPage.Permalink }}">&larr; Newer</a>
+          {{ else }}
+          <p>&nbsp;</p>
+          {{ end }}
+        </div>
+        <div class="top">
+          <a alt="Top of page" href="#">Top</a>
+        </div>
+        <div class="prev">
+          {{ if and (.PrevPage) (not .Params.Menu) }}
+          <a alt="Older article" href="{{ .PrevPage.Permalink }}">Older &rarr;</a>
+          {{ else }}
+          <p>&nbsp;</p>
+          {{ end }}
+        </div>
+      </nav>
+      {{ end }}
+      {{ partial "social.html" . }}
+      {{ with .Site.Copyright }}
+      <p class="copyright">
+          {{ . }}
+      </p>
+      {{ end }}
+    </div>
+<!-- Cloudflare Web Analytics -->
+<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "7b36ad5d27814467a62fe8eb6bbad21b"}'></script>
+<!-- End Cloudflare Web Analytics -->
+<!-- Close the body/html document -->
+</body>
+</html>