<div class="bg-black-800 saas-template">
<div class="container">
<section class="muse-section text-center border-top border-bottom border-gray-800">
<div class="row g-0">
<div class="col-lg-10 py-xl-4 my-xl-2 m-auto">
<div class="swiper-container swiper-single">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pb-4 mb-md-2"><img src="../assets/img/templates/microsoft-colored.svg" alt="img"></div>
<p class="h4 mb-3">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<h4 class="font-weight-semibold">Dameon Peterson</h4>
<p class="mb-0 font-weight-normal">Lead Designer</p>
</div>
<div class="swiper-slide">
<div class="pb-4 mb-md-2"><img src="../assets/img/templates/microsoft-colored.svg" alt="img"></div>
<p class="h4 mb-3">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<h4 class="font-weight-semibold">Dameon Peterson</h4>
<p class="mb-0 font-weight-normal">Lead Designer</p>
</div>
<div class="swiper-slide">
<div class="pb-4 mb-md-2"><img src="../assets/img/templates/microsoft-colored.svg" alt="img"></div>
<p class="h4 mb-3">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<h4 class="font-weight-semibold">Dameon Peterson</h4>
<p class="mb-0 font-weight-normal">Lead Designer</p>
</div>
<div class="swiper-slide">
<div class="pb-4 mb-md-2"><img src="../assets/img/templates/microsoft-colored.svg" alt="img"></div>
<p class="h4 mb-3">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<h4 class="font-weight-semibold">Dameon Peterson</h4>
<p class="mb-0 font-weight-normal">Lead Designer</p>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<script>
//Muse Swiper Single Column Slider JavaScript
var swiper = new Swiper('.swiper-single', {
spaceBetween: 25,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
</script>
<div class="saas-template">
<div class="container">
<section class="muse-section">
<h6 class="has-line mb-4">Testimonials</h6>
<div class="tetsimonial-swiper">
<div class="swiper-container swiper-list2">
<div class="swiper-wrapper">
<div class="swiper-slide pb-3">
<p class="big lh-lg text-black-600">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail. We are really enjoying using!</p>
<span class="h5 d-block my-4 pt-2">John Lee - Lead Designer</span>
<img src="../assets/img/templates/airbnd.svg" alt="img">
</div>
<div class="swiper-slide pb-3">
<p class="big lh-lg text-black-600">Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail. We are really enjoying using!</p>
<span class="h5 d-block my-4 pt-2">John Lee - Lead Designer</span>
<img src="../assets/img/templates/airbnd.svg" alt="img">
</div>
</div>
<div class="swiper-button-next"></div>
</div>
</div>
<hr class="mt-3">
</section>
</div>
</div>
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<script>
//Muse Swiper Product Listing Slider JavaScript
var swiper = new Swiper('.swiper-list2', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
keyboard: {
enabled: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<div class="saas3-template bg-gray-100">
<div class="container">
<section class="muse-section">
<div class="shadow-dark-80 rounded-12 p-4 p-md-5 card border-0">
<small class="has-line mb-3">Tetsimonials</small>
<div class="tetsimonial-swiper">
<div class="swiper-container swiper-list2">
<div class="swiper-wrapper">
<div class="swiper-slide pb-md-3">
<p class="big">“Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<div class="d-flex align-items-center mt-md-4 mt-md-5 pt-md-4">
<span class="avatar avatar-circle"><img src="../assets/img/templates/avatar1.svg" alt="img"></span>
<span class="pl-3">
<strong class="h6 d-block mb-0">Bruce Lee</strong>
<small>Superstar @Uber</small>
</span>
</div>
</div>
<div class="swiper-slide pb-md-3">
<p class="big">“Great customer support and fantastic product. I've never had a personalized video demo emailed to me! The product is seamless too, fully responsive, made with a lot of care and attention to detail.</p>
<div class="d-flex align-items-center mt-md-4 mt-md-5 pt-md-4">
<span class="avatar avatar-circle"><img src="../assets/img/templates/avatar1.svg" alt="img"></span>
<span class="pl-2">
<strong class="h6 d-block mb-0">Bruce Lee</strong>
<small>Superstar @Uber</small>
</span>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<script>
//Muse Swiper Product Listing Slider JavaScript
var swiper = new Swiper('.swiper-list2', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
keyboard: {
enabled: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<div class="pricing-template bg-gray-100">
<div class="container">
<section class="muse-section">
<div class="bg-white p-3 p-sm-4 p-md-5 rounded-12 shadow-dark-80">
<div class="swiper-list swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="rounded-12 overflow-hidden mb-4"><img src="../assets/img/pages/customer1.jpg" class="w-100" alt="Customer"></div>
</div>
<div class="col-lg-8 col-12">
<div class="pl-lg-5">
<h2>“Great customer support and fantastic product. The product is seamless too with a lot of care attention to detail.”</h2>
<div class="mt-lg-4 pt-3">
<strong class="h5 d-block mb-0">Bruce Lee</strong>
<p>Head of visual design @Uber</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="rounded-12 overflow-hidden mb-4"><img src="../assets/img/pages/customer1.jpg" class="w-100" alt="Customer"></div>
</div>
<div class="col-lg-8 col-12">
<div class="pl-lg-5">
<h2>“Great customer support and fantastic product. The product is seamless too with a lot of care attention to detail.”</h2>
<div class="mt-lg-4 pt-3">
<strong class="h5 d-block mb-0">Bruce Lee</strong>
<p>Head of visual design @Uber</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="rounded-12 overflow-hidden mb-4"><img src="../assets/img/pages/customer1.jpg" class="w-100" alt="Customer"></div>
</div>
<div class="col-lg-8 col-12">
<div class="pl-lg-5">
<h2>“Great customer support and fantastic product. The product is seamless too with a lot of care attention to detail.”</h2>
<div class="mt-lg-4 pt-3">
<strong class="h5 d-block mb-0">Bruce Lee</strong>
<p>Head of visual design @Uber</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="rounded-12 overflow-hidden mb-4"><img src="../assets/img/pages/customer1.jpg" class="w-100" alt="Customer"></div>
</div>
<div class="col-lg-8 col-12">
<div class="pl-lg-5">
<h2>“Great customer support and fantastic product. The product is seamless too with a lot of care attention to detail.”</h2>
<div class="mt-lg-4 pt-3">
<strong class="h5 d-block mb-0">Bruce Lee</strong>
<p>Head of visual design @Uber</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</section>
</div>
</div>
<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>
<script>
//Muse Swiper Product Listing Slider JavaScript
var swiper = new Swiper('.swiper-list', {
slidesPerView: 1,
spaceBetween: 28,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
</script>