Testimonials
Testimonial #v1
Testimonials
Augusta Silva
Sales ManagerAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
Barbara O'Neil
Sales ManagerAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
Jessica Simpson
Managing DirectorAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
Joe Wicks
Sales ExecutiveAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
Stephen King
Sales ManagerAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
Augusta Silva
Sales ManagerAliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.
<!-- Testimonials v1 Section -->
<div class="container">
<header class="text-center mb-5">
<h2 class="font-size-7 mb-0">Testimonials</h2>
</header>
<!-- Slick Carousel -->
<div class="js-slick-carousel u-slick u-slick--gutters-3" data-infinite=" true" data-autoplay="true" data-speed="4000" data-fade="true"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-3"
data-responsive='[{
"breakpoint": 992,
"settings": {
"slidesToShow": 1
}
}]'>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Augusta Silva</h6>
<span class="font-size-2 font-size-normal text-gray-705">Sales Manager</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</div>
<!-- End Testimonials -->
</div>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Barbara O'Neil</h6>
<span class="font-size-2 font-size-normal text-gray-705">Sales Manager</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</div>
<!-- End Testimonials -->
</div>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Jessica Simpson</h6>
<span class="font-size-2 font-size-normal text-gray-705">Managing Director</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</div>
<!-- End Testimonials -->
</div>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Joe Wicks</h6>
<span class="font-size-2 font-size-normal text-gray-705">Sales Executive</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</div>
<!-- End Testimonials -->
</div>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Stephen King</h6>
<span class="font-size-2 font-size-normal text-gray-705">Sales Manager</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</div>
<!-- End Testimonials -->
</div>
<div>
<!-- Testimonials -->
<div class="d-flex justify-content-center">
<div class="position-relative">
<img src="https://placehold.it/110x110" class="mb-5 d-block rounded-circle" alt="image-description">
<div class="btn-position btn btn-icon btn-primary rounded-circle d-flex align-items-center justify-content-center height-48 width-48">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="15px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.802,6.960 C5.102,5.628 5.752,4.428 6.752,3.360 C7.085,2.994 7.252,2.610 7.252,2.210 C7.252,1.744 7.060,1.335 6.677,0.985 C6.293,0.635 5.868,0.460 5.402,0.460 C4.868,0.460 4.402,0.678 4.002,1.110 C1.802,3.478 0.702,6.228 0.702,9.360 C0.702,10.960 1.060,12.178 1.777,13.010 C2.493,13.844 3.418,14.260 4.552,14.260 C5.552,14.260 6.393,13.903 7.077,13.185 C7.760,12.469 8.102,11.578 8.102,10.510 C8.102,9.544 7.793,8.735 7.177,8.085 C6.560,7.435 5.768,7.060 4.802,6.960 L4.802,6.960 ZM14.402,6.960 C14.702,5.628 15.352,4.428 16.352,3.360 C16.685,2.994 16.852,2.610 16.852,2.210 C16.852,1.744 16.660,1.335 16.277,0.985 C15.893,0.635 15.468,0.460 15.002,0.460 C14.468,0.460 14.002,0.678 13.602,1.110 C11.402,3.478 10.302,6.228 10.302,9.360 C10.302,10.960 10.660,12.178 11.377,13.010 C12.093,13.844 13.018,14.260 14.152,14.260 C15.152,14.260 15.993,13.903 16.677,13.185 C17.360,12.469 17.702,11.578 17.702,10.510 C17.702,9.544 17.393,8.735 16.777,8.085 C16.160,7.435 15.368,7.060 14.402,6.960 L14.402,6.960 Z"/>
</svg>
</div>
</div>
</div>
<div class="text-center">
<div class="mb-3">
<h6 class="font-size-3 font-weight-regular mb-0">Augusta Silva</h6>
<span class="font-size-2 font-size-normal text-gray-705">Sales Manager</span>
</div>
<p class="mb-0 font-size-2 max-width-410 mx-auto text-lh-1dot72">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
</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 Bookworm -->
<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
});
</script>