<div class="">
  <div class="bg-white shadow-md border border-gray-200 rounded-lg max-w-sm mb-5">
    <a href="/blog/{{post?.slug}}">
      <img class="rounded-t-lg" ngSrc="{{post?.image}}" alt="" width="300" height="200" loading="lazy">
    </a>
    <div class="p-5">
      <a href="#">
        <h5 class="text-gray-900 font-bold text-2xl tracking-tight mb-2">{{post?.title}}</h5>
      </a>
      <p class="font-normal text-gray-700 mb-3">{{post?.description}}</p>
      <a class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center" href="/blog/{{post?.slug}}">
        Read more
      </a>
    </div>
  </div>
</div>
