<section class="position-relative overflow-hidden py-20">
<img class="d-none d-lg-block position-absolute top-0 start-0 mt-20" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
<img class="d-none d-lg-block position-absolute top-0 end-0 mt-52" src="zeus-assets/icons/dots/yellow-dot-right-shield.svg" alt="">
<div class="container">
<div class="max-w-2xl mx-auto mb-20 text-center">
<span class="small text-info fw-bold">What's new at Shuffle</span>
<h2 class="mt-8 mb-10">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
</div>
<div class="row">
<div class="col-12 col-lg-8 mb-16">
<div class="mb-10">
<img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
<h2 class="h3 mb-4">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
<a class="h6" href="#">Read more</a>
</div>
<div class="col-12 col-lg-4 mb-16">
<div class="mb-10">
<img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
<h2 class="h3 mb-4">Lorem ipsum dolor</h2>
<p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="h6" href="#">Read more</a>
</div>
<div class="col-12 col-lg-4 mb-16 mb-lg-0">
<div class="mb-10">
<img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1556761175-4b46a572b786?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=967&q=80" alt="">
</div>
<span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
<h2 class="h3 mb-4">Lorem ipsum dolor</h2>
<p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="h6" href="#">Read more</a>
</div>
<div class="col-12 col-lg-4 mb-16 mb-lg-0">
<div class="mb-10">
<img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1557804506-d8017c1e4856?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1001&q=80" alt="">
</div>
<span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
<h2 class="h3 mb-4">Lorem ipsum dolor</h2>
<p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="h6" href="#">Read more</a>
</div>
<div class="col-12 col-lg-4">
<div class="mb-10">
<img class="img-fluid w-100 rounded" style="height:400px; object-fit: cover;" src="https://images.unsplash.com/photo-1544717297-fa95b6ee9643?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="">
</div>
<span class="d-inline-block mb-4 small text-muted">10 jun 2020 19:40</span>
<h2 class="h3 mb-4">Lorem ipsum dolor</h2>
<p class="mb-4 lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a class="h6" href="#">Read more</a>
</div>
</div>
</div>
</section>