Footers Components in Bootstrap library

<footer class="py-5">
  <div class="container">
    <div class="row border-bottom">
      <div class="col-12 col-lg-3 mb-5">
        <a class="d-inline-block mb-4" href="#">
          <img class="img-fluid" src="bootstrap5-plain-assets/logos/plainb-logo.svg" alt="" width="96px">
        </a>
        <p class="text-muted mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <div>
          <a class="d-inline-block me-3" href="#">
            <img class="mx-auto img-fluid" src="bootstrap5-plain-assets/socials/facebook.svg">
          </a>
          <a class="d-inline-block me-3" href="#">
            <img class="mx-auto img-fluid" src="bootstrap5-plain-assets/socials/github.svg">
          </a>
          <a class="d-inline-block me-3" href="#">
            <img class="mx-auto img-fluid" src="bootstrap5-plain-assets/socials/instagram.svg">
          </a>
          <a class="d-inline-block me-3" href="#">
            <img class="mx-auto img-fluid" src="bootstrap5-plain-assets/socials/linkedin.svg">
          </a>
          <a class="d-inline-block" href="#">
            <img class="mx-auto img-fluid" src="bootstrap5-plain-assets/socials/twitter.svg">
          </a>
        </div>
      </div>
      <div class="col-12 col-lg-9">
        <div class="row">
          <div class="col-12 col-md-6 col-lg-3 mb-5">
            <h4 class="mb-4">Company</h4>
            <ul class="list-unstyled">
              <li class="mb-2"><a class="text-muted" href="#">About Us</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Careers</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Press</a></li>
              <li><a class="text-muted" href="#">Blog</a></li>
            </ul>
          </div>
          <div class="col-12 col-md-6 col-lg-3 mb-5">
            <h4 class="mb-4">Pages</h4>
            <ul class="list-unstyled">
              <li class="mb-2"><a class="text-muted" href="#">Login</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Register</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Add list</a></li>
              <li><a class="text-muted" href="#">Contact</a></li>
            </ul>
          </div>
          <div class="col-12 col-md-6 col-lg-3 mb-5">
            <h4 class="mb-4">Legal</h4>
            <ul class="list-unstyled">
              <li class="mb-2"><a class="text-muted" href="#">Terms</a></li>
              <li class="mb-2"><a class="text-muted" href="#">About Us</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Team</a></li>
              <li><a class="text-muted" href="#">Privacy</a></li>
            </ul>
          </div>
          <div class="col-12 col-md-6 col-lg-3 mb-5">
            <h4 class="mb-4">Resources</h4>
            <ul class="list-unstyled">
              <li class="mb-2"><a class="text-muted" href="#">Blog</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Service</a></li>
              <li class="mb-2"><a class="text-muted" href="#">Product</a></li>
              <li><a class="text-muted" href="#">Pricing</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="pt-5 text-center">
      <p>All rights reserved © Wireframes Corporation 2021</p>
    </div>
  </div>
</footer>