<!-- Hero -->
<div class="position-relative">
<!-- Swiper Main Slider -->
<div class="js-swiper-blog-modern-hero swiper swiper-equal-height">
<div class="swiper-wrapper">
<div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4" style="background-image: url(../assets/img/1920x1080/img1.jpg);">
<!-- Container -->
<div class="container content-space-b-sm-2">
<div class="row">
<div class="col-md-6">
<!-- Media -->
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0">
<div class="avatar avatar-circle">
<img class="avatar-img" src="../assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<a class="text-white" href="../blog-article.html">Louise Donadieu</a>
</div>
</div>
<!-- End Media -->
<div class="mb-5">
<h2 class="h1 text-white">Unify Corporate - let's work together</h2>
</div>
<a class="btn btn-light btn-pointer" href="../blog-article.html">Read article</a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Container -->
</div>
<div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4" style="background-image: url(../assets/img/1920x1080/img12.jpg);">
<!-- Container -->
<div class="container content-space-b-sm-2">
<div class="row">
<div class="col-md-6">
<!-- Media -->
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0">
<div class="avatar avatar-circle">
<img class="avatar-img" src="../assets/img/160x160/img10.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<a class="text-white" href="../blog-article.html">Louise Donadieu</a>
</div>
</div>
<!-- End Media -->
<div class="mb-5">
<h2 class="h1 text-white">How Google Assistant now helps you record stories</h2>
</div>
<a class="btn btn-light btn-pointer" href="../blog-article.html">Read article</a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Container -->
</div>
<div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4" style="background-image: url(../assets/img/1920x1080/img3.jpg);">
<!-- Container -->
<div class="container content-space-b-sm-2">
<div class="row">
<div class="col-md-6">
<!-- Media -->
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0">
<div class="avatar avatar-circle">
<img class="avatar-img" src="../assets/img/160x160/img4.jpg" alt="Image Description">
</div>
</div>
<div class="flex-grow-1 ms-3">
<a class="text-white" href="../blog-article.html">Jeff Fisher</a>
</div>
</div>
<!-- End Media -->
<div class="mb-5">
<h2 class="h1 text-white">Unify Interview with a Lead Designer of the Hubble</h2>
</div>
<a class="btn btn-light btn-pointer" href="../blog-article.html">Read article</a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Container -->
</div>
</div>
<!-- Swiper Pagination -->
<div class="js-swiper-blog-modern-hero-pagination swiper-pagination swiper-pagination-light position-absolute bottom-0 start-0 end-0 mb-3 d-sm-none"></div>
</div>
<!-- End Swiper Main Slider -->
<!-- Swiper Thumbs Slider -->
<div class="position-sm-absolute bottom-0 start-0 end-0 zi-2 d-none d-sm-block mb-7">
<div class="container content-space-t-1">
<div class="js-swiper-blog-modern-hero-thumbs swiper swiper-step-pagination swiper-step-pagination-light">
<div class="swiper-wrapper">
<!-- Slide -->
<div class="swiper-slide">
<span class="swiper-step-pagination-title">Unify Corporate - let's work together</span>
</div>
<!-- End Slide -->
<!-- Slide -->
<div class="swiper-slide">
<span class="swiper-step-pagination-title">How Google Assistant now helps you record stories</span>
</div>
<!-- End Slide -->
<!-- Slide -->
<div class="swiper-slide">
<span class="swiper-step-pagination-title">Unify Interview with a Lead Designer of the Hubble</span>
</div>
<!-- End Slide -->
</div>
</div>
</div>
</div>
<!-- End Swiper Thumbs Slider -->
</div>
<!-- End Hero -->
<link rel="stylesheet" href="../assets/vendor/swiper/swiper-bundle.min.css">
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF SWIPER
// =======================================================
var swiper = new Swiper('.js-swiper-clients',{
slidesPerView: 2,
breakpoints: {
380: {
slidesPerView: 3,
spaceBetween: 15,
},
768: {
slidesPerView: 4,
spaceBetween: 15,
},
1024: {
slidesPerView: 5,
spaceBetween: 15,
},
},
});
})()
</script>
