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

{% include subnav-layout.html %}

<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>

<div class="bd-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>
      <p>
        <a class="icon" href="https://github.com/jgthms/bulma">
          <i class="fa fa-github"></i>
        </a>
      </p>
    </div>
  </div>
</footer>
</div>

{% highlight html %}
<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>
      <p>
        <a class="icon" href="https://github.com/jgthms/bulma">
          <i class="fa fa-github"></i>
        </a>
      </p>
    </div>
  </div>
</footer>
{% endhighlight %}

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