Multi-column footer with bottom bar

Standard five-column footer, mark plus four link groups, with a bottom bar for copyright and social links. Collapses to two columns under 720px; keep each group to 3-4 links max.

pattern · vercel.com footervanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<footer class="v-foot">
  <div class="v-foot-cols">
    <div class="v-foot-col">
      <svg width="18" height="16" viewBox="0 0 115 100"><polygon points="57.5,0 115,100 0,100" fill="#111"/></svg>
    </div>
    <div class="v-foot-col"><strong>Product</strong><a href="#">Overview</a><a href="#">Pricing</a><a href="#">Docs</a></div>
    <div class="v-foot-col"><strong>Resources</strong><a href="#">Guides</a><a href="#">Changelog</a><a href="#">Community</a></div>
    <div class="v-foot-col"><strong>Company</strong><a href="#">About</a><a href="#">Careers</a><a href="#">Contact</a></div>
    <div class="v-foot-col"><strong>Legal</strong><a href="#">Privacy</a><a href="#">Terms</a></div>
  </div>
  <div class="v-foot-bottom">
    <span>&#169; 2026 Company, Inc.</span>
    <div class="v-foot-social"><a href="#">X</a><a href="#">GitHub</a><a href="#">LinkedIn</a></div>
  </div>
</footer>

Block id: vercel-footer-columnsvanilla · drop-in

More footer blocks

Five-column footer with language selector

cal.com

Multi-column dark footer with logo mark

linear

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call