<div class="container">
  <footer
    class="d-flex flex-wrap justify-content-between align-items-center my-4"
  >
    <div class="col-md-4 d-flex align-items-center">
      <a
        href="/"
        class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none"
      >
        <img
          src="img/logo.png"
          alt="Logo"
          width="50"
          height="24"
          class="d-inline-block align-text-top"
        />
      </a>
      <span class="mb-3 mb-md-0 text-muted">Â© 2023 Company, Inc</span>
    </div>

    <ul
      class="redsocial nav col-md-4 justify-content-end list-unstyled d-flex text-white"
    >
      <li class="ms-3">
        <a class="text-dark" href="#">
          <i class="bi bi-twitter"></i>
        </a>
      </li>
      <li class="ms-3">
        <a class="text-dark" href="#">
          <i class="bi bi-instagram"></i>
        </a>
      </li>
      <li class="ms-3">
        <a class="text-dark" href="#">
          <i class="bi bi-facebook"></i>
        </a>
      </li>
      <li class="ms-3">
        <a class="text-dark" href="#">
          <i class="bi bi-whatsapp"></i>
        </a>
      </li>
    </ul>
  </footer>
</div>
