---
title: Footer
layout: documentation
doc-tab: layout
doc-subtab: footer
variables:
- name: $footer-background-color
  value: $background
---

{% include subnav-layout.html %}

{% capture footer_example %}
<footer class="footer">
  <div class="container">
    <div class="content has-text-centered">
      <p>
        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
        <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
      </p>
    </div>
  </div>
</footer>
{% endcapture %}

<section class="section">
  <div class="container">
    <h1 class="title">Footer</h1>
    <h2 class="subtitle">
      A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.
    </h2>

    {% include snippet.html content=footer_example horizontal=true more=true %}

    {% include variables.html layout=true %}
  </div>
</section>