footer.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. ---
  2. layout: documentation
  3. doc-tab: layout
  4. doc-subtab: footer
  5. ---
  6. {% include subnav-layout.html %}
  7. <section class="section">
  8. <div class="container">
  9. <h1 class="title">Footer</h1>
  10. <h2 class="subtitle">
  11. A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons...
  12. </h2>
  13. <div class="example">
  14. <footer class="footer">
  15. <div class="container">
  16. <div class="content has-text-centered">
  17. <p>
  18. <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
  19. <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
  20. is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
  21. </p>
  22. <p>
  23. <a class="icon" href="https://github.com/jgthms/bulma">
  24. <i class="fa fa-github"></i>
  25. </a>
  26. </p>
  27. </div>
  28. </div>
  29. </footer>
  30. </div>
  31. {% highlight html %}
  32. <footer class="footer">
  33. <div class="container">
  34. <div class="content has-text-centered">
  35. <p>
  36. <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
  37. <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
  38. is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
  39. </p>
  40. <p>
  41. <a class="icon" href="https://github.com/jgthms/bulma">
  42. <i class="fa fa-github"></i>
  43. </a>
  44. </p>
  45. </div>
  46. </div>
  47. </footer>
  48. {% endhighlight %}
  49. </div>
  50. </section>