Case Study Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Team Testimonials

Case Study #1

  <!--Case study start-->
                                       <section class="py-xl-9 py-5 bg-gray-900">
                                          <div class="container">
                                             <div class="row">
                                                <div class="col-lg-8 offset-lg-2 col-12">
                                                   <div class="text-center mb-xl-7 mb-5">
                                                      <small class="text-uppercase ls-md fw-semibold text-primary">Case study</small>
                                                      <h2 class="my-3 text-white-stable">Explore Success Stories</h2>
                                                      <p class="mb-0 text-body">Explore Success Stories: Real-World Impact through Our Customer Case Studies</p>
                                                   </div>
                                                </div>
                                             </div>
                                             <div class="swiper sliderSwiperThumbanil">
                                                <div class="swiper-wrapper pb-lg-8 pb-4 pt-1">
                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-1.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-1.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">Revolutionizing Healthcare Delivery</a></h4>
                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-2.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-2.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">Financial Institution Fin-tech Success Story</a></h4>

                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-3.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-3.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">Digital Educational Learning Innovation</a></h4>

                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-4.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-4.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">Revolutionizing Efficiency: How Codescandy Enhanced Operations for Client</a></h4>

                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>

                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-5.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-5.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">From Challenge to Triumph: The [Client Name] Success Story</a></h4>

                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="swiper-slide">
                                                      <div class="card border-0 h-100 card-lift">
                                                         <a href="#!"><img src="../assets/images/landings/it-company/it-company-case-study-6.jpg" alt="about" class="img-fluid rounded-top-3" /></a>
                                                         <div class="card-body">
                                                            <div class="d-flex flex-column gap-2">
                                                               <div>
                                                                  <img src="../assets/images/landings/it-company/casestudy-logo-6.svg" alt="case-study" />
                                                               </div>
                                                               <div class="d-flex flex-column gap-4">
                                                                  <h4><a href="#!" class="text-reset">A Deep Dive into [Client Name]'s Digital Transformation Journey</a></h4>

                                                                  <a href="#!" class="icon-link icon-link-hover">
                                                                     Read Case Study
                                                                     <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                                        <path
                                                                           fill-rule="evenodd"
                                                                           d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                                     </svg>
                                                                  </a>
                                                               </div>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                                <div class="d-flex gap-3 justify-content-center">
                                                   <div class="btn-prev btn btn-icon btn-white rounded-pill">
                                                      <i class="bi bi-arrow-left-short fs-3 lh-1"></i>
                                                   </div>
                                                   <div class="btn-next btn btn-icon btn-white rounded-pill">
                                                      <i class="bi bi-arrow-right-short fs-3 lh-1"></i>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </section>
                                       <!--Case study end-->
s