|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/dev.outerorbittech.com/oot/ | |
|
Path: //home2/outerorb/dev.outerorbittech.com/oot/app_testimonial.php
Size: 10.72 KB
Permissions: 0644
<section id="testimonials" class="testimonials section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>Hear what our clients have to say about working with us.
Their words reflect the trust, results, and relationships we strive to build.</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="testimonial-slider swiper init-swiper">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 4000
},
"slidesPerView": 1,
"spaceBetween": 30,
"navigation": {
"nextEl": ".swiper-button-next",
"prevEl": ".swiper-button-prev"
},
"breakpoints": {
"768": {
"slidesPerView": 2
},
"1200": {
"slidesPerView": 3
}
}
}
</script>
<div class="swiper-wrapper">
<!-- Testimonial Slide 1 -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="zoom-in" data-aos-delay="200">
<div class="testimonial-header">
<img src="assets/img/person/person-f-12.webp" alt="Client" class="img-fluid"
loading="lazy">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testimonial-body">
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id
est laborum consectetur adipiscing elit sed eiusmod tempor.</p>
</div>
<div class="testimonial-footer">
<h5>Jessica Martinez</h5>
<span>UX Designer</span>
<div class="quote-icon">
<i class="bi bi-chat-quote-fill"></i>
</div>
</div>
</div>
</div><!-- End Testimonial Slide -->
<!-- Testimonial Slide 2 -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="zoom-in" data-aos-delay="300">
<div class="testimonial-header">
<img src="assets/img/person/person-m-8.webp" alt="Client" class="img-fluid"
loading="lazy">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testimonial-body">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur excepteur sint occaecat cupidatat non proident sunt in culpa.</p>
</div>
<div class="testimonial-footer">
<h5>David Rodriguez</h5>
<span>Software Engineer</span>
<div class="quote-icon">
<i class="bi bi-chat-quote-fill"></i>
</div>
</div>
</div>
</div><!-- End Testimonial Slide -->
<!-- Testimonial Slide 3 -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="zoom-in" data-aos-delay="400">
<div class="testimonial-header">
<img src="assets/img/person/person-f-6.webp" alt="Client" class="img-fluid"
loading="lazy">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testimonial-body">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor
incididunt ut labore
et dolore magna aliqua ut enim ad minim veniam quis nostrud.</p>
</div>
<div class="testimonial-footer">
<h5>Amanda Wilson</h5>
<span>Creative Director</span>
<div class="quote-icon">
<i class="bi bi-chat-quote-fill"></i>
</div>
</div>
</div>
</div><!-- End Testimonial Slide -->
<!-- Testimonial Slide 4 -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="zoom-in" data-aos-delay="500">
<div class="testimonial-header">
<img src="assets/img/person/person-m-12.webp" alt="Client" class="img-fluid"
loading="lazy">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testimonial-body">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium
totam rem aperiam eaque ipsa quae ab illo inventore veritatis.</p>
</div>
<div class="testimonial-footer">
<h5>Ryan Thompson</h5>
<span>Business Analyst</span>
<div class="quote-icon">
<i class="bi bi-chat-quote-fill"></i>
</div>
</div>
</div>
</div><!-- End Testimonial Slide -->
<!-- Testimonial Slide 5 -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="zoom-in" data-aos-delay="600">
<div class="testimonial-header">
<img src="assets/img/person/person-f-10.webp" alt="Client" class="img-fluid"
loading="lazy">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="testimonial-body">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum
deleniti atque corrupti quos dolores et quas molestias excepturi.</p>
</div>
<div class="testimonial-footer">
<h5>Rachel Chen</h5>
<span>Project Manager</span>
<div class="quote-icon">
<i class="bi bi-chat-quote-fill"></i>
</div>
</div>
</div>
</div><!-- End Testimonial Slide -->
</div>
<div class="swiper-navigation">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</section>