Footer Design 4

<footer class="bg-dark text-white py-5">
  <div class="container">
    <div class="row g-4">
      <div class="col-md-4">
        <h5 class="fw-bold">CodeShikhi</h5>
        <p class="text-white-50">Learn web design step by step with friendly tutorials.</p>
      </div>
      <div class="col-md-2">
        <h6 class="fw-bold">Company</h6>
        <ul class="list-unstyled small">
          <li><a class="text-white-50 text-decoration-none" href="#">About</a></li>
          <li><a class="text-white-50 text-decoration-none" href="#">Blog</a></li>
        </ul>
      </div>
      <div class="col-md-2">
        <h6 class="fw-bold">Help</h6>
        <ul class="list-unstyled small">
          <li><a class="text-white-50 text-decoration-none" href="#">Docs</a></li>
          <li><a class="text-white-50 text-decoration-none" href="#">Contact</a></li>
        </ul>
      </div>
      <div class="col-md-4">
        <h6 class="fw-bold">Newsletter</h6>
        <form class="d-flex gap-2"><input class="form-control" placeholder="Your email"><button class="btn btn-primary">Join</button></form>
      </div>
    </div>
    <hr class="border-secondary my-4">
    <div class="d-flex justify-content-between flex-wrap small text-white-50"><span>© 2025 CodeShikhi</span><span>Made with <i class="bi bi-heart-fill text-danger"></i> in BD</span></div>
  </div>
</footer>