Explore helpful resources
Our blog is packed with articles and insights to help you stay up to date with all things identity verification
<!-- Card Grid -->
<div class="overflow-hidden">
<div class="container content-space-1">
<div class="row justify-content-lg-between">
<div class="col-md-4 mb-7 mb-md-0">
<div class="mt-md-10 mb-5">
<h2>Explore helpful resources</h2>
<p>Our blog is packed with articles and insights to help you stay up to date with all things identity verification</p>
</div>
<!-- Alert -->
<div class="alert alert-soft-dark" role="alert">
<div class="d-flex">
<div class="flex-shrink-0">
<i class="bi-instagram"></i>
</div>
<div class="flex-grow-1 ms-3">
Follow us on <a class="alert-link" href="#" target="_blank">Instagram</a> to see Life at Unify
</div>
</div>
</div>
<!-- End Alert -->
</div>
<!-- End Col -->
<div class="col-md-7">
<!-- Swiper Slider -->
<div class="swiper-center-mode-end">
<div class="js-swiper-card-grid swiper swiper-equal-height ps-4">
<div class="swiper-wrapper">
<!-- Slide -->
<div class="swiper-slide pt-4 pb-8">
<!-- Card -->
<a class="card card-transition" href="#">
<div class="card-pinned">
<img class="card-img-top" src="../assets/svg/components/card-3.svg" alt="Image Description">
<span class="badge bg-dark text-white card-pinned-top-end">Design</span>
</div>
<div class="card-body">
<h5 class="card-title">Explore the Snippets tool</h5>
<p>Answer a few simple questions to get your policy. Talk to an agent if you need help.</p>
</div>
<div class="card-footer pt-0">
<span class="card-link">Read more</span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Slide -->
<!-- Slide -->
<div class="swiper-slide pt-4 pb-8">
<!-- Card -->
<a class="card card-transition bg-primary" href="#" style="background-image: url(../assets/svg/components/wave-pattern-light.svg);">
<div class="card-body">
<span class="card-subtitle text-white mb-3">Product</span>
<h3 class="card-title text-white lh-base">Assessing Constraints: Making Products for all Users</h3>
</div>
<div class="card-footer pt-0">
<span class="card-link link-light">Read more</span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Slide -->
<!-- Slide -->
<div class="swiper-slide pt-4 pb-8">
<!-- Card -->
<a class="card card-transition" href="#">
<div class="card-pinned">
<img class="card-img-top" src="../assets/svg/components/card-1.svg" alt="Image Description">
<span class="badge bg-dark text-white card-pinned-top-end">Design</span>
</div>
<div class="card-body">
<h5 class="card-title">Have a meaningful impact</h5>
<p>Answer a few simple questions to get your policy. Talk to an agent if you need help.</p>
</div>
<div class="card-footer pt-0">
<span class="card-link">Read more</span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Slide -->
<!-- Slide -->
<div class="swiper-slide pt-4 pb-8">
<!-- Card -->
<a class="card card-transition bg-warning" href="#" style="background-image: url(../assets/svg/components/wave-pattern-2-light.svg);">
<div class="card-body">
<span class="card-subtitle text-white mb-3">Insights</span>
<h3 class="card-title text-white lh-base">Making the Brand: Fresh Finds Playlist Collection</h3>
</div>
<div class="card-footer pt-0">
<span class="card-link link-light">Read more</span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Slide -->
</div>
<!-- Arrows -->
<div class="js-swiper-card-grid-button-prev swiper-button-prev swiper-static-button-prev"></div>
<div class="js-swiper-card-grid-button-next swiper-button-next swiper-static-button-next"></div>
<!-- Preloader -->
<div class="js-swiper-preloader swiper-preloader">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<!-- End Preloader -->
</div>
</div>
<!-- End Swiper Slider -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Card Grid -->
<link rel="stylesheet" href="../assets/vendor/swiper/swiper-bundle.min.css">
<!-- JS Implementing Plugins -->
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF SWIPER
// =======================================================
var swiper = new Swiper('.js-swiper-card-grid',{
navigation: {
nextEl: '.js-swiper-card-grid-button-next',
prevEl: '.js-swiper-card-grid-button-prev',
},
slidesPerView: 1,
spaceBetween: 30,
loop: 1,
breakpoints: {
480: {
slidesPerView: 2
},
768: {
slidesPerView: 2
},
1024: {
slidesPerView: 3
},
},
on: {
'imagesReady': function (swiper) {
const preloader = swiper.el.querySelector('.js-swiper-preloader')
preloader.parentNode.removeChild(preloader)
}
}
});
})()
</script>
