Testimonials

MyTravel has two different version of testimonials.

Testimonial #v1

Our Happy

                                            
                                                <!-- 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

                                            
                                                <!-- 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>