Five-column footer with language selector

Standard SaaS footer, one brand column plus four link columns and a language selector for international traffic. Drop columns that do not apply rather than leaving them empty; an uneven 3-column footer still looks intentional.

pattern · cal.com footervanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<footer class="cb-ft">
  <div class="cb-ft-inner">
    <div class="cb-ft-col cb-ft-brand">
      <strong>Brand.co</strong>
      <p>Our mission is to connect a billion people by 2031 through calendar scheduling.</p>
      <select class="cb-ft-lang"><option>English</option><option>Espa&ntilde;ol</option><option>Fran&ccedil;ais</option></select>
    </div>
    <div class="cb-ft-col"><h4>Solutions</h4><a href="#">Self-hosted</a><a href="#">Enterprise</a><a href="#">API</a></div>
    <div class="cb-ft-col"><h4>Use cases</h4><a href="#">Sales</a><a href="#">Support</a><a href="#">Recruiting</a></div>
    <div class="cb-ft-col"><h4>Resources</h4><a href="#">Blog</a><a href="#">Help docs</a><a href="#">Affiliates</a></div>
    <div class="cb-ft-col"><h4>Company</h4><a href="#">About</a><a href="#">Careers</a><a href="#">Support</a></div>
  </div>
</footer>

Block id: cal-com-footer-multi-columnvanilla · swap-content

More footer blocks

Multi-column dark footer with logo mark

linear

Multi-column footer with bottom bar

vercel.com

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