
<div class="card d-flex">
   <div class="card-content w-100">
      <div class="blog-layout-v1 justify-space-between h-100">
         <div class="mb-4">
            <img src="{{thumbnail}}" width="1000px" height="531" class="mb-4">
            <div class="app-card-title pa-0 mb-2">
               <h5 class="text-capitalize">{{title}}</h5>
            </div>
            <span class="text-md mb-2 d-block">Last updated: {{date}}</span>
            <p>{{body}}</p>
         </div>
         <div class="d-flex justify-content-between align-items-center">
            <div>
               <a href="javascript:;" class="text-color"> <i aria-hidden="true" class="icon material-icons theme--light grey--text mr-2">share</i></a>
               <a href="javascript:;" class="text-color"> <i aria-hidden="true" class="icon material-icons theme--light grey--text mr-2">favorite</i></a>
            </div>
            <div><a href="javascript:;" class="text-color"> <i aria-hidden="true" class="icon grey--text material-icons theme--light">more_horiz</i></a></div>
         </div>
      </div>
   </div>
</div> 