<div class="t-card">
   <div class="t-card-body" >
      <div class=" t-grid">
         <div class="t-card-img"  style="background-color: aqua">
            <img  src="https://images.unsplash.com/photo-1542909168-82c3e7fdca5c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2000&q=80">
         </div>
         <h4 class="t-font-weight-semi t-card-title">This is Title</h4>
         <p class="t-card-text">This is Body</p>
      </div>
   </div>
   <img src="https://images.unsplash.com/photo-1507608869274-d3177c8bb4c7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80" class="t-img-fluid">
   <div class="t-card-body">
      <h4 class="t-font-weight-ultra">Hello World</h4>
      <p class="t-card-text">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
      <button type="button" class="t-btn-b t-btn-full">PRIMARY BUTTON</button>
   </div>
</div>

<div class="t-card">
   <img src="https://images.unsplash.com/photo-1527168027773-0cc890c4f42e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" class="t-img-fluid">
   <div class="t-card-body">
      <h4 class="t-font-weight-ultra">Hello</h4>
      <p class="t-card-text">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
   </div>
   <div class="t-card-footer">
      <a class="t-card-footer-item">Share</a>
      <a class="t-card-footer-item">Edit</a>
      <a class="t-card-footer-item">Delete</a>
   </div>
</div>

<div class="col-md-4 offset-md-4">
   <div class="t-card">
      <div class="t-card-body" >
         <div class="t-grid">
            <div class="t-card-img"  style="background-color: aqua">
               <img  src="https://images.unsplash.com/photo-1585602173562-e7eeb0e6f380?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
            </div>
            <h4 class="t-font-weight-semi t-card-title">This is Title</h4>
            <p class="t-card-text">This is Body</p>
         </div>
         <hr style="color: darkgrey">
         <h4 class="t-font-weight-ultra">Hello World</h4>
         <p class="t-card-text">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
      </div>
      <img src="https://images.unsplash.com/photo-1504194104404-433180773017?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" class="t-img-fluid">
      <div class="t-card-body">
         <button type="button" class="t-btn-b t-btn-full">PRIMARY BUTTON</button>
      </div>
   </div>
</div>

<div class="t-card">
   <div class="t-card-body" >
      <div class="t-grid">
         <div class="t-card-img"  style="background-color: aqua">
            <img  src="https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
         </div>
         <h4 class="t-font-weight-semi t-card-title">This is Title</h4>
         <p class="t-card-text">This is Body</p>
      </div>
   </div>
   <img  src="https://images.unsplash.com/photo-1525638293492-d0b465b5f77e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1964&q=80" class="t-img-fluid">
   <div class="t-card-main">
      <h4 class="t-font-weight-ultra">Hello World</h4>
      <p class="t-card-text">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
      <div class="t-grid t-card-footer">
         <div class="t-grid-4 t-mr-auto">
            <p class="t-card-text">12/12/2020</p>
         </div>
         <div class="t-grid-4">
            <i class="fas fa-share-alt text-muted float-right p-1 my-1"></i>
            <i class="fas fa-heart text-muted float-right p-1 my-1 mr-3"></i>
         </div>
      </div>
   </div>
</div>