Footer

Footer layouts and variants for site footers. Use the footer to provide site links, legal text, and small utility navigation.

Simple footer

© 2026 McGowanStyle

<footer class="ms-footer">
  <div>© 2026 McGowanStyle</div>
  <nav><a href="#">Privacy</a> · <a href="#">Terms</a></nav>
</footer>

Three-column footer

Product

Company

Support

<footer class="ms-footer">
  <div class="u-grid u-grid-cols-12">
    <div class="u-col-12 u-col-md-4"><h4>Product</h4>...</div>
    <div class="u-col-12 u-col-md-4"><h4>Company</h4>...</div>
    <div class="u-col-12 u-col-md-4"><h4>Support</h4>...</div>
  </div>
</footer>

Centered minimal footer

© 2026 McGowanStyle — Built with care.

<footer class="ms-footer">
  <p class="ms-footer__small">© 2026 McGowanStyle — Built with care.</p>
</footer>

Footer with social links

© 2026 McGowanStyle

<footer class="ms-footer">
  <div class="u-grid u-grid-cols-12">
    <div class="u-col-12 u-col-md-8">© 2026 McGowanStyle</div>
    <div class="u-col-12 u-col-md-4"><nav><a href="#">Twitter</a></nav></div>
  </div>
</footer>

<