Section & Variations › Testimonials
Available Variations
Starter Kit Codes
<!-- include sections/testimonials -->
<section class="testimonials testimonials-variation-1">
<div class="container">
<div class="section-header">
<h3 class="section-title">What our travelers say</h3>
</div>
</div>
<div id="homepage-1-testimonials-1-container" class="container slick-container">
<div class="slick-inner testimonials-variation-1-inner-class testimonials-inner-class">
<div class="slick-item active">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>"The perfect getaway for our honeymoon. The resort was beautiful, and the romantic touches made our stay unforgettable."</p>
</div>
<div class="author-text">
<strong>Emily & James, Indonesia</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-1.png">
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“We were struggling to keep track of our customer data and effectively manage our sales pipeline before we started using Vendora. Now, everything is organized and accessible in one place”</p>
</div>
<div class="author-text">
<strong>Jayden Willis, Aussie</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-2.png">
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“Our team has been using Vendora for the past year and we couldn't be happier with the results. It has transformed the way we work and has significantly improved our productivity.”</p>
</div>
<div class="author-text">
<strong>Martin Maller, Canada</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-3.png">
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-navs">
<button class="testimonial-nav testimonials-variation-1-nav" type="button" data-slide="prev">
<i class="ic ic-arrow-left dark-1"></i>
</button>
<button class="testimonial-nav testimonials-variation-1-nav" type="button" data-slide="next">
<i class="ic ic-arrow-right dark-1"></i>
</button>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/testimonials -->
<section class="testimonials testimonials-variation-2">
<div id="homepage-2-testimonials-1-container" class="container-fluid slick-container">
<div class="slick-inner testimonials-variation-2-inner-class testimonials-inner-class">
<div class="slick-item active">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“We were struggling to keep track of our customer data and effectively manage our sales pipeline before we started using Vendora.</p>
</div>
<div class="author-text">
<strong>Cornelia Carter</strong>
</div>
</div>
<div class="testimonial-navs">
<div class="testimonial-nav active" data-idx="0">
<img class="img" src="assets/images/testimonial-photo-entrada.svg">
<img class="img-alt" src="assets/images/testimonial-photo-entrada-alt.svg">
</div>
<div class="testimonial-nav " data-idx="1">
<img class="img" src="assets/images/testimonial-photo-chroma.svg">
<img class="img-alt" src="assets/images/testimonial-photo-chroma-alt.svg">
</div>
<div class="testimonial-nav " data-idx="2">
<img class="img" src="assets/images/testimonial-photo-whimsy.svg">
<img class="img-alt" src="assets/images/testimonial-photo-whimsy-alt.svg">
</div>
<div class="testimonial-nav " data-idx="3">
<img class="img" src="assets/images/testimonial-photo-eclipse.svg">
<img class="img-alt" src="assets/images/testimonial-photo-eclipse-alt.svg">
</div>
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>I am so very very happy with my purchases. I highly recommend Vendora based on quality, fit, fabric , customer service, etc</p>
</div>
<div class="author-text">
<strong>Emily Rollerdoor</strong>
</div>
</div>
<div class="testimonial-navs">
<div class="testimonial-nav " data-idx="0">
<img class="img" src="assets/images/testimonial-photo-entrada.svg">
<img class="img-alt" src="assets/images/testimonial-photo-entrada-alt.svg">
</div>
<div class="testimonial-nav active" data-idx="1">
<img class="img" src="assets/images/testimonial-photo-chroma.svg">
<img class="img-alt" src="assets/images/testimonial-photo-chroma-alt.svg">
</div>
<div class="testimonial-nav " data-idx="2">
<img class="img" src="assets/images/testimonial-photo-whimsy.svg">
<img class="img-alt" src="assets/images/testimonial-photo-whimsy-alt.svg">
</div>
<div class="testimonial-nav " data-idx="3">
<img class="img" src="assets/images/testimonial-photo-eclipse.svg">
<img class="img-alt" src="assets/images/testimonial-photo-eclipse-alt.svg">
</div>
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>Our team has been using Vendora for the past year and we couldn't be happier with the results.</p>
</div>
<div class="author-text">
<strong>Jayden Willis</strong>
</div>
</div>
<div class="testimonial-navs">
<div class="testimonial-nav " data-idx="0">
<img class="img" src="assets/images/testimonial-photo-entrada.svg">
<img class="img-alt" src="assets/images/testimonial-photo-entrada-alt.svg">
</div>
<div class="testimonial-nav " data-idx="1">
<img class="img" src="assets/images/testimonial-photo-chroma.svg">
<img class="img-alt" src="assets/images/testimonial-photo-chroma-alt.svg">
</div>
<div class="testimonial-nav active" data-idx="2">
<img class="img" src="assets/images/testimonial-photo-whimsy.svg">
<img class="img-alt" src="assets/images/testimonial-photo-whimsy-alt.svg">
</div>
<div class="testimonial-nav " data-idx="3">
<img class="img" src="assets/images/testimonial-photo-eclipse.svg">
<img class="img-alt" src="assets/images/testimonial-photo-eclipse-alt.svg">
</div>
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>I am so very very happy with my purchases. I highly recommend Vendora based on quality, fit, fabric , customer service, etc</p>
</div>
<div class="author-text">
<strong>Martin Maller</strong>
</div>
</div>
<div class="testimonial-navs">
<div class="testimonial-nav " data-idx="0">
<img class="img" src="assets/images/testimonial-photo-entrada.svg">
<img class="img-alt" src="assets/images/testimonial-photo-entrada-alt.svg">
</div>
<div class="testimonial-nav " data-idx="1">
<img class="img" src="assets/images/testimonial-photo-chroma.svg">
<img class="img-alt" src="assets/images/testimonial-photo-chroma-alt.svg">
</div>
<div class="testimonial-nav " data-idx="2">
<img class="img" src="assets/images/testimonial-photo-whimsy.svg">
<img class="img-alt" src="assets/images/testimonial-photo-whimsy-alt.svg">
</div>
<div class="testimonial-nav active" data-idx="3">
<img class="img" src="assets/images/testimonial-photo-eclipse.svg">
<img class="img-alt" src="assets/images/testimonial-photo-eclipse-alt.svg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/testimonials -->
<section class="testimonials testimonials-variation-3">
<div class="container">
<div class="section-header">
<h3 class="section-title">Our customers testimonials</h3>
</div>
</div>
<div id="homepage-3-testimonials-1-container" class="container">
<div class="testimonials-inner testimonials-variation-3-inner-class testimonials-inner-class">
<div class="testimonials-item active">
<div class="testimonials-inner-container">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>5</p>
</div>
<div class="author-text">
<strong>@erena_ena</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-video-1.png">
</div>
<a href="#play" class="btn-play"><i class="ic ic-play-solid"></i></a>
</div>
</div>
</div>
<div class="testimonials-item ">
<div class="testimonials-inner-container">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>5</p>
</div>
<div class="author-text">
<strong>@margot_rena</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-video-2.png">
</div>
<a href="#play" class="btn-play"><i class="ic ic-play-solid"></i></a>
</div>
</div>
</div>
<div class="testimonials-item ">
<div class="testimonials-inner-container">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>5</p>
</div>
<div class="author-text">
<strong>@virginia</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-video-3.png">
</div>
<a href="#play" class="btn-play"><i class="ic ic-play-solid"></i></a>
</div>
</div>
</div>
<div class="testimonials-item ">
<div class="testimonials-inner-container">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>5</p>
</div>
<div class="author-text">
<strong>@nelanender</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-video-4.png">
</div>
<a href="#play" class="btn-play"><i class="ic ic-play-solid"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/testimonials -->
<section class="testimonials testimonials-variation-4">
<div id="homepage-3-testimonials-2-container" class="container slick-container">
<div class="slick-inner testimonials-variation-4-inner-class testimonials-inner-class">
<div class="slick-item active">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“Vendora Glow created the best daily skincare ever to exist”</p>
</div>
<div class="author-text">
<strong>In The Press</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-forbes.svg">
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“Vendora Glow created the best daily skincare ever to exist”</p>
</div>
<div class="author-text">
<strong>In The Press</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-forbes.svg">
</div>
</div>
</div>
</div>
<div class="slick-item ">
<div class="container testimonials-item-inner">
<div class="testimonial-content">
<div class="testimonial-text">
<div class="testimonial-quote">
<p>“Vendora Glow created the best daily skincare ever to exist”</p>
</div>
<div class="author-text">
<strong>In The Press</strong>
</div>
</div>
<div class="author-photo">
<img src="assets/images/testimonial-photo-forbes.svg">
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-navs">
<button class="testimonial-nav testimonials-variation-4-nav" type="button" data-slide="prev">
<i class="ic ic-arrow-left dark-1"></i>
</button>
<button class="testimonial-nav testimonials-variation-4-nav" type="button" data-slide="next">
<i class="ic ic-arrow-right dark-1"></i>
</button>
</div>
</div>
</section>