All Sliders code showing here. We use only Swiper Slider
<!-- brand area -->
<div class="rts__section rts__brand pb-120 pt-50 text-center">
<div class="container">
<div class="row">
<div class="section__title mb-40">
<span class="h6 d-block fw-semibold">Trusted by 300+ leading companies</span>
</div>
</div>
<div class="row align-items-center">
<div class="rts__brand__slider overflow-hidden swiper-data">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="brand__item">
........
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
.......
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- brand area end -->
<div class="row">
<div class="cat__slider overflow-hidden swiper-data">
<div class="swiper-wrapper">
<!-- single category -->
<div class="swiper-slide">
<div class="single__cat d-flex gap-4">
......
</div>
</div>
<!-- single category end -->
<!-- single category -->
<div class="swiper-slide">
<div class="single__cat d-flex gap-4">
......
</div>
</div>
<!-- single category end -->
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="rts__testimonial__active overflow-hidden swiper-data">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rts__single__testimonial text-center">
<div class="rts__quote mb-40">
<img class="opacity-50" src="assets/img/icon/quote.svg" alt="">
</div>
<div class="testimonial__text h6 ">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia</div>
<div class="d-flex align-items-center justify-content-center mx-auto gap-3 pt-40 max-content">
<div class="author__image">
<img src="assets/img/home-1/testimonial/author.jpg" alt="">
</div>
<div class="author__content text-start">
<span class="h6">Alexander Joy</span>
<p>Web Developer</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rts__single__testimonial text-center">
<div class="rts__quote mb-40">
<img class="opacity-50" src="assets/img/icon/quote.svg" alt="">
</div>
<div class="testimonial__text h6 ">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia</div>
<div class="d-flex align-items-center justify-content-center mx-auto gap-3 pt-40 max-content">
<div class="author__image">
<img src="assets/img/home-1/testimonial/author.jpg" alt="">
</div>
<div class="author__content text-start">
<span class="h6">Alexander Joy</span>
<p>Web Developer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rts__slider__control d-lg-flex justify-content-between g-0 position-absolute top-50 translate-middle-y d-none">
<div class="rts__slide__next slider__btn"><i class="fa-sharp fa-solid fa-chevron-left"></i></div>
<div class="rts__slide__prev slider__btn"><i class="fa-sharp fa-solid fa-chevron-right"></i></div>
</div>
</div>
<!-- cat slider -->
<div class="rts__slider__control style-gray pe-0 style__two__control align-items-end position-relative
position-md-absolute right-md-0 bottom-md-0 z-3 d-flex gap-2 max-contnet">
<div class="rts__slide__next slider__btn"><i class="fa-sharp fa-solid fa-chevron-left"></i></div>
<div class="rts__slide__prev slider__btn"><i class="fa-sharp fa-solid fa-chevron-right"></i></div>
</div>
<div class="row">
<div class="cat__slider overflow-hidden swiper-data">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="single__cat style__two d-flex text-center flex-column
justify-content-center gap-4">
<div class="single__cat__icon bg-white mx-auto rounded-5 color-1">
<img src="assets/img/home-1/cat/1.svg" alt="">
</div>
<div class="single__cat__link d-flex gap-2 flex-column">
<a href="job-list-2.html" aria-label="cat__label">Development</a>
<span>130+ Jobs</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="single__cat style__two d-flex text-center flex-column
justify-content-center gap-4">
<div class="single__cat__icon bg-white mx-auto rounded-5 color-1">
<img src="assets/img/home-1/cat/2.svg" alt="">
</div>
<div class="single__cat__link d-flex gap-2 flex-column">
<a href="job-list-2.html" aria-label="cat__label">Design & arts</a>
<span>130+ Jobs</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="single__cat style__two d-flex text-center flex-column
justify-content-center gap-4">
<div class="single__cat__icon bg-white mx-auto rounded-5 color-1">
<img src="assets/img/home-1/cat/3.svg" alt="">
</div>
<div class="single__cat__link d-flex gap-2 flex-column">
<a href="job-list-2.html" aria-label="cat__label">Accounting</a>
<span>120+ Jobs</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="single__cat style__two d-flex text-center flex-column
justify-content-center gap-4">
<div class="single__cat__icon bg-white mx-auto rounded-5 color-1">
<img src="assets/img/home-1/cat/4.svg" alt="">
</div>
<div class="single__cat__link d-flex gap-2 flex-column">
<a href="job-list-2.html" aria-label="cat__label">Marketing</a>
<span>130+ Jobs</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cat slider end -->
<div class="swiper-data candidate__slider overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rts__author__card style__two d-flex flex-column gap-3">
<div class="author_icon">
<img src="assets/img/home-2/author/1.svg" class="rounded-5" alt="">
</div>
<div class="job__meta w-100 d-flex flex-column gap-3">
<div class="d-flex flex-column align-items-center gap-1">
<a href="candidate-details-1.html" class="job__title h6 mb-0">Jonathon Doe</a>
<span class="author">Ui/UX Designer</span>
</div>
<div class="d-flex gap-3 flex-wrap justify-content-center">
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-location-dot"></i> Newyork, USA
</div>
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-briefcase"></i> Full Time
</div>
</div>
<div class="job__tags d-flex justify-content-center mb-3 flex-wrap gap-3">
<a href="#">Creative</a>
<a href="#">Javascript</a>
</div>
<a href="candidate-details-1.html" class="apply__btn max-content">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rts__author__card style__two d-flex flex-column gap-3">
<div class="author_icon">
<img src="assets/img/home-2/author/3.svg" class="rounded-5" alt="">
</div>
<div class="job__meta w-100 d-flex flex-column gap-3">
<div class="d-flex flex-column align-items-center gap-1">
<a href="candidate-details-1.html" class="job__title h6 mb-0">Michael Roy</a>
<span class="author">Software Engineer</span>
</div>
<div class="d-flex gap-3 flex-wrap justify-content-center">
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-location-dot"></i> Newyork, USA
</div>
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-briefcase"></i> Full Time
</div>
</div>
<div class="job__tags d-flex justify-content-center mb-3 flex-wrap gap-3">
<a href="#">Jquery</a>
<a href="#">Laravel</a>
</div>
<a href="candidate-details-1.html" class="apply__btn max-content">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rts__author__card style__two d-flex flex-column gap-3">
<div class="author_icon">
<img src="assets/img/home-2/author/4.svg" class="rounded-5" alt="">
</div>
<div class="job__meta w-100 d-flex flex-column gap-3">
<div class="d-flex flex-column align-items-center gap-1">
<a href="candidate-details-1.html" class="job__title h6 mb-0">Al Amin Bali</a>
<span class="author">UX Designer</span>
</div>
<div class="d-flex gap-3 flex-wrap justify-content-center">
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-location-dot"></i> Newyork, USA
</div>
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-briefcase"></i> Full Time
</div>
</div>
<div class="job__tags d-flex justify-content-center mb-3 flex-wrap gap-3">
<a href="#">Figma</a>
<a href="#">Photoshop</a>
</div>
<a href="candidate-details-1.html" class="apply__btn max-content">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rts__author__card style__two d-flex flex-column gap-3">
<div class="author_icon">
<img src="assets/img/home-2/author/1.svg" class="rounded-5" alt="">
</div>
<div class="job__meta w-100 d-flex flex-column gap-3">
<div class="d-flex flex-column align-items-center gap-1">
<a href="candidate-details-1.html" class="job__title h6 mb-0">Kakon Matabbar</a>
<span class="author">Blockchain Dev</span>
</div>
<div class="d-flex gap-3 flex-wrap justify-content-center">
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-location-dot"></i> Newyork, USA
</div>
<div class="d-flex gap-2 align-items-center">
<i class="fa-light fa-briefcase"></i> Full Time
</div>
</div>
<div class="job__tags d-flex justify-content-center mb-3 flex-wrap gap-3">
<a href="#">NFT</a>
<a href="#">Airdrops</a>
</div>
<a href="candidate-details-1.html" class="apply__btn max-content">View Profile</a>
</div>
</div>
</div>
</div>
</div>
<!-- blog section -->
<div class="rts__slider__control style-gray style__two__control align-items-end position-relative position-md-absolute right-md-0 bottom-md-0 z-3 d-flex gap-2 max-contnet">
<div class="rts__slide__next slider__btn"><i class="fa-sharp fa-solid fa-chevron-left"></i></div>
<div class="rts__slide__prev slider__btn"><i class="fa-sharp fa-solid fa-chevron-right"></i></div>
</div>
<div class="swiper-data blog__slider overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="blog__content d-flex flex-wrap flex-xl-nowrap gap-5 align-items-center">
<div class="blog__thumb">
<a href="blog-details.html" class="blog__thumbnail">
<img class="rounded-2 w-50" src="assets/img/home-2/blog/1.jpg" alt="">
</a>
</div>
<div class="blog__content__meta">
<a href="#" class="category d-block">Business</a>
<a href="blog-details.html" class="blog__title l--3 h3">
Job Tips How to Become a
Business Man to Intelligence
Analystin 6 Simple Steps
</a>
<p class="mt-4">Whether you're an experienced professional or a fresh graduate eager
to dive into the workforce, we have something for everyone. From tech
wizards to marketing mavens, finance gurus to creative minds, our diverse
range of listings caters to a variety of skills and interests.
</p>
<div class="blog__author mt-40 d-flex gap-3 align-items-center">
<div class="author__img">
<img class="rounded-5" src="assets/img/home-2/author/1.svg" alt="">
</div>
<div class="author__meta">
<span class="h6 mb-0 d-block">Jack Maa</span>
<p>March 14, 2024</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- blog section end -->