Tabs News with Lazyload images
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
<!--Block start-->
<div class="block-area">
<!-- block title -->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">Sports</span>
</h4>
<!-- block nav tabs -->
<ul class="nav nav-tabs nav-block-link1 d-inline" id="cat-tabs1" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="cat-navi1" data-bs-toggle="tab" href="#block-cat1" role="tab" aria-controls="block-cat1" aria-selected="true">All</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi2" data-bs-toggle="tab" href="#block-cat2" role="tab" aria-controls="block-cat2" aria-selected="false">Soccer</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi3" data-bs-toggle="tab" href="#block-cat3" role="tab" aria-controls="block-cat3" aria-selected="false">Basket</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi4" data-bs-toggle="tab" href="#block-cat4" role="tab" aria-controls="block-cat4" aria-selected="false">NFL</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi5" data-bs-toggle="tab" href="#block-cat5" role="tab" aria-controls="block-cat5" aria-selected="false">Moto gp</a>
</li>
</ul>
<!-- end block nav tabs -->
<!-- block nav more-->
<ul class="nav nav-block-more list-unstyled d-inline">
<li class="nav-item">
<a class="nav-link nav-block-news" href="#">More</a>
</li>
</ul>
<!-- end block nav more-->
</div>
<!-- block content -->
<div id="block-load1" class="tab-content ajax-tabs p-0">
<!--tabs content-->
<div class="tab-pane fade show active" id="block-cat1" role="tabpanel" aria-labelledby="cat-navi1">
<div class="row animate slideInDown">
<!--post left start-->
<div class="col-lg-6">
<article 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/img1.jpg" alt="Image description">
</a>
</div>
<div class="card-body">
<!-- title -->
<h2 class="card-title h1-sm h3-lg">
<a href="#">GB's Bankes wins snowboard cross silver at World Champs</a>
</h2>
<!-- author, date and comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-22">Oct 22, 2019</time>
<span title="9 comment" class="float-end">
<span class="icon-comments"></span> 9
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</article>
</div>
<!--end post left-->
<!--post right list start-->
<div class="col-lg-6">
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img1.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Yankees Party Like It’s 1998, at Least for a Day</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 22, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img2.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Dale Earnhardt Jr. Returns to the Racetrack and an Old Hobby</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img3.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Carmelo Anthony Officially Signs with the Houston Rockets</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-20">Oct 20, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img4.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Jacob deGrom Goes the Distance as Mets Top the Phillies</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">Oct 17, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--End post list-->
</div>
<!--end post right list-->
</div>
</div>
<!--tabs content-->
<div class="tab-pane fade" id="block-cat2" role="tabpanel" aria-labelledby="cat-navi2">
<div class="row animate slideInDown">
<!--post left start-->
<div class="col-lg-6">
<article 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/img2.jpg" alt="Image description">
</a>
</div>
<div class="card-body">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">Back From the Dead, Parma Embraces a Football School arena</a>
</h2>
<!-- author, date & comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-22">Oct 22, 2019</time>
<span title="9 comment" class="float-end">
<span class="icon-comments"></span> 9
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</article>
</div>
<!--end post left-->
<!--post right list start-->
<div class="col-lg-6">
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img5.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Kilmarnock miss chance to close on Celtic as they lose at home to Hearts</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 22, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img6.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Football Daily podcast: Crouch, Batshuayi and Tielemans</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 21, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img7.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Qatar beat Japan to win first Asian Cup - highlights & report</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 20, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img8.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Derby hang on for draw at Preston</a>
</h3>
<div class="card-text small text-muted">
<span class="post-date">Oct 17, 2019</span>
</div>
</div>
</div>
</div>
</article>
</div>
<!--end post right list-->
</div>
</div>
<!--tabs content-->
<div class="tab-pane fade" id="block-cat3" role="tabpanel" aria-labelledby="cat-navi3">
<div class="row animate slideInDown">
<!--post left start-->
<div class="col-lg-6">
<article 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/img3.jpg" alt="Image description">
</a>
</div>
<div class="card-body">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">How NBA players reacted to the shocking Kristaps Porzingis trade</a>
</h2>
<!-- author, date & comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-22">Oct 22, 2019</time>
<span title="9 comment" class="float-end">
<span class="icon-comments"></span> 9
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</article>
</div>
<!--end post left-->
<!--post right list start-->
<div class="col-lg-6">
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img9.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Kia MVP Ladder: Time may be ticking for LeBron to get back in chase</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 22, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img10.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Behind the scenes of the Anthony Davis trade talks</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 21, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img11.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">What top Davis trade contenders can actually offer</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 20, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img12.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Do you even watch basketball? Guess that All-Star</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 17, 2019</time>
</div>
</div>
</div>
</div>
</article>
</div>
<!--end post right list-->
</div>
</div>
<!--tabs content-->
<div class="tab-pane fade" id="block-cat4" role="tabpanel" aria-labelledby="cat-navi4">
<div class="row animate slideInDown">
<!--post left start-->
<div class="col-lg-6">
<article 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/img4.jpg" alt="Image description">
</a>
</div>
<div class="card-body">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">Bowen's Super Bowl LIII game plans: Which defense will get stops?</a>
</h2>
<!-- author, date & comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-22">Oct 22, 2019</time>
<span title="9 comment" class="float-end">
<span class="icon-comments"></span> 9
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</article>
</div>
<!--end post left-->
<!--post right list start-->
<div class="col-lg-6">
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img13.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">How Rams DT Aaron Donald became the NFL's most unstoppable</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 22, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img14.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Drew Brees' historic season from the 15 Saints who caught his TD passes</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img15.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Julius Peppers should be 'no-brainer' as first-ballot Hall of Famer</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-21">Oct 20, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img16.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">How Julian Edelman became Tom Brady's 'little brother'</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 17, 2019</time>
</div>
</div>
</div>
</div>
</article>
</div>
<!--end post right list-->
</div>
</div>
<!--tabs content-->
<div class="tab-pane fade" id="block-cat5" role="tabpanel" aria-labelledby="cat-navi5">
<div class="row">
<!--post left start-->
<div class="col-lg-6">
<article 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/img5.jpg" alt="Image description">
</a>
</div>
<div class="card-body">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">MotoGP: Which team needs what in 2019?</a>
</h2>
<!-- author, date & comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-22">Oct 22, 2019</time>
<span title="9 comment" class="float-end">
<span class="icon-comments"></span> 9
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</article>
</div>
<!--end post left-->
<!--post right list start-->
<div class="col-lg-6">
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img17.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Mir has winning mindset, 'same calibre as Vinales, Rins'</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 22, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img18.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">KTM, Aprilia race riders join Sepang Shakedown test</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-21">Oct 21, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img19.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">MotoGP Gossip: Rossi hints at 'Inter-inspired’ Yamaha livery</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 20, 2019</time>
</div>
</div>
</div>
</div>
</article>
<!--post list-->
<article class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_160-112 image-wrapper">
<a href="#">
<img class="img-fluid lazy" ssrc="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img20.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Locatelli named as new VR46 academy coach</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-22">Oct 17, 2019</time>
</div>
</div>
</div>
</div>
</article>
</div>
<!--end post right list-->
</div>
</div>
<!-- end tabs content-->
</div>
<!-- end block content -->
</div>
<!-- End block -->
This is a wider card with supporting text below as a natural lead-in to additional content...
This is a wider card with supporting text below as a natural lead-in to additional content...
This is a wider card with supporting text below as a natural lead-in to additional content...
This is a wider card with supporting text below as a natural lead-in to additional content...
This is a wider card with supporting text below as a natural lead-in to additional content...
<!--Block start-->
<div class="block-area">
<!-- block title -->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">International</span>
</h4>
<!-- block nav tabs -->
<ul class="nav nav-tabs nav-block-link2 d-inline" id="cat-tabs2" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="cat-navi6" data-bs-toggle="tab" href="#block-cat6" role="tab" aria-controls="block-cat6" aria-selected="true">All</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi7" data-bs-toggle="tab" href="#block-cat7" role="tab" aria-controls="block-cat7" aria-selected="false">Business</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi8" data-bs-toggle="tab" href="#block-cat8" role="tab" aria-controls="block-cat8" aria-selected="false">Economy</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi9" data-bs-toggle="tab" href="#block-cat9" role="tab" aria-controls="block-cat9" aria-selected="false">Tech</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="cat-navi10" data-bs-toggle="tab" href="#block-cat10" role="tab" aria-controls="block-cat10" aria-selected="false">Health</a>
</li>
</ul>
<!-- end block nav tabs -->
<!-- block nav more-->
<ul class="nav nav-block-more list-unstyled d-inline">
<li class="nav-item">
<a class="nav-link nav-block-news" href="#">More</a>
</li>
</ul>
<!-- end block nav more-->
</div>
<!-- block content -->
<div id="block-load2" class="tab-content p-0">
<!-- tabs content -->
<div class="tab-pane fade show active" id="block-cat6" role="tabpanel" aria-labelledby="cat-navi6">
<div class="animate slideInDown">
<!--big post start-->
<div class="big-post">
<article class="card card-full hover-a mb-4">
<div class="row">
<div class="col-lg-6">
<!-- 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/img8.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="card-body pt-3 pt-lg-0">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">Leica D-Lux 7 compact camera with 17MP four-thirds sensor</a>
</h2>
<!-- author, date and comments -->
<div class="card-text mb-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-21">Oct 21, 2019</time>
<span title="5 comment" class="float-end">
<span class="icon-comments"></span> 5
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
</div>
</div>
</div>
</article>
</div>
<!--small post start-->
<div class="row small-post">
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img27.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">The Bride Was a Dream in a Dirndl, but Putin Stole the Show</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-19">Oct 19, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img28.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-9 col-md-8">
<!-- title & date -->
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Quebec’s ‘Trash Radio’ Host Fires Up Outrage, and Big Ratings</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-18">Oct 18, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img29.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">The West Hoped for Democracy in Turkey. Erdogan Had Other Ideas</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">Oct 17, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img30.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Why Apple went to war with Facebook and Google this week</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-16">Oct 16, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- End post list -->
</div>
</div>
</div>
<!-- tabs content -->
<div class="tab-pane fade" id="block-cat7" role="tabpanel" aria-labelledby="cat-navi7">
<div class="animate slideInDown">
<!-- big post -->
<div class="big-post">
<!--post start-->
<article class="card card-full hover-a mb-4">
<div class="row">
<div class="col-lg-6">
<!--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/img9.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="card-body pt-3 pt-lg-0">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">The Business of Automation and AI-Powered Retail Predictions</a>
</h2>
<!-- author, date & comments -->
<div class="card-text my-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-21">October 21, 2019</time>
<span title="5 comment" class="float-end">
<span class="icon-comments"></span> 5
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
</div>
</div>
</div>
</article>
</div>
<!--small post start-->
<div class="row small-post">
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img33.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">The Future of Tech Outsourcing Partnerships</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-19">October 19, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img34.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Confessions of an Entrepreneur: Brian Ouellette</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-18">October 18, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img35.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">5 Ways Data Science Will Reshape the Workplace</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">October 17, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img36.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">How to Create a Culture of Presentation Management</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-16">October 16, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- end post list -->
</div>
</div>
</div>
<!-- tabs content -->
<div class="tab-pane fade" id="block-cat8" role="tabpanel" aria-labelledby="cat-navi8">
<div class="animate slideInDown">
<!-- big post -->
<div class="big-post">
<!--post start-->
<article class="card card-full hover-a mb-4">
<div class="row">
<div class="col-lg-6">
<!--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/img10.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="card-body pt-3 pt-lg-0">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">Economic Roundup: Time to Table the Recession Talk?</a>
</h2>
<!-- author, date & comments -->
<div class="card-text my-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-21">October 21, 2019</time>
<span title="5 comment" class="float-end">
<span class="icon-comments"></span> 5
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
</div>
</div>
</div>
</article>
</div>
<!--small post start-->
<div class="row small-post">
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img39.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Thanksgiving Day deals could be stealing Black Friday's thunder</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-19">October 19, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img40.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Fundamentals Concur With Recent High-Yield Bond Spread</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-18">October 18, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img41.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">'Embracing' Immigration Crucial to Long-term U.S. growth</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">October 17, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img42.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Solving the Student Debt Crisis: Increase Education Supply</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-16">October 16, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- end post list -->
</div>
</div>
</div>
<!-- tabs content -->
<div class="tab-pane fade" id="block-cat9" role="tabpanel" aria-labelledby="cat-navi9">
<div class="animate slideInDown">
<!-- big post -->
<div class="big-post">
<!--post start-->
<article class="card card-full hover-a mb-4">
<div class="row">
<div class="col-lg-6">
<!--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/img11.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="card-body pt-3 pt-lg-0">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">Lowe’s is shutting down its Iris smart home platform at the end of March</a>
</h2>
<!-- author, date & comments -->
<div class="card-text my-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-21">October 21, 2019</time>
<span title="5 comment" class="float-end">
<span class="icon-comments"></span> 5
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
</div>
</div>
</div>
</article>
</div>
<!--small post start-->
<div class="row small-post">
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img45.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">An at-home DNA testing company is helping the FBI solve violent crimes</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-19">October 19, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img46.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Energizer says it’s making phones with pop-up cameras</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-18">October 18, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img47.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Comedians are coming for one of Instagram’s biggest joke aggregators</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">October 17, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img48.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Snopes says nope to Facebook’s money and leaves fact-checking program</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-16">October 16, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- end post list -->
</div>
</div>
</div>
<!-- tabs content -->
<div class="tab-pane fade" id="block-cat10" role="tabpanel" aria-labelledby="cat-navi10">
<div class="animate slideInDown">
<!-- big post -->
<div class="big-post">
<!--post start-->
<article class="card card-full hover-a mb-4">
<div class="row">
<div class="col-lg-6">
<!--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/img12.jpg" alt="Image description">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="card-body pt-3 pt-lg-0">
<!--title-->
<h2 class="card-title h1-sm h3-lg">
<a href="#">What Are the Chances You’ll Live to 90? Height, Exercise Are Factors</a>
</h2>
<!-- author, date & comments -->
<div class="card-text my-2 text-muted small">
<span class="d-none d-sm-inline me-1">
<a class="fw-bold" href="#">John Doe</a>
</span>
<time datetime="2019-10-21">October 21, 2019</time>
<span title="5 comment" class="float-end">
<span class="icon-comments"></span> 5
</span>
</div>
<!--description-->
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
</div>
</div>
</div>
</article>
</div>
<!--small post start-->
<div class="row small-post">
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img51.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">How Aerobic Classes Can Make You a Better Problem Solver</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-19">October 19, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img52.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Recalls Causing Shortages of Blood Pressure Drugs: What You Can Do</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-18">October 18, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img53.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Here’s Why Measles Outbreaks Are Hard to Stop</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-17">October 17, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- post list -->
<article class="col-lg-6">
<div class="card card-full hover-a mb-4">
<div class="row">
<!--thumbnail-->
<div class="col-3 col-md-4 pe-2 pe-md-0">
<div class="ratio_115-80 image-wrapper">
<a href="#">
<img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/115x80/img54.jpg" alt="Image description">
</a>
</div>
</div>
<!-- title & date -->
<div class="col-9 col-md-8">
<div class="card-body pt-0">
<h3 class="card-title h6 h5-sm h6-lg">
<a href="#">Here’s How Your Genes Impact Your Ability to Lose Weight</a>
</h3>
<div class="card-text small text-muted">
<time datetime="2019-10-16">October 16, 2019</time>
</div>
</div>
</div>
</div>
</div>
</article>
<!-- end post list -->
</div>
</div>
</div>
</div>
<!--end block content-->
</div>
<!-- End block -->