diff --git a/exampleSite/content/about/images/profile.jpg b/exampleSite/content/about/images/profile.jpg
new file mode 100644
index 0000000..d0fc747
Binary files /dev/null and b/exampleSite/content/about/images/profile.jpg differ
diff --git a/exampleSite/content/about/index.md b/exampleSite/content/about/index.md
new file mode 100644
index 0000000..db178f7
--- /dev/null
+++ b/exampleSite/content/about/index.md
@@ -0,0 +1,63 @@
+---
+title: About Me
+resources:
+  - name: profile
+    src: "images/profile.jpg"
+    params:
+      credits: "[Angelina Litvin](https://unsplash.com/@linalitvina) on [Unsplash](https://unsplash.com/s/photos/writing)"
+---
+
+{{< columns size=small >}}
+
+{{< img name=profile lazy=false size=profile >}}
+
+<--->
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.
+{{< /columns >}}
+
+---
+
+## Experience
+
+{{< columns size=small >}}
+
+**Dream Corp**\
+Principle Developer\
+Jan 2018 - Sep 2019
+
+<--->
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re.
+{{< /columns >}}
+
+{{< columns size=small >}}
+
+**Boring Company Lt**\
+Developer\
+Apr 2015 - Jan 2018
+
+<--->
+
+Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Dolor sit. Denim fastidious copious quo ad. Stet probates in duo. Sumo unique argument um no.
+{{< /columns >}}
+
+---
+
+## Education
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.
+
+---
+
+## Contact
+
+<!-- prettier-ignore-start -->
+<!-- spellchecker-disable -->
+{{< boxes "contact" >}}
+{{< box size=large title=E-Mail icon=gblog_email >}}mail [ett] example.com{{< /box >}}
+{{< box size=large title=Matrix icon=gblog_matrix >}}@john:example.com{{< /box >}}
+{{< box size=large title=XMPP icon=gblog_xmpp >}}john@example.com{{< /box >}}
+{{< /boxes >}}
+<!-- spellchecker-enable -->
+<!-- prettier-ignore-end -->
diff --git a/exampleSite/content/contact.md b/exampleSite/content/contact.md
deleted file mode 100644
index 57e66d3..0000000
--- a/exampleSite/content/contact.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Get in touch
----
-
-- **E-Mail:** <!-- spellchecker-disable -->mail [ett] example.com<!-- spellchecker-enable -->
-- **Mailto:** [contact@example.com](mailto:contact@example.com)
-- **Matrix:** @john:example.com
-- **XMPP:** john@example.com
diff --git a/exampleSite/content/posts/usage/menus.md b/exampleSite/content/posts/usage/menus.md
index 4128e49..cd1b32d 100644
--- a/exampleSite/content/posts/usage/menus.md
+++ b/exampleSite/content/posts/usage/menus.md
@@ -27,7 +27,7 @@ header:
     external: true
 
 footer:
-  - name: Contact
+  - name: About
     icon: gblog_email
-    ref: "/contact"
+    ref: "/about"
 ```
diff --git a/exampleSite/data/menu/extra.yml b/exampleSite/data/menu/extra.yml
index 326a9b4..4dd8cca 100644
--- a/exampleSite/data/menu/extra.yml
+++ b/exampleSite/data/menu/extra.yml
@@ -6,6 +6,6 @@ header:
     external: true
 
 footer:
-  - name: Contact
+  - name: About
     icon: gblog_email
-    ref: "/contact"
+    ref: "/about"
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index a817ca3..658b149 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -1,13 +1,13 @@
 {{- $raw := or (hasPrefix .Text "<img") (hasPrefix .Text "<figure") -}}
 {{- $code := hasPrefix .Text "<code" -}}
 <a
-  class="gblog-markdown__link{{ if $raw -}}
+  class="gblog-markdown__link{{- if $raw -}}
     --raw
   {{- else if $code -}}
     --code
   {{- end }}"
   href="{{ .Destination | safeURL }}"
-  {{ with .Title }}title="{{ . }}"{{ end }}
+  {{- with .Title }}{{ printf "title=\"%s\"" . | safeHTMLAttr }}{{- end }}
 >
   {{- .Text | safeHTML -}}
 </a>