<!-- blog item -->
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<div class="card">
<img class="card-img-top" src="../images/name.jpg" alt="">
<div class="card-body p-0">
<div class="p-3 border-bottom">
<h6 class="text-primary">Dec 20, 2017 </h6>
<a href="blog-single.html" class="h4 card-title font-primary text-dark">title</a>
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, aut.</p>
<div>
<a href="#" class="card-link d-inline-block text-color p-2"><i class="text-primary me-2 ti-user"></i>Admin</a>
<a href="#" class="card-link d-inline-block text-color p-2"><i class="text-primary me-2 ti-comments-smiley"> </i>30
Comments </a>
<a href="#" class="card-link d-inline-block text-color p-2 px-3 float-end border-left"><i class="text-primary ti-share"></i></a>
<div>
<div>
<div>
Just Copy the code. Don't remove the classnames. Use your own class for customization
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.
Lorem ipsum dolor amet consectur adipsicing elit sed eiusm tempor incididunt labore dolore. magna aliqua enim minim.
<!-- blog-item 2 -->
<div class="col-lg-4 col-sm-6 mb-4">
<div class="card">
<div class="card-img-wrapper overlay-rounded-top">
<img class="card-img-top" src="../images/name.jpg" alt="">
</div>
<div class="card-body p-0">
<div class="d-flex">
<div class="py-3 px-4 border-right text-center">
<h3 class="text-primary mb-0">25</h3>
<p class="mb-0">Nov</p>
</div>
<div class="p-3">
<a href="blog-single.html" class="h4 font-primary text-dark">Title</a>
<p>by Admin</p>
</div>
</div>
</div>
</div>
</div>
Just Copy the code. Don't remove the classnames. Use your own class for customization
Nov
by Admin
Nov
by Admin
Nov
by Admin