Layout

Footer

The .quanta-footer provides a responsive and customizable footer layout with multiple columns and a bottom copyright section.

<footer class="quanta-footer">
  <div class="quanta-footer-col">
    <div class="quanta-footer-brand">Quanta</div>
    <p>Build faster with a clean and modern utility-first framework.</p>
  </div>
  <div class="quanta-footer-col">
    <h4>Docs</h4>
    <a href="#">Getting Started</a>
    <a href="#">Components</a>
    <a href="#">Layout</a>
  </div>
  <div class="quanta-footer-col">
    <h4>Community</h4>
    <a href="#">GitHub</a>
    <a href="#">Twitter</a>
    <a href="#">Discord</a>
  </div>
  <div class="quanta-footer-bottom">
    © 2025 Quanta CSS. All rights reserved.
  </div>
</footer>