Geeks UI Provides responsive bootstrap testimonials snippets examples that fits for your web application/project.
12+ million people are already learning on Geeks
"I started at stage zero. With Geeks I was able to start learning online and eventually build up enough knowledge and skills to transition into a well-paying career."
"Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vulputate euismod justo in consequat. Sed tempus elementum urnanisl et lacus. "
"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."
"Morbi quis posuere lacus. Morbi et metus sit amet tellus dapibus aliquam. Morbi consectetur magna vel turpis lobortis lorem iopsum dolor sit commodo."
" Curabitur sollicitudin mi et sagittis egestas. Curabitur pellentesque nibh id enim hendrerit, at mollis neque rutrum. Sed nibh velit, tristique et dolor vitae."
"Vestibulum in lobortis purus. Quisque sem turpis, hendrerit quis lacinia nec, rutrum nec velit. Nullam lobortis rhoncus tincidunt lorem ispun dnascetur ridiculus mus. "
"Praesent sit amet ornare magna, vitae consequat arcu. Vestibulum at dictum erat, a fringilla ante. Nam et nibh ut nunc rutrum suscipit quis non neque. Nulla facilisi."
"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."
<div class="container pt-8 pb-12">
<div class="row mb-8 justify-content-center">
<div class="col-lg-8 col-md-12 col-12 text-center">
<!-- caption -->
<span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">Testimonials</span>
<h2 class="mb-2 display-4 fw-bold">Don’t just take our word for it.</h2>
<p class="lead">12+ million people are already learning on Geeks</p>
</div>
</div>
<!-- row -->
<div class="row ">
<!-- col -->
<div class="col-md-12">
<!-- slider -->
<div class="owl-carousel owl-theme" id="owl-testimonial">
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"I started at stage zero. With Geeks I
was able to start learning online and eventually build up enough knowledge and skills to transition
into a well-paying career."</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Barry Watson</h4>
<p class="mb-0 small">Web Developer,UK</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Orci varius natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Etiam vulputate euismod justo in consequat. Sed tempus elementum urnanisl et lacus. "</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<!-- img -->
<img src="../assets/images/avatar/avatar-2.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Linda Shenoy</h4>
<p class="mb-0 small">Developer and Bootcamp Instructor</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-3.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Jean Watson</h4>
<p class="mb-0 small">Engineering Architect</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Morbi quis posuere lacus. Morbi et metus sit amet tellus dapibus aliquam. Morbi consectetur magna vel turpis lobortis lorem iopsum dolor sit commodo."</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-4.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">John Deo</h4>
<p class="mb-0 small">Web Developer,UK</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">" Curabitur sollicitudin mi et sagittis egestas. Curabitur pellentesque nibh id enim hendrerit, at mollis neque rutrum. Sed nibh velit, tristique et dolor vitae."</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-5.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Rubik Nanda</h4>
<p class="mb-0 small">Web Developer,UK</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Vestibulum in lobortis purus. Quisque sem turpis, hendrerit quis lacinia nec, rutrum nec velit. Nullam lobortis rhoncus tincidunt lorem ispun dnascetur ridiculus mus. "</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-6.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Barry Watson</h4>
<p class="mb-0 small">Web Developer,UK</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Praesent sit amet ornare magna, vitae consequat arcu. Vestibulum at dictum erat, a fringilla ante. Nam et nibh ut nunc rutrum suscipit quis non neque. Nulla facilisi."</p>
</div>
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-7.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Barry Watson</h4>
<p class="mb-0 small">Web Developer,UK</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<!-- card -->
<div class="card border shadow-none">
<!-- card body -->
<div class="card-body p-5">
<div class="mb-2">
<span class="fs-4">
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
</div>
<!-- para -->
<p class="lead text-dark font-italic fw-medium mb-0">"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."</p>
</div>
<!-- card footer -->
<div class="card-footer px-5 py-4">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-3.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-3">
<h4 class="mb-0">Jean Watson</h4>
<p class="mb-0 small">Engineering Architect</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
12+ million people are already learning on Geeks
The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.
Lorem ipsum dolor sit amet, consectetur adipi scing elit. Sed vel felis imperdiet, lacinia metus malesuada diamamus rutrum turpis leo, id tincidunt magna sodales.
<div class="py-8 py-lg-18 bg-light">
<div class="container">
<div class="row mb-8 justify-content-center">
<div class="col-lg-6 col-md-12 col-12 text-center">
<!-- caption -->
<span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">Testimonials</span>
<h2 class="mb-2 display-4 fw-bold ">What our learners are saying </h2>
<p class="lead">12+ million people are already learning on Geeks</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-12 mb-4 mb-lg-0">
<!-- Card -->
<div class="card shadow-lg">
<!-- Card body -->
<div class="card-body p-8 text-center">
<i class="mdi mdi-48px mdi-format-quote-open text-light-primary lh-1"></i>
<p class="lead text-dark mt-3">The generated lorem Ipsum is therefore always free from repetition,
injected
humour, or words etc generate lorem Ipsum which looks racteristic reasonable.</p>
</div>
<!-- Card Footer -->
<div class="card-footer bg-primary text-center border-top-0">
<div class="mt-n8"><img src="../assets/images/avatar/avatar-1.jpg" alt="" class="rounded-circle border-primary avatar-xl border border-4"></div>
<div class="mt-2 text-white">
<h3 class="text-white mb-0">Gladys Colbert</h3>
<p class="text-white-50 mb-1">Software Engineer at Palansite</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<!-- Card -->
<div class="card shadow-lg">
<div class="card-body p-8 text-center">
<i class="mdi mdi-48px mdi-format-quote-open text-light-info lh-1"></i>
<p class="lead text-dark mt-3">Lorem ipsum dolor sit amet, consectetur adipi scing elit. Sed vel felis
imperdiet, lacinia metus malesuada diamamus rutrum turpis leo, id tincidunt magna sodales.</p>
</div>
<!-- Card Footer -->
<div class="card-footer bg-info text-center border-top-0">
<div class="mt-n8"><img src="../assets/images/avatar/avatar-2.jpg" alt="" class="rounded-circle border-info avatar-xl border border-4"></div>
<div class="mt-2 text-white">
<h3 class="text-white mb-0">Ella Jones</h3>
<p class="text-white-50 mb-1">Software Engineer at Classroom</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Optimized for a great developer experience.
"Geeks has created an incredibly seamless experience for app design. My mind is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos uere cubilia curae fusce consequat ligula in dui congue interdum."
"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."
"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."
"Geeks has created an incredibly seamless experience for app design. My mind is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos uere cubilia curae fusce consequat ligula in dui congue interdum."
"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."
"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."
<div class="pb-8 ">
<div class="container">
<div class="row">
<div class="offset-xl-2 col-xl-8 col-12 ">
<div class="row mb-8">
<div class="col-lg-9 col-md-12 col-12 mb-8">
<h2 class="display-4 fw-bold ">The developers loves. Says
</h2>
<p class="h2 text-muted ">Optimized for a great developer experience.</p>
</div>
<div class="col-md-12 col-12">
<div class="owl-carousel owl-theme owl-nav-bottom" id="owl-testimonial-second">
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"Geeks has created an incredibly seamless experience for app design. My mind
is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos
uere cubilia curae fusce consequat ligula in dui congue interdum."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Tim T. Cross<span class="text-info"> /</span> <span class="text-muted">@timcross</span></h4>
</div>
</div>
</div>
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-4.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Bernhard<span class="text-info"> /</span> <span class="text-muted">@xyz</span></h4>
</div>
</div>
</div>
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version.
I hope you are always successful.
Thank you for your services and support."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-5.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Ali<span class="text-info"> /</span> <span class="text-muted">@xyz</span></h4>
</div>
</div>
</div>
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"Geeks has created an incredibly seamless experience for app design. My mind
is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos
uere cubilia curae fusce consequat ligula in dui congue interdum."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Tim T. Cross<span class="text-info"> /</span> <span class="text-muted">@timcross</span></h4>
</div>
</div>
</div>
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-4.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Bernhard<span class="text-info"> /</span> <span class="text-muted">@xyz</span></h4>
</div>
</div>
</div>
<div class="item">
<span class="display-3 text-muted"><i class="mdi mdi-format-quote-open"></i></span>
<p class="fs-3 text-dark lh-lg mb-4">"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version.
I hope you are always successful.
Thank you for your services and support."</p>
<div class="d-flex align-items-center">
<div>
<img src="../assets/images/avatar/avatar-5.jpg" alt="" class="avatar avatar-lg rounded-circle">
</div>
<div class="ms-3">
<h4>Ali<span class="text-info"> /</span> <span class="text-muted">@xyz</span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."
Geeks UI Customer
"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."
Geeks UI Customer
<div class="container py-8">
<div class="row">
<div class="offset-lg-1 col-lg-5 col-md-6 col-12">
<div class="mb-10 mb-md-0">
<!-- image -->
<div class="mb-4">
<img src="../assets/images/svg/hubspot-logo.svg" alt="">
</div>
<!-- para -->
<p class="fs-3 mb-5">"I am very satisfied with my
purchase. Your team
helped me a lot with the new release for RLT
version. I hope you are always successful. Thank
you for your services and support."</p>
<h4 class="mb-0">Ali</h4>
<p>Geeks UI Customer </p>
</div>
</div>
<div class="offset-lg-1 col-lg-5 col-md-6 col-12">
<div class="mb-10 mb-md-0">
<!-- image -->
<div class="mb-5">
<img src="../assets/images/svg/slack-logo.svg" alt="">
</div>
<!-- para -->
<p class="fs-3 mb-5">"This item has everything you need
for creating a
modern learning-platform. Really delighted by
many details and the overall architecture. Support
was superfast and helpful as well."</p>
<h4 class="mb-0">Bernhar</h4>
<p>Geeks UI Customer </p>
</div>
</div>
</div>
</div>
Employees are the most valuable assets an organization has. It s their abilities, knowledge, and experience that can't be replaced.
"Working for Geeks UI has been nothing short of an incredible experience. I am continuously motivated to bring my best self to work with Geek’s core values as inspiration - what a special place to grow and thrive!"
Software Engineer
<div class="py-8 bg-white">
<!-- container -->
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12">
<div class="row">
<div class="col-xl-7 col-lg-10 col-md-12 col-12">
<!-- heading -->
<span class="text-uppercase text-primary fw-semi-bold ls-md">A team member at Geeks</span>
<h1 class="display-4 mt-4 mb-4 fw-bold">Our employees are our
most valuable assets</h1>
<!-- para -->
<p class="fs-3 mb-5">Employees are the most valuable assets an
organization has. It s their abilities, knowledge,
and experience that can't be replaced. </p>
</div>
</div>
<div class="mt-8">
<!-- row -->
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div>
<!-- para -->
<p class="h2 fw-normal mb-6 lh-lg">"Working for Geeks UI has been nothing
short of an incredible experience. I am
continuously motivated to bring my best
self to work with Geek’s core values as
inspiration - what a special place to grow
and thrive!"</p>
<h3 class="mb-1">
Tiffany Moore
</h3>
<p class="mb-0">Software Engineer</p>
</div>
</div>
<div class="offset-lg-1 col-lg-5 col-md-12 col-12">
<!-- image -->
<div class=" mt-6 mt-lg-0">
<img src="../assets/images/career/employee-pic.jpg" alt="" class="img-fluid w-100 rounded-3">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Our average call quality rating is 4.4 out of 5. That leads to happy tweets like these:
"Geeks has created an incredibly seamless experience for app design. My mind is blown fusce consequat ligula in dui congue interdum."
Payments Engineer
"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful."
Senior Data Analyst
<div class="py-8 bg-light ">
<div class="container">
<!-- row -->
<div class="row">
<div class="offset-xl-3 col-xl-6 col-md-12">
<!-- heading -->
<div class="text-center mb-8">
<h1 class="display-4 fw-bold mb-3">Developer<i class="mdi mdi-heart text-danger mx-1"></i>Geeks
</h1>
<!-- para -->
<p class="fs-4">Our average call quality rating is 4.4 out of 5. That leads to happy
tweets like these:</p>
</div>
</div>
</div>
<div class="row">
<!-- col -->
<div class="col-md-6 col-12">
<!-- card -->
<div class="card mb-6 mb-lg-0">
<!-- card body -->
<div class="card-body p-6">
<i class="mdi mdi-48px mdi-format-quote-open text-light-primary lh-1 mb-3 d-block"></i>
<p class="fs-3 text-dark fw-semi-bold">"Geeks has created an incredibly seamless
experience for app design. My mind is blown
fusce consequat ligula in dui congue interdum."</p>
<div class="d-flex mt-4 align-items-center">
<img src="../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-2">
<h5 class="text-primary mb-0">Ronald Richards</h5>
<p class="mb-0 fs-6">Payments Engineer</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<!-- card -->
<div class="card">
<!-- card body -->
<div class="card-body p-6">
<i class="mdi mdi-48px mdi-format-quote-open text-light-primary lh-1 mb-3 d-block"></i>
<p class="fs-3 text-dark fw-semi-bold">"I am very satisfied with my purchase. Your team
helped me a lot with the new release for RLT
version. I hope you are always successful."</p>
<div class="d-flex mt-4 align-items-center">
<img src="../assets/images/avatar/avatar-9.jpg" alt="" class="avatar avatar-md rounded-circle">
<div class="ms-2">
<h5 class="text-primary mb-0">Darlene Robertson</h5>
<p class="mb-0 fs-6">Senior Data Analyst</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
A customer story is an engaging article integrating testimonial quotes from a happy client or customer praising the work completed together.
"Geeksjobs Welcome has helped us achieve continuity to ensure that all of our employees are on the same page."
David Stokes
Program Manager at Company<section class="py-lg-16 bg-white pt-8 pb-10">
<!-- container -->
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-md-12 col-12">
<div class="row text-center">
<!-- col -->
<div class="col-md-12 px-md-16 mb-8 mt-6">
<span class="text-uppercase text-primary fw-semi-bold ls-md">Customer stories
</span>
<!-- heading -->
<h2 class="h1 fw-bold mt-3 mb-2">What our customer stories
</h2>
<!-- text -->
<p class="mb-0 fs-4">A customer story is an engaging article integrating testimonial quotes
from a happy
client or customer praising the work completed together.</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-12">
<div class="mb-8 mb-lg-0 me-lg-4">
<!-- text -->
<p class="display-6 mb-4 lh-2">"Geeksjobs Welcome has helped us
achieve continuity to ensure that all of our
employees are on the same page."</p>
<!-- text -->
<p class="mb-0 ">David Stokes</p>
<span class="">Program Manager at Company</span>
</div>
</div>
<!-- col -->
<div class="col-lg-5 col-md-12 col-12">
<div>
<!-- Img -->
<img src="../../assets/images/background/case-study-img-1.jpg" alt="" class="img-fluid rounded-3 w-100">
</div>
</div>
</div>
<div class="row">
<div class="col">
<!-- button -->
<a href="#" class="btn btn-outline-primary mt-lg-2 mt-4">View All Stories </a>
</div>
</div>
</div>
</div>
</div>
</section>
Hear from teachers, trainers, and leaders in the learning space about how Geeks empowers them to provide quality online learning experiences.
“The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”
“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”
“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”
“The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”
“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”
“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”
<!-- section -->
<section class=" bg-light pt-14 pb-16">
<div class="container">
<!-- row -->
<div class="row mb-10">
<div class="offset-lg-1 col-lg-10 col-12">
<div class="row align-items-center">
<!-- col -->
<div class="col-md-6">
<!-- rating -->
<div class="">
<div class="mb-3"><span class="text-dark fw-semi-bold">4.5/5.0</span> <span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">5</span><span class="ms-2">(Based on 3265 ratings)</span></div>
<!-- heading -->
<h2 class="h1">What our customers say</h2>
<p class="mb-0"> Hear from <span class="text-dark">teachers</span>, <span
class="text-dark">trainers</span>, and <span class="text-dark">leaders</span> in the learning space
about how Geeks empowers them to provide
quality online learning experiences.</p>
</div>
</div>
<div class="col-md-6 text-md-end mt-4 mt-md-0">
<!-- btn -->
<a href="#" class="btn btn-primary">View Reviews</a>
</div>
</div>
</div>
</div>
<!-- row -->
<div class="row">
<!-- col -->
<div class="col-md-12">
<div >
<!-- controls -->
<!-- slider -->
<div class="owl-carousel owl-theme owl-themenav" id="owl-testimonialThird">
<!-- item -->
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto mx-auto">
<p class="mb-0 mt-3">“The generated lorem Ipsum is therefore always free from repetition, injected
humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”</p>
<!-- rating -->
<div class="lh-1 mb-3 mt-4">
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">5</span>
<!-- text -->
</div>
<h3 class="mb-0 h4">Gladys Colbert</h3>
<span>Software Engineer at Palantir</span>
</div>
</div>
</div>
<!-- item -->
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-2.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto">
<p class="mb-0 mt-3">“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”</p>
<!-- rating -->
<div class="lh-1 mb-3 mt-4">
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">3.5</span>
</div>
<!-- text -->
<h3 class="mb-0 h4">Lisa D. Roloff</h3>
<span>Web Developer at Codescandy</span>
</div>
</div>
</div>
<!-- item -->
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-3.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto">
<p class="mb-0 mt-3">“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et
accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”</p>
<!-- rating -->
<div class="lh-1 mb-3 mt-4">
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">4.0</span>
</div>
<!-- text -->
<h3 class="mb-0 h4">Leigh F. Keller</h3>
<span>Marketing Manager at EaseTemplate</span>
</div>
</div>
</div>
<!-- item -->
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-4.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto">
<p class="mb-0 mt-3">“The generated lorem Ipsum is therefore always free from repetition, injected
humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”</p>
<!-- rating -->
<div class="lh-1 mb-3 mt-4">
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">5.0</span>
</div>
<!-- text -->
<h3 class="mb-0 h4">Gladys Colbert</h3>
<span>Software Engineer at Palantir</span>
</div>
</div>
</div>
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-5.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto">
<p class="mb-0 mt-3">“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”</p>
<div class="lh-1 mb-3 mt-4">
<!-- rating -->
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">3.5</span>
</div>
<!-- text -->
<h3 class="mb-0 h4">Lisa D. Roloff</h3>
<span>Web Developer at Codescandy</span>
</div>
</div>
</div>
<div class="item">
<div class="card">
<div class="card-body text-center p-6">
<!-- img -->
<img src="../../assets/images/avatar/avatar-6.jpg" alt="" class="avatar avatar-lg rounded-circle mx-auto">
<p class="mb-0 mt-3">“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et
accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”</p>
<!-- rating -->
<div class="lh-1 mb-3 mt-4">
<span>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning me-n1"></i>
<i class="mdi mdi-star text-warning"></i>
</span>
<span class="text-warning">4.5</span>
</div>
<!-- text -->
<h3 class="mb-0 h4">Leigh F. Keller</h3>
<span>Marketing Manager at EaseTemplate</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>