Gradient Footer with Social

<footer class="text-white py-5" style="background:linear-gradient(135deg,#0f172a,#1e293b)">
  <div class="container">
    <div class="row g-4">
      <div class="col-md-4">
        <h4 class="fw-bold">CodeShikhi</h4>
        <p class="text-white-50 small">Free Bootstrap components + Bangla tutorials for beginners.</p>
        <div class="mt-3"><a class="text-white me-3" href="#"><i class="bi bi-facebook fs-5"></i></a><a class="text-white me-3" href="#"><i class="bi bi-youtube fs-5"></i></a><a class="text-white me-3" href="#"><i class="bi bi-github fs-5"></i></a><a class="text-white" href="#"><i class="bi bi-twitter-x fs-5"></i></a></div>
      </div>
      <div class="col-6 col-md-2">
        <h6 class="fw-bold">Product</h6>
        <ul class="list-unstyled small text-white-50">
          <li><a class="text-white-50 text-decoration-none" href="/components">Components</a></li>
          <li><a class="text-white-50 text-decoration-none" href="/blog">Blog</a></li>
          <li><a class="text-white-50 text-decoration-none" href="/vscode">VS Code</a></li>
        </ul>
      </div>
      <div class="col-6 col-md-2">
        <h6 class="fw-bold">Company</h6>
        <ul class="list-unstyled small text-white-50">
          <li><a class="text-white-50 text-decoration-none" href="/about">About</a></li>
          <li><a class="text-white-50 text-decoration-none" href="/contact">Contact</a></li>
        </ul>
      </div>
      <div class="col-md-4">
        <h6 class="fw-bold">Get updates</h6>
        <form class="d-flex gap-2 mt-2"><input class="form-control form-control-sm" placeholder="Email"><button class="btn btn-warning btn-sm fw-bold">Join</button></form>
      </div>
    </div>
    <hr class="border-white-50 my-4">
    <div class="d-flex justify-content-between small text-white-50 flex-wrap"><span>© 2026 CodeShikhi. All rights reserved.</span><span>Made with ❤️ in Dhaka</span></div>
  </div>
</footer>