Bulma Footer Components

<section class="section pt-20 pb-0 has-background-grey-darker">
  <div class="container">
    <div class="columns mb-0" style="border-bottom: 1px solid rgba(255,255,255,0.15)">
      <div class="column is-4 mb-12 mb-0-tablet mb-20-tablet">
        <a class="is-block mb-4 title is-size-4 has-text-white" href="#">
          <img src="acros-assets/logo/logo-acros-white.svg" alt="" width="auto">
        </a>
        <ul class="mb-8">
          <li class="mb-2">
            <a class="title is-size-6 is-flex is-align-items-center has-text-white" href="#">
              <img class="mr-3" src="acros-assets/icons/footers/contact.svg" alt="">
              <span>+44 20 6024 2068</span>
            </a>
          </li>
          <li>
            <a class="title is-size-6 is-flex is-align-items-center has-text-white" href="#">
              <img class="mr-3" src="acros-assets/icons/footers/email.svg" alt="">
              <span>[email protected]</span>
            </a>
          </li>
        </ul>
        <ul class="is-flex">
          <li>
            <a href="#">
              <img src="acros-assets/logo/facebook.svg" alt="">
            </a>
          </li>
          <li class="ml-2">
            <a href="#">
              <img src="acros-assets/logo/twitter.svg" alt="">
            </a>
          </li>
          <li class="ml-2">
            <a href="#">
              <img src="acros-assets/logo/instagram.svg" alt="">
            </a>
          </li>
          <li class="ml-2">
            <a href="#">
              <img src="acros-assets/logo/github.svg" alt="">
            </a>
          </li>
          <li class="ml-2">
            <a href="#">
              <img src="acros-assets/logo/linkedin.svg" alt="">
            </a>
          </li>
        </ul>
      </div>
      <div class="column is-8">
        <div class="columns">
          <div class="column is-3 mb-4 mb-0-tablet">
            <h5 class="mb-8 title is-size-5 has-text-white">Pages</h5>
            <ul>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">About us</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Careers</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Press</a></li>
              <li><a class="title is-size-6 has-text-white" href="#">Blog</a></li>
            </ul>
          </div>
          <div class="column is-3 mb-4 mb-0-tablet">
            <h5 class="mb-8 title is-size-5 has-text-white">Pricing</h5>
            <ul>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Login</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Register</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Add list</a></li>
              <li><a class="title is-size-6 has-text-white" href="#">Contact</a></li>
            </ul>
          </div>
          <div class="column is-3 mb-4 mb-0-tablet">
            <h5 class="mb-8 title is-size-5 has-text-white">Resources</h5>
            <ul>
              <li class="mb-6"><a class="title is-size-6 has-text-white">Blog</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white">Service</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white">Product</a></li>
              <li><a class="title is-size-6 has-text-white" href="#">Pricing</a></li>
            </ul>
          </div>
          <div class="column is-3 mb-4 mb-0-tablet">
            <h5 class="mb-8 title is-size-5 has-text-white">Legal</h5>
            <ul>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Terms</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">About us</a></li>
              <li class="mb-6"><a class="title is-size-6 has-text-white" href="#">Team</a></li>
              <li><a class="title is-size-6 has-text-white" href="#">Privacy</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="is-flex is-justify-content-space-between py-10">
      <p class="mb-0 title is-size-6 has-text-white">2021 &copy; Shuffle</p>
      <a class="title is-size-6 has-text-white">Go to up</a>
    </div>
  </div>
</section>