<?php if(have_posts()) : the_post();
?>
  <!-- club news -->

  <div class="text-center red-bg club-news-section">
    <div class="container md:p-0 pb-6  sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12">
      <div class="lg:col-span-3 club-news-bg flex justify-center items-center md:p-0 p-6">
        <h3>
          CLUB NEWS
        </h3>
      </div>
      <div class="lg:col-span-7">
        <p class="text-white text-sml lg:max-w-6xl lg:mx-auto py-4"> Taylor Fritz beats Alexander Zverev 7-6 (7-2) 3-6 6-4 7-6 (7-3); fellow American Emma Navarro rides stunning secon-set turnaround to beat Paula Badosa 6-2 7-5; watch Jack Draper's
          quarter-final vs ..</p>
      </div>
      <div class="lg:col-span-2 flex justify-center items-center">
        <a class="btn-outline-reg" href="#">More News</a>
      </div>

    </div> <!-- end of container -->
  </div>
  <!-- end of club news -->
  <!-- Details 1 -->
  <div class="mt-28">
    <div class="container px-4 sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12">
      <div class="lg:col-span-4">
        <div class="mb-12 lg:mb-0 xl:mr-14 text-center lg:text-left">
          <img class="inline" src="<?php echo ISSPATH; ?>/images/play-tennis.png" alt="alternative" />
        </div>
      </div> <!-- end of col -->
      <div class="lg:col-span-7">
        <div>
          <h2 class="mb-6">PLAY TENNIS</h2>
          <p class="p-width">
            The Club offers a prime tennis experience in Trivandrum with high quality ambience and facilities that will enthuse every tennis player. The Club's tennis courts are open to the public except during select hours when they are reserved for
            the Club members. Tennis programmes offered by TTC range from recreational to competitive to advanced training for all age groups...
          </p>
          <a class="btn-solid-nml" href="#">Details</a>
        </div>
      </div> <!-- end of col -->
    </div> <!-- end of container -->
  </div>
  <!-- end of details 1 -->


  <!-- Details 2 -->
  <div class="mt-28 md:mt-0">
    <div class="container md:p-0 pb-4 px-4 lg:grid lg:grid-cols-12 lg:gap-x-12">
      <div class="lg:col-span-4">
        <div class="mb-12 lg:mb-0 xl:mr-14 text-center lg:text-left">
          <img class="inline md:hidden" src="<?php echo ISSPATH; ?>/images/tournaments.png" alt="" />
        </div>
      </div> <!-- end of col -->

      <div class="lg:col-span-4">
        <div class="mb-16 lg:mb-0">
          <h2 class="mb-6">COACHING</h2>
          <p>Various tournaments in tennis and other sports and games are held from time to time across the year in the club. The major tournaments in tennis include AITA for all age groups, South West tournaments for men and women,  ITF Futures and
            more. </p>
          <a class="btn-solid-nml" href="#">Details</a>
        </div>
      </div>
      <div class="lg:col-span-4">
        <div class="xl:ml-14 text-center lg:text-left">
          <img class="inline hidden md:block" src="<?php echo ISSPATH; ?>/images/tournaments.png" alt="" />
        </div>
      </div>
      <!-- end of col -->
    </div> <!-- end of container -->
  </div>
  <!-- end of details 2 -->


  <!-- Details 3 -->
  <div>
    <div class="container px-4 sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12">
      <div class="lg:col-span-4">
        <div class="mb-12 lg:mb-0 xl:mr-14 text-center lg:text-left">
          <img class="inline" src="<?php echo ISSPATH; ?>/images/coaching.png" alt="" />
        </div>
      </div> <!-- end of col -->
      <div class="lg:col-span-7">
        <div>
          <h2 class="mb-6">PLAY TENNIS</h2>
          <p class="p-width">
            The Club offers a prime tennis experience in Trivandrum with high quality ambience and facilities that will enthuse every tennis player. The Club's tennis courts are open to the public except during select hours when they are reserved for
            the Club members. Tennis programmes offered by TTC range from recreational to competitive to advanced training for all age groups...
          </p>
          <a class="btn-solid-nml" href="#">Details</a>
        </div>
      </div> <!-- end of col -->
    </div> <!-- end of container -->
  </div>
  <!-- end of details 3 -->
  <!-- Pricing -->
  <div class="cards-2 mt-24">
    <div class=" bottom-0 h-40 w-full">

      <div class="container px-4 pb-px sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12">
        <div class="lg:col-span-5">
          <h2 class="mb-2.5 text-white text-left">OTHER SPORTS & <br>ACTIVITIES</h2>
          <p class="mb-2.5 white-text-new text-left">
            The club is vibrant with sports and activities all around the year. All the major festivals and special days are celebrated with enthusiasm. The club also takes active role in social activities and contributes substantially to the society
            at large. </p>
          <a class="btn-solid-grn" href="#">Read More</a>
        </div>
      </div> <!-- end of container -->
    </div> <!-- end of cards-2 -->
  </div>
  <!-- end of pricing -->
  <!-- About -->
  <div class="mt-32">
    <div class="container-md px-4 pb-px sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12 text-center">
      <div class="lg:col-span-12">
        <h2 class="about-title">About us</h2>
        <h3 class="about-sub-title mt-7">India's finest Tennis Club since 1936.</h3>
        <p class="about-p  md:w-7/12 w-full">
          Trivandrum Tennis Club (TTC) is one of the finest tennis clubs in India. It has nine courts, four of which are clay courts and five are synthetic hard courts. Three of the synthetic courts are roofed and lighted. The Club’s show court,
          court no 1, is clay and has flood lights. The overall infrastructure is world class, and it is a matter of pride that the TTC complex has, over the years, played host to several international and national tennis events.
        </p>
        <video class="w-4/5 rounded-lg mx-auto" controls>
          <source src="<?php echo ISSPATH; ?>/images/tennis.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>
      </div>
    </div>
  </div>
  <div class="mt-32 facility">
    <div class="container px-4 pb-px sm:px-8 lg:grid lg:grid-cols-12 lg:gap-x-12 ">
      <div class="lg:col-span-6">
        <h2>What Other Facilities<br />we can provide?</h2>
      </div>
      <div class="lg:col-span-6">
        <p>The club has well appointed guest rooms, gymnasium, restaurants, permit room, meeting rooms, function halls, library, lounge, lawns and round the clock service to cater to the convenience of guests. Facilities are also in place for indoor
          sports like Billiards & Snooker, Table Tennis, Bridge and Rummy, and Carroms.</p>
      </div>
      <div class="lg:col-span-12">
        <!--HTML CODE-->
        <div class="w-full relative mt-16">
          <div class="swiper multiple-slide-carousel swiper-container">
            <div class="swiper-wrapper mb-16">
              <div class="swiper-slide relative">
                <div class="bg-indigo-50 rounded-2xl h-96 flex justify-center items-center">
                  <img src="<?php echo ISSPATH; ?>/images/f-1.png" />
                  <span class="text-2xl facility-name font-semibold text-indigo-600">LOBBY</span>
                </div>
              </div>
              <div class="swiper-slide relative">
                <div class="bg-indigo-50 rounded-2xl h-96 flex justify-center items-center">
                  <img src="<?php echo ISSPATH; ?>/images/f-2.png" />
                  <span class="facility-name text-2xl font-semibold text-indigo-600">Billiards</span>
                </div>
              </div>
              <div class="swiper-slide relative">
                <div class="bg-indigo-50 rounded-2xl h-96 flex justify-center items-center">
                  <img src="<?php echo ISSPATH; ?>/images/f-3.png" />
                  <span class="text-2xl facility-name font-semibold text-indigo-600">Table Tennis</span>
                </div>
              </div>
              <div class="swiper-slide relative">
                <div class="bg-indigo-50 rounded-2xl h-96 flex justify-center items-center">
                  <img src="<?php echo ISSPATH; ?>/images/f-2.png" />
                  <span class="text-2xl facility-name font-semibold text-indigo-600">Billiards </span>
                </div>
              </div>
            </div>
            <div class="absolute flex justify-center items-center m-auto left-0 right-0 w-fit bottom-12">
              <button id="slider-button-left" class="swiper-button-prev group !p-2 flex justify-center items-center border border-solid border-indigo-600 !w-12 !h-12 transition-all duration-500 rounded-full  hover:bg-indigo-600 !-translate-x-16"
                data-carousel-prev>

                <img src="<?php echo ISSPATH; ?>/images/next-1.png">
              </button>
              <button id="slider-button-right" class="swiper-button-next group !p-2 flex justify-center items-center border border-solid border-indigo-600 !w-12 !h-12 transition-all duration-500 rounded-full hover:bg-indigo-600 !translate-x-16"
                data-carousel-next>
                <img src="<?php echo ISSPATH; ?>/images/prev-1.png">
              </button>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- end of About -->
  <!-- Testimonials -->
  <div class="slider-1 py-32">
    <div class="container px-4 sm:px-8">
      <h2 class="mb-12 text-center lg:max-w-xl lg:mx-auto uppercase">Upcoming fixtures/Events</h2>

      <!-- Card Slider -->
      <div class="slider-container">
        <div class="swiper-container card-slider">
          <div class="swiper-wrapper">

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="col-span-6 md:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="col-span-6 d:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>

            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

            <!-- Slide -->
            <div class="swiper-slide">
              <div class="s-box lg:grid lg:grid-cols-12">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
              <div class="s-box lg:grid lg:grid-cols-12 mt-5">
                <div class="lg:col-span-6">
                  <img src="<?php echo ISSPATH; ?>/images/s1.png" />
                </div>
                <div class="lg:col-span-6 lg:pl-5">
                  <h2>Fixture</h2>
                  <h3>SSL Match 2024</h3>
                  <p>
                    Saturday 15, September

                  </p>
                  <a href="#" class="view-mr">View Information</a>
                </div>
              </div>
            </div> <!-- end of swiper-slide -->
            <!-- end of slide -->

          </div> <!-- end of swiper-wrapper -->

          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
          <!-- end of add arrows -->

        </div> <!-- end of swiper-container -->
      </div> <!-- end of slider-container -->
      <!-- end of card slider -->

    </div> <!-- end of container -->
  </div> <!-- end of slider-1 -->
  <!-- end of testimonials -->
<?php endif; ?>