footer.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. ---
  2. title: Footer
  3. layout: documentation
  4. doc-tab: layout
  5. doc-subtab: footer
  6. variables:
  7. - name: $footer-background-color
  8. value: $background
  9. ---
  10. {% include subnav-layout.html %}
  11. {% capture footer_example %}
  12. <footer class="footer">
  13. <div class="container">
  14. <div class="content has-text-centered">
  15. <p>
  16. <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
  17. <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
  18. is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
  19. </p>
  20. <p>
  21. <a class="icon" href="https://github.com/jgthms/bulma">
  22. <i class="fa fa-github"></i>
  23. </a>
  24. </p>
  25. </div>
  26. </div>
  27. </footer>
  28. {% endcapture %}
  29. <section class="section">
  30. <div class="container">
  31. <h1 class="title">Footer</h1>
  32. <h2 class="subtitle">
  33. A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.
  34. </h2>
  35. {% include snippet.html content=footer_example horizontal=true more=true %}
  36. {% include variables.html layout=true %}
  37. </div>
  38. </section>