Support Contact Cards

<div class="container py-5">
  <h2 class="text-center fw-bold">How can we help?</h2>
  <p class="text-center text-muted">Pick the channel you prefer.</p>
  <div class="row g-4 mt-2">
    <div class="col-md-4">
      <div class="p-4 border rounded-4 h-100 text-center"><i class="bi bi-chat-dots-fill display-4 text-primary"></i>
        <h5 class="fw-bold mt-3">Live chat</h5>
        <p class="text-muted small">Avg reply time: 2 minutes</p><a href="#" class="btn btn-outline-primary">Start chat</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 border rounded-4 h-100 text-center"><i class="bi bi-envelope-fill display-4 text-success"></i>
        <h5 class="fw-bold mt-3">Email us</h5>
        <p class="text-muted small">hello@codeshikhi.com</p><a href="mailto:hello@codeshikhi.com" class="btn btn-outline-success">Send email</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 border rounded-4 h-100 text-center"><i class="bi bi-telephone-fill display-4 text-warning"></i>
        <h5 class="fw-bold mt-3">Call sales</h5>
        <p class="text-muted small">+880 1700-000000</p><a href="tel:+8801700000000" class="btn btn-outline-warning">Call now</a>
      </div>
    </div>
  </div>
</div>