<!-- blog item -->
<article class="col-lg-4 col-sm-6">
<div class="card border-0 rounded-0 position-relative box-shadow">
<img class="card-img-top rounded-0" src="../images/name.jpg" alt="">
<div class="card-body">
<div class="card-meta text-uppercase mb-2">by <strong class="text-dark">admin</strong>/ on <strong class="text-dark">1 Sep, 2018</strong></div>
<a href="#">
<h4 class="card-title">title</h4>
</a>
<div class="section-title-border"></div>
<p class="card-text">content</p>
<div>
<div>
<article>
Just Copy the code. Don't remove the classnames. Use your own class for customization
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
<!-- blog-item 2 -->
<article class="col-lg-4 col-sm-6 mb-lg-0 mb-4">
<div class="card border-0 rounded-0 position-relative box-shadow">
<div class="card-type">Article</div>
<img class="card-img-top rounded-top-0 clip-half-cycle" src="images" alt="blog-thumb">
<div class="card-body">
<div class="title-border-left">
<div class="card-meta text-uppercase mb-2">by <strong class="text-dark">admin</strong>/
on <strong class="text-dark">1
Sep, 2018</strong></div>
<a href="#">
<h4 class="card-title">title</h4>
</a>
</div>
<p class="card-text">content</p>
<a href="#" class="btn btn-secondary btn-arrow">read more</a>
</div>
</div>
</article>
Just Copy the code. Don't remove the classnames. Use your own class for customization
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
read more
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
read more
Excepteur sint ocacat cupidatat non proi dent sunt in culpa qui officia deserunt. mollit anim id est laborum. sed ut pers piciatis unde omnis iste natus error. sit voluptatem.
read more