Clients
Component 1
<!-- Muse Brand, Py 4, Py Md 5 -->
<div class="fabrx-brand py-4 py-md-5">
<div class="swiper-container muse-brands">
<div class="swiper-wrapper text-center">
<div class="swiper-slide"><img src="../assets/img/templates/client-logo1.svg" alt="Client Logo"></div>
<div class="swiper-slide"><img src="../assets/img/templates/client-logo2.svg" alt="Client Logo"></div>
<div class="swiper-slide"><img src="../assets/img/templates/client-logo3.svg" alt="Client Logo"></div>
<div class="swiper-slide"><img src="../assets/img/templates/client-logo4.svg" alt="Client Logo"></div>
<div class="swiper-slide"><img src="../assets/img/templates/client-logo5.svg" alt="Client Logo"></div>
<div class="swiper-slide"><img src="../assets/img/templates/client-logo7.svg" alt="Client Logo"></div>
</div>
</div>
</div>
<!-- Muse Plugins CSS -->
<link href="../assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" media="all">
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<script>
//Muse Swipper JavaScript
var swiper = new Swiper('.swiper-container', {
slidesPerView: 6,
spaceBetween: 20,
breakpoints: {
0: {
slidesPerView: 2,
spaceBetween: 30,
},
480: {
slidesPerView: 3,
spaceBetween: 30,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 6,
spaceBetween: 20,
},
}
});
</script>
Component 2
<div class="bg-black-800 saas-template">
<div class="container">
<!-- Muse Section, Muse Brands -->
<section class="muse-section muse-brands">
<small class="brand-sub-title">Used by industry leaders around the world</small>
<div class="swiper-container swiper-clients">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo1.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo2.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo3.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo4.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo5.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide">
<a href="#0">
<img src="../assets/img/templates/client-logo7.svg" alt="Client Logo">
</a>
</div>
</div>
</div>
</section>
</div>
</div>
Component 3
Popular Brands
<div class="container">
<!-- Muse Section, Muse Brands -->
<section class="muse-section muse-brands">
<p class="text-center text-gray-600 mb-4 text-uppercase small ls-3">Popular Brands</p>
<div class="swiper-container swiper-clients">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo1.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo2.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo3.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo4.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo5.svg" alt="Client Logo">
</a>
</div>
<div class="swiper-slide text-center">
<a href="#0">
<img src="../assets/img/templates/client-logo7.svg" alt="Client Logo">
</a>
</div>
</div>
</div>
</section>
</div>
Component 4
Integrations
Building brands
making an impact.
<div class="container">
<!-- Muse Section -->
<section class="muse-section">
<div class="row align-items-center g-0 pb-4 border-bottom">
<div class="col-lg-6">
<h6>Integrations</h6>
<h2 class="h1 mb-3 mb-lg-0">Building brands <br>making an impact.</h2>
</div>
<div class="col-lg-6 text-lg-center muse-brands">
<div class="row">
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo1.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo2.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo3.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo4.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo5.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3">
<a href="#0">
<img src="../assets/img/templates/client-logo7.svg" alt="Client Logo">
</a>
</div>
</div>
</div>
</div>
</section>
</div>
Component 5
Trusted by great companies
Wedge max gorog gamorrean ventress rugor luke han watto. Castell nagai jin'ha c-3p0 nadon hypori karrde skywalker.
<!-- Muse Section -->
<section class="muse-section">
<div class="row align-items-center">
<div class="col-lg-5">
<h2 class="h1">Trusted by great companies</h2>
<p class="big pe-0 pe-lg-5 lh-lg text-black-600">Wedge max gorog gamorrean ventress rugor luke han watto. Castell nagai jin'ha c-3p0 nadon hypori karrde skywalker.</p>
</div>
<div class="col-lg-7 text-lg-center muse-brands">
<div class="row">
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo1.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo2.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo3.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo4.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo5.svg" alt="Client Logo">
</a>
</div>
<div class="col-6 col-md-4 mb-4 pt-3" data-aos="fade-up" data-aos-delay="600">
<a href="#0">
<img src="../assets/img/templates/client-logo7.svg" alt="Client Logo">
</a>
</div>
</div>
</div>
</div>
</section>