diff --git a/docs/_includes/getting-started/translations.html b/docs/_includes/getting-started/translations.html
deleted file mode 100644
index 215f790de2..0000000000
--- a/docs/_includes/getting-started/translations.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<div class="bs-docs-section">
-  <h1 id="translations" class="page-header">Translations</h1>
-
-  <p class="lead">Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p>
-  <ul>
-    {% for language in site.data.translations %}
-      <li><a href="{{ language.url }}" hreflang="{{ language.code }}">{{ language.description }} ({{ language.name }})</a></li>
-    {% endfor %}
-  </ul>
-  <p><strong class="text-danger">We don't help organize or host translations, we just link to them.</strong></p>
-  <p>Finished a new or better translation? Open a pull request to add it to our list.</p>
-</div>
diff --git a/docs/getting-started/translations.md b/docs/getting-started/translations.md
new file mode 100644
index 0000000000..f15465ca59
--- /dev/null
+++ b/docs/getting-started/translations.md
@@ -0,0 +1,16 @@
+---
+layout: page
+title: Translations
+---
+
+Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.
+
+<ul>
+{% for language in site.data.translations %}
+  <li><a href="{{ language.url }}" hreflang="{{ language.code }}">{{ language.description }} ({{ language.name }})</a></li>
+{% endfor %}
+</ul>
+
+**We don't help organize or host translations, we just link to them.**
+
+Finished a new or better translation? Open a pull request to add it to our list.