Merge branch 'twbs:main' into mainHEADmain

2 files changed, 32 insertions, 0 deletions

diff --git a/site/content/docs/5.3/examples/sticky-footer/index.html b/site/content/docs/5.3/examples/sticky-footer/index.html
new file mode 100644
index 000000000..631addabe
--- /dev/null
+++ b/site/content/docs/5.3/examples/sticky-footer/index.html
@@ -0,0 +1,23 @@
+---
+layout: examples
+title: Sticky Footer Template
+extra_css:
+  - "sticky-footer.css"
+html_class: "h-100"
+body_class: "d-flex flex-column h-100"
+---
+
+<!-- Begin page content -->
+<main class="flex-shrink-0">
+  <div class="container">
+    <h1 class="mt-5">Sticky footer</h1>
+    <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>
+    <p>Use <a href="{{< docsref "/examples/sticky-footer-navbar" >}}">the sticky footer with a fixed navbar</a> if need be, too.</p>
+  </div>
+</main>
+
+<footer class="footer mt-auto py-3 bg-body-tertiary">
+  <div class="container">
+    <span class="text-body-secondary">Place sticky footer content here.</span>
+  </div>
+</footer>
diff --git a/site/content/docs/5.3/examples/sticky-footer/sticky-footer.css b/site/content/docs/5.3/examples/sticky-footer/sticky-footer.css
new file mode 100644
index 000000000..f8be43729
--- /dev/null
+++ b/site/content/docs/5.3/examples/sticky-footer/sticky-footer.css
@@ -0,0 +1,9 @@
+/* Custom page CSS
+-------------------------------------------------- */
+/* Not required for template or sticky footer method. */
+
+.container {
+  width: auto;
+  max-width: 680px;
+  padding: 0 15px;
+}