Testimonials
MyTravel has two different version of testimonials.
Testimonial #v1
Our Happy
Jessica Brown
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Augusta Silva
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Ali Tufan
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Jessica Brown
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Augusta Silva
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Ali Tufan
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
<!-- Testimonials v1 Section -->
<div class="container space-1 mt-3 mb-5">
<div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Our Happy</h2>
</div>
<!-- Slick Carousel -->
<div class="js-slick-carousel u-slick u-slick-bordered-primary u-slick--gutters-3" data-slides-show="3" data-center-mode="true" data-autoplay="true" data-speed="3000" data-pagi-classes="text-center u-slick__pagination mb-0 mt-n6"
data-responsive='[ {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex justify-content-between align-items-baseline">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Jessica Brown</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote" class="svg-preloader testimonial-quote">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img1.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex align-items-baseline justify-content-between">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Augusta Silva</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote1" class="svg-preloader testimonial-quote">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote1">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img2.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex align-items-baseline justify-content-between">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Ali Tufan </h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote2" class="svg-preloader testimonial-quote">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote2">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img3.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex justify-content-between align-items-baseline">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Jessica Brown</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote4" class="svg-preloader testimonial-quote ">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote4">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img1.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex align-items-baseline justify-content-between">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Augusta Silva</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote5" class="svg-preloader testimonial-quote">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote5">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img2.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide my-10">
<!-- Testimonials -->
<div class="card rounded-xs border-color-7 w-100">
<div class="card-body p-5">
<div class="d-flex align-items-baseline justify-content-between">
<div class="mb-5">
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Ali Tufan </h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<figure id="quote6" class="svg-preloader testimonial-quote">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote1.svg" alt="SVG" data-parent="#quote6">
</figure>
</div>
<p class="mb-0 text-gray-1 font-italic text-lh-inherit">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
</div>
<div class="card-img z-index-2 mb-3">
<div class="ml-3">
<img class="img-fluid rounded-circle" src="../../assets/img/101x101/img3.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Testimonials -->
</div>
</div>
<!-- End Slick Carousel -->
</div>
<!-- End Testimonials Section -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>
<!-- JS MyTravel -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<script src="../../assets/js/components/hs.svg-injector.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
$(document).on('load', function () {
// initialization of svg injector module
$.HSCore.components.HSSVGIngector.init('.js-svg-injector');
});
</script>
Testimonial #v2
Customer Review
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Jessica Brown
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Augusta Silva
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Ali Tufan
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Jessica Brown
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Ali Tufan
client
This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize
Augusta Silva
client
<!-- Testimonials v2 Section -->
<div class="container">
<div class="pt-7 pb-8">
<div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Customer Reviews</h2>
</div>
<!-- Slick Carousel -->
<div class="js-slick-carousel u-slick u-slick--gutters-3" data-infinite=" true" data-autoplay="true" data-speed="3000" data-fade="true"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-4"
data-responsive='[{
"breakpoint": 992,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img1.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote7" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote7">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Jessica Brown</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img2.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote8" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote8">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Augusta Silva</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img3.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote9" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote9">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Ali Tufan</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img1.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote10" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote10">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Jessica Brown</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img3.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote11" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote11">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Ali Tufan</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
<div class="js-slide">
<!-- Testimonials -->
<div class="d-flex justify-content-center mb-6">
<div class="position-relative">
<img class="img-fluid mx-auto" src="../../assets/img/137x137/img2.jpg" alt="Image-Descrition">
<div class="btn-position btn btn-icon btn-dark rounded-circle d-flex align-items-center justify-content-center height-60 width-60">
<figure id="quote12" class="svg-preloader">
<img class="js-svg-injector" src="../../assets/svg/illustrations/quote2.svg" alt="SVG" data-parent="#quote12">
</figure>
</div>
</div>
</div>
<div class="text-center">
<p class="text-gray-1 font-italic text-lh-inherit px-xl-20 mx-xl-15 px-xl-20 mx-xl-18">This is the 3rd time I’ve used Travelo website and telling you the truth their services are always realiable and it only takes few minutes to plan and finalize</p>
<h6 class="font-size-17 font-weight-bold text-gray-6 mb-0">Augusta Silva</h6>
<span class="text-blue-lighter-1 font-size-normal">client</span>
</div>
<!-- End Testimonials -->
</div>
</div>
<!-- End Slick Carousel -->
</div>
</div>
<!-- End Testimonials v2 Section -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>
<!-- JS MyTravel -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<script src="../../assets/js/components/hs.svg-injector.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
$(document).on('load', function () {
// initialization of svg injector module
$.HSCore.components.HSSVGIngector.init('.js-svg-injector');
});
</script>