diff options
Diffstat (limited to 'site/content/docs/5.2/examples/sticky-footer')
-rw-r--r-- | site/content/docs/5.2/examples/sticky-footer/index.html | 24 | ||||
-rw-r--r-- | site/content/docs/5.2/examples/sticky-footer/sticky-footer.css | 9 |
2 files changed, 33 insertions, 0 deletions
diff --git a/site/content/docs/5.2/examples/sticky-footer/index.html b/site/content/docs/5.2/examples/sticky-footer/index.html new file mode 100644 index 0000000..7a6e127 --- /dev/null +++ b/site/content/docs/5.2/examples/sticky-footer/index.html @@ -0,0 +1,24 @@ +--- +layout: examples +title: Sticky Footer Template +extra_css: + - "sticky-footer.css" +html_class: "h-100" +body_class: "d-flex flex-column h-100" +include_js: false +--- + +<!-- 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-light"> + <div class="container"> + <span class="text-muted">Place sticky footer content here.</span> + </div> +</footer> diff --git a/site/content/docs/5.2/examples/sticky-footer/sticky-footer.css b/site/content/docs/5.2/examples/sticky-footer/sticky-footer.css new file mode 100644 index 0000000..f8be437 --- /dev/null +++ b/site/content/docs/5.2/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; +} |