diff options
Diffstat (limited to 'site/content/docs/5.0/examples/sticky-footer/index.html')
-rw-r--r-- | site/content/docs/5.0/examples/sticky-footer/index.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/site/content/docs/5.0/examples/sticky-footer/index.html b/site/content/docs/5.0/examples/sticky-footer/index.html new file mode 100644 index 0000000000..7a6e127cd6 --- /dev/null +++ b/site/content/docs/5.0/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> |