Testimonials

Geeks UI Provides responsive bootstrap testimonials snippets examples that fits for your web application/project.

Testimonials #1

Design
HTML

Testimonials

Don’t just take our word for it.

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."

Barry Watson

Web Developer,UK

"Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vulputate euismod justo in consequat. Sed tempus elementum urnanisl et lacus. "

Linda Shenoy

Developer and Bootcamp Instructor

"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."

Jean Watson

Engineering Architect

"Morbi quis posuere lacus. Morbi et metus sit amet tellus dapibus aliquam. Morbi consectetur magna vel turpis lobortis lorem iopsum dolor sit commodo."

John Deo

Web Developer,UK

" Curabitur sollicitudin mi et sagittis egestas. Curabitur pellentesque nibh id enim hendrerit, at mollis neque rutrum. Sed nibh velit, tristique et dolor vitae."

Rubik Nanda

Web Developer,UK

"Vestibulum in lobortis purus. Quisque sem turpis, hendrerit quis lacinia nec, rutrum nec velit. Nullam lobortis rhoncus tincidunt lorem ispun dnascetur ridiculus mus. "

Barry Watson

Web Developer,UK

"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."

Barry Watson

Web Developer,UK

"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."

Jean Watson

Engineering Architect

<!-- container -->
                                <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">
                                         <div class="position-relative">
                                            <!-- controls -->
                                            <ul class="controls-testimonial controls " id="sliderTestimonialControls">
                                               <li class="">
                                                  <i class="fe fe-chevron-left"></i>
                                               </li>
                                               <li class="next ms-2">
                                                  <i class="fe fe-chevron-right"></i>
                                               </li>
                                            </ul>
                                            <!-- slider -->
                                            <div class="sliderTestimonial">
                                               <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>
                                </div>

Testimonials

What our learners are saying

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.

Gladys Colbert

Software Engineer at Palansite

Lorem ipsum dolor sit amet, consectetur adipi scing elit. Sed vel felis imperdiet, lacinia metus malesuada diamamus rutrum turpis leo, id tincidunt magna sodales.

Ella Jones

Software Engineer at Classroom

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

Testimonial #3

Design
HTML

The developers loves. Says

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."

Tim T. Cross / @timcross

"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."

Bernhard / @xyz

"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."

Ali / @xyz

Tim T. Cross / @timcross

"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."

Bernhard / @xyz

"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."

Ali / @xyz

  <div class="py-14">
                            <!-- Container -->
                            <div class="container">
                              <div class="row">
                                <div class="offset-xl-2 col-xl-8 col-12">
                                  <!-- Row -->
                                  <div class="row mb-8">
                                    <div class="col-lg-9 col-md-12 col-12 mb-8">
                                      <!-- Heading -->
                                      <h2 class="display-4 fw-bold">The developers loves.
                                        Says
                                      </h2>
                                      <!-- Para -->
                                      <p class="h2 text-muted">Optimized for a great developer
                                        experience.</p>
                                    </div>
                                    <div class="col-md-12 col-12">
                                      <div class="position-relative">
                                        <!-- controls -->
                                    <ul class="controls-testimonial controls  justify-content-start" id="sliderTestimonialSecondControls">
                                      <li class="prev me-2 ms-0">
                                        <i class="fe fe-chevron-left"></i>
                                      </li>
                                      <li class="next">
                                        <i class="fe fe-chevron-right"></i>
                                      </li>
                                    </ul>
                                      <!-- slider -->
                                    <div class="sliderTestimonialSecond">
                                      <div class="item">
                                        <div>
                                          <!-- para -->
                                          <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>
                                            <!-- img-->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-1.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- text -->
                                            <div class="ms-3">
                                              <h4>Tim T. Cross<span class="text-info"> /</span>
                                                <span class="text-muted">@timcross</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="item">
                                        <div>
                                          <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>
                                            <!-- Img -->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-4.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- Text -->
                                            <div class="ms-3">
                                              <h4>Bernhard<span class="text-info"> /</span>
                                                <span class="text-muted">@xyz</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="item">
                                        <div>
                                          <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>
                                            <!-- Img -->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-5.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- Text -->
                                            <div class="ms-3">
                                              <h4>Ali<span class="text-info"> /</span> <span
                                                  class="text-muted">@xyz</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="item">
                                        <div>
                                          <!-- para -->
                                          <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>
                                            <!-- img-->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-1.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- text -->
                                            <div class="ms-3">
                                              <h4>Tim T. Cross<span class="text-info"> /</span>
                                                <span class="text-muted">@timcross</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="item">
                                        <div>
                                          <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>
                                            <!-- Img -->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-4.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- Text -->
                                            <div class="ms-3">
                                              <h4>Bernhard<span class="text-info"> /</span>
                                                <span class="text-muted">@xyz</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="item">
                                        <div>
                                          <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>
                                            <!-- Img -->
                                          <div class="d-flex align-items-center">
                                            <div>
                                              <img src="../../assets/images/avatar/avatar-5.jpg"
                                                alt="" class="avatar avatar-lg rounded-circle">
                                            </div>
                                            <!-- Text -->
                                            <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>
                            </div>
                          </div>