Blog Post
Use the below code to display Blog Post:
Blog-Post 01
<div class="blog-post post-style-01">
<div class="blog-image"> <img class="img-fluid" src="images/banner/01.jpg" alt=""> </div>
<div class="blog-post-details"> <span class="badge badge-large bg-primary">[ BLOG POST TAG ]</span>
<h3 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h3>
<div class="blog-post-meta">
<div class="blog-post-author"> <span><a href="#"><img src="images/avatar/04.jpg" alt="">Melanie Byrd</a></span> </div>
<div class="blog-post-time"> <a href="#"><i class="fa-solid fa-calendar-days"></i>Jan 26 2022</a> </div>
</div>
</div>
</div>
Blog-Post 02
<div class="blog-post post-style-02">
<div class="blog-image">
<img class="img-fluid" src="images/blog/01.jpg" alt="">
</div>
<span class="badge badge-large bg-red">[ BLOG POST TAG ]</span>
<div class="blog-post-details">
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Jan 17 2022</a>
</div>
</div>
</div>
Blog-Post 03
<div class="blog-post post-style-03">
<div class="blog-image">
<img class="img-fluid" src="images/blog/05.jpg" alt="">
</div>
<span class="badge badge-large bg-purple">[ BLOG POST TAG ]</span>
<div class="blog-post-details">
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-post-meta">
<div class="blog-post-author">
<span>
<a href="#"><img src="images/avatar/07.jpg" alt="">Harry Russell</a>
</span>
</div>
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Feb 28 2022</a>
</div>
</div>
<p>[ BLOG POST CONTENT ] </p>
</div>
</div>
Blog-Post 04
<div class="blog-post post-style-04">
<div class="blog-image">
<img class="img-fluid" src="images/blog/06.jpg" alt="">
</div>
<div class="blog-post-details">
<span class="badge text-purple">[ BLOG POST TAG ]</span>
<h6 class="blog-title">
<a href="#">[ BLOG POST TITLE ]</a>
</h6>
<div class="blog-post-meta">
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Mar 27 2022</a>
</div>
</div>
</div>
</div>
Blog-Post 05
<div class="blog-post post-style-05">
<div class="blog-post-date">
<a href="#">Mon</a>
<h2>08</h2>
</div>
<div class="blog-image">
<img class="img-fluid" src="images/blog/09.jpg" alt="">
<div class="video-icon">
<a href="#"><i class="fa-solid fa-video text-primary"></i></a>
</div>
</div>
<div class="blog-post-details">
<span class="badge badge-small bg-purple">[ BLOG POST TAG ]</span>
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-view">
<a href="#">9 M Views</a> <a class="" href="#">4Days Ago</a>
</div>
</div>
</div>
Blog-Post 06
<div class="blog-post post-style-06">
<div class="blog-image">
<img class="img-fluid" src="images/blog/11.jpg" alt="">
</div>
<div class="blog-details">
<div class="blog-post-details">
<span class="badge badge-style-03">[ BLOG POST TAG ]</span>
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-post-meta">
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Feb 28 2022</a>
</div>
<div class="blog-post-comment">
<a href="#"><i class="fa-regular fa-comment"></i>(3)</a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"><i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li> <a href="#"><i class="fab fa-facebook-f"></i></a> </li>
<li> <a href="#"><i class="fab fa-twitter"></i></a> </li>
<li> <a href="#"><i class="fa-brands fa-linkedin-in"></i></a> </li>
<li> <a href="#"><i class="fab fa-instagram"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="blog-content">
<p>[ BLOG POST CONTENT ]</p>
</div>
</div>
</div>
Blog-Post 07
<div class="blog-post post-style-07">
<div class="blog-post-details">
<span class="badge badge-medium bg-primary">[ BLOG POST TAG ]</span>
<h4 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h4>
<div class="blog-post-meta">
<div class="blog-post-user">
<a href="#">by<img class="img-fluid" src="images/avatar/02.jpg" alt="">Simon</a>
</div>
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Mar 1 2022</a>
</div>
<div class="blog-post-comment">
<a href="#"><i class="fa-regular fa-comment"></i>(4)</a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"><i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li> <a href="#"><i class="fab fa-facebook-f"></i></a> </li>
<li> <a href="#"><i class="fab fa-twitter"></i></a> </li>
<li> <a href="#"><i class="fa-brands fa-linkedin-in"></i></a> </li>
<li> <a href="#"><i class="fab fa-instagram"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="post-image">
<img class="img-fluid" src="images/blog/27.jpg" alt="">
</div>
</div>
Blog-Post 08
<div class="blog-post post-style-08">
<div class="blog-image">
<img class="img-fluid" src="images/blog/79.jpg" alt="">
<span class="badge badge-medium bg-orange">[ BLOG POST TAG ]</span>
</div>
<div class="blog-details">
<div class="author-img">
<img class="img-fluid" src="images/avatar/05.jpg" alt="">
<i class="fa-solid fa-check"></i>
</div>
<div class="blog-post-details">
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-post-meta">
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Apr 5 2022</a>
</div>
<div class="blog-post-comment">
<a href="#"><i class="fa-regular fa-comment"></i>(5)</a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"><i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li> <a href="#"><i class="fab fa-facebook-f"></i></a> </li>
<li> <a href="#"><i class="fab fa-twitter"></i></a> </li>
<li> <a href="#"><i class="fa-brands fa-linkedin-in"></i></a> </li>
<li> <a href="#"><i class="fab fa-instagram"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="blog-content text-center">
<p>[ BLOG POST CONTENT ]</p>
<a class="btn-link" href="#">Continue Read</a>
</div>
</div>
</div>
Blog-Post 09
<div class="blog-post post-style-09">
<div class="blog-image">
<img class="img-fluid" src="images/blog/55.jpg" alt="">
</div>
<div class="blog-post-details">
<span class="badge badge-style-02 text-yellow">[ BLOG POST TAG ]</span>
<h5 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h5>
<p>[ BLOG POST CONTENT ]</p>
<button type="button" class="btn btn-link">Continue Read</button>
</div>
</div>
Blog-Post 10
<div class="blog-post post-style-10">
<div class="blog-image">
<img class="img-fluid" src="images/blog/magazine/02.jpg" alt="">
</div>
<div class="blog-details">
<div class="blog-post-details">
<span class="badge badge-style-03 text-primary">[ BLOG POST TAG ]</span>
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
</div>
<div class="blog-content">
<p>[ BLOG POST CONTENT ]</p>
</div>
</div>
</div>
Blog-Post 11
<div class="blog-post post-style-11">
<div class="blog-image">
<img class="img-fluid" src="images/blog/magazine/16.jpg" alt="">
</div>
<div class="blog-post-details">
<span class="badge badge-medium bg-orange">[ BLOG POST TAG ]</span>
<h4 class="blog-title">
<a href="#">[ BLOG POST TITLE ]</a>
</h4>
<div class="blog-post-meta">
<div class="blog-post-user">
<a href="#">by <img class="img-fluid" src="images/avatar/02.jpg" alt="">Daniel </a>
</div>
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Jan 10 2022 </a>
</div>
<div class="blog-post-comment">
<a href="#"><i class="fa-regular fa-comment"></i>(2) </a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"><i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<p>[ BLOG POST CONTENT ]</p>
<a class="btn-link" href="#">Continue Read</a>
</div>
</div>
Blog-Post 12
<div class="blog-post post-style-12">
<div class="blog-details">
<div class="blog-post-details">
<div class="blog-post-meta">
<div class="blog-post-user">
<a href="#">by <img class="img-fluid" src="images/avatar/02.jpg" alt="">Daniel </a>
</div>
<div class="blog-post-time">
<a href="#"> <i class="fa-solid fa-calendar-days"></i>Jan 18 2022 </a>
</div>
<div class="blog-post-comment">
<a href="#"> <i class="fa-regular fa-comment"></i>(1) </a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"> <i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<h4 class="blog-title">
<a href="#">[ BLOG POST TITLE ]</a>
</h4>
<p class="mb-0">[ BLOG POST CONTENT ]</p>
<button class="btn btn-primary bg-dark">Read More</button>
</div>
</div>
</div>
Blog-Post 13
<div class="blog-post post-style-13">
<div class="blog-post-details">
<span class="badge text-pink">[ BLOG POST TAG ]</span>
<h6 class="blog-title"><a href="#">[ BLOG POST TITLE ]</a></h6>
<div class="blog-post-meta">
<div class="blog-post-time">
<a href="#"><i class="fa-solid fa-calendar-days"></i>Feb 20 2022</a>
</div>
<div class="blog-post-comment">
<a href="#"><i class="fa-regular fa-comment"></i>(3)</a>
</div>
<div class="blog-post-share">
<div class="share-box">
<a href="#"><i class="fa-solid fa-share-nodes"></i>Share</a>
<ul class="list-unstyled share-box-social">
<li> <a href="#"><i class="fab fa-facebook-f"></i></a> </li>
<li> <a href="#"><i class="fab fa-twitter"></i></a> </li>
<li> <a href="#"><i class="fa-brands fa-linkedin-in"></i></a> </li>
<li> <a href="#"><i class="fab fa-instagram"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
Destination
<div class="destination">
<div class="destination-img">
<img class="img-fluid" src="images/destination/01.jpg" alt="">
</div>
<div class="destination-detail">
<div class="destination-info">
<span class="badge badge-medium bg-blue">[ DESTINATION TAG ]</span>
<h4><a href="#">[ DESTINATION TITLE ]</a></h4>
</div>
<div class="destination-content">
<div class="upload-box">
<a href="#"><i class="fa-solid fa-video"></i></a>
<div class="share-box">
<a href="#"><i class="fa-solid fa-ellipsis"></i></a>
<ul class="list-unstyled share-box-social">
<li><a href="#"><i class="fab fa-facebook-f"></i>Facebook</a> </li>
<li><a href="#"><i class="fab fa-twitter"></i>Twitter</a> </li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i>Linkedin</a> </li>
<li><a href="#"><i class="fab fa-instagram"></i>Instagram</a> </li>
</ul>
</div>
</div>
<div class="blog-post-meta">
<div class="blog-post-comment">
<a href="#"><i class="fa-solid fa-eye"></i>7.8k</a>
</div>
<div class="blog-post-share">
<a href="#"><i class="fa-solid fa-share"></i>7</a>
</div>
</div>
</div>
</div>
</div>