Blog Style 1
Technology | 24 July 2020
Lorem, ipsum dolor sit amet consectetur adipisicing
Technology | 24 July 2020
Omnis iste natus error natus errorsit impedit nobis
Business | 24 July 2020
Unde omnis iste natus error sit omnis inde consectetur
<div class="row">
<!-- Blog 1 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img1.jpg" alt="Blog Images 1" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
</div>
</div>
<!-- Blog 2 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img2.jpg" alt="Blog Images 2" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
</div>
</div>
<!-- Blog 3 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img3.jpg" alt="Blog Images 3" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Business <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
</div>
</div>
</div>
Blog Style 2
Technology | 24 July 2020
Lorem, ipsum dolor sit amet consectetur adipisicing
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeateBusiness | 24 July 2020
Omnis iste natus error natus errorsit impedit nobis
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeateTechnology | 24 July 2020
Unde omnis iste natus error sit omnis inde consectetur
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeate
<div class="row">
<!-- Blog 1 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img1.jpg" alt="Blog Images 1" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeate</span>
</div>
</div>
</div>
<!-- Blog 2 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img3.jpg" alt="Blog Images 2" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Business <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeate</span>
</div>
</div>
</div>
<!-- Blog 3 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img2.jpg" alt="Blog Images 3" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis blanditiis mollitia obcaecati placeate</span>
</div>
</div>
</div>
</div>
Blog Style 3
Technology | 24 July 2020 |John Smith
Lorem, ipsum dolor sit amet consectetur adipisicing
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...Business | 24 July 2020 |Walter
Omnis iste natus error natus errorsit impedit nobis
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...Technology | 24 July 2020 |Jessica
Unde omnis iste natus error sit omnis inde consectetur
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...
<div class="row">
<!-- Blog 1 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img1.jpg" alt="Blog Images 1" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020 <span>|</span>John Smith</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...</span>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
<!-- Blog 2 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img3.jpg" alt="Blog Images 2" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Business <span>|</span> 24 July 2020 <span>|</span>Walter</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...</span>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
<!-- Blog 3 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img2.jpg" alt="Blog Images 3" class="img-fluid"></a>
</div>
<div class="blog-details">
<p class="post-info">Technology <span>|</span> 24 July 2020 <span>|</span>Jessica</p>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
<span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit nobis...</span>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
</div>
Blog Style 4
Business
Technology
<div class="row">
<!-- Blog 1 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img3.jpg" alt="Blog Images 1" class="img-fluid"></a>
<p class="post-info">Business</p>
</div>
<div class="blog-details">
<div class="d-flex justify-content-between">
<div class="post-info text-center">
<h5>24</h5>
<p>Aug</p>
</div>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
<!-- Blog 2 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img2.jpg" alt="Blog Images 2" class="img-fluid"></a>
<p class="post-info">Technology</p>
</div>
<div class="blog-details">
<div class="d-flex justify-content-between">
<div class="post-info text-center">
<h5>24</h5>
<p>Aug</p>
</div>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
<!-- Blog 3 -->
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<a href="#" title="View blog"><img src="../sites/default/files/Images/Source-Images/blog-img4.jpg" alt="Blog Images 3" class="img-fluid"></a>
<p class="post-info">Travel</p>
</div>
<div class="blog-details">
<div class="d-flex justify-content-between">
<div class="post-info text-center">
<h5>24</h5>
<p>Aug</p>
</div>
<a href="#" title="View blog"><h6>Lorem, ipsum dolor sit amet consectetur adipisicing</h6></a>
</div>
<p><a href="#" title="Read full article">Read More</a></p>
</div>
</div>
</div>
</div>