Block 11 - on 2 columns
<!--Block start-->
<div class="block-area">
<!--block title-->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">Travel</span>
</h4>
</div>
<!-- block content -->
<div class="row">
<!--post list-->
<article class="col-sm-6 col-md-12 col-lg-6">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img13.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<!--title-->
<a href="#">
<h5 class="card-title h3 h4-sm h3-md text-white my-1">94 Easy Chicken Recipes for Fuss-Free Family Dinners</h5>
</a>
<!--author-->
<span class="d-inline d-sm-none d-md-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<!--date-->
<time class="d-sm-none d-md-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<!--post list-->
<article class="col-sm-6 col-md-12 col-lg-6">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img14.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<!--title-->
<a href="#">
<h5 class="card-title h3 h4-sm h3-md text-white my-1">5 Tips to Save Money Booking Your Next Hotel Room</h5>
</a>
<!--author-->
<span class="d-inline d-sm-none d-md-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<!--date-->
<time class="d-sm-none d-md-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<!--post list-->
<article class="col-sm-6 col-md-12 col-lg-6">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img15.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<!--title-->
<a href="#">
<h5 class="card-title h3 h4-sm h3-md text-white my-1">The 52 Places Traveler: Summer in France, in Two Very Different Ways</h5>
</a>
<!--author-->
<span class="d-inline d-sm-none d-md-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<!--date-->
<time class="d-sm-none d-md-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<!--post list-->
<article class="col-sm-6 col-md-12 col-lg-6">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img16.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<!--title-->
<a href="#">
<h5 class="card-title h3 h4-sm h3-md text-white my-1">6 Simple Tips to Help Vegetarian or Vegan Travelers Eat Well, Anywhere</h5>
</a>
<!--author-->
<span class="d-inline d-sm-none d-md-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<!--date-->
<time class="d-sm-none d-md-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<!--end post list-->
<div class="gap-05"></div>
</div>
<!-- end block content -->
</div>
<!--End Block-->
<!--Block start-->
<div class="block-area">
<!--block title-->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">Travel</span>
</h4>
</div>
<!-- block content -->
<div class="row">
<!--post list-->
<article class="col-sm-6 col-md-12">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img13.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<!-- title, author & date -->
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<a href="#">
<h5 class="card-title h3 h4-sm h5-md h3-lg text-white my-1">94 Easy Chicken Recipes for Fuss-Free Family Dinners</h5>
</a>
<span class="d-none d-sm-inline d-md-none d-lg-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<time class="d-md-none d-lg-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<!--post list-->
<article class="col-sm-6 col-md-12">
<div class="card card-full hover-a mb-4">
<!--thumbnail-->
<div class="ratio_360-202 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img14.jpg" alt="Image description">
</a>
</div>
<a class="bg-full-shadow" href="#"></a>
<!-- title, author & date -->
<div class="position-absolute px-3 top-3 w-100 z-index-5 text-center">
<a href="#">
<h5 class="card-title h3 h4-sm h5-md h3-lg text-light my-1">5 Tips to Save Money Booking Your Next Hotel Room</h5>
</a>
<span class="d-none d-sm-inline d-md-none d-lg-inline me-1">
<a class="fw-bold text-white" href="#">John Doe</a>
</span>
<time class="d-md-none d-lg-inline m-0 text-white" datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</article>
<div class="gap-0"></div>
</div>
<!-- end block content -->
</div>
<!--End Block-->