service.php

<?php include('include/currentPage_header.php') ?>

 <!-- service page carousel  -->

<section class="white-section " id="testimonial-service">
<div id="testimonial-carousel" class="carousel slide" data-ride="false">
  <div class="carousel-inner">
    <div class="carousel-item active container-fluid">
      <h2 class="testimonial-text">We offers High-speed free Internet access is complimentary both in the rooms and public areas</h2>
      <img class='testimonials-image' src="assets/picture/icons/wifi.png" alt="dog-profile">
      <em>Free Wifi</em>
    </div>
    <div class="carousel-item container-fluid">
      <h2 class="testimonial-text">The hotel restaurant with both indoor and outdoor seating offers an open-buffet breakfast </h2>
      <img class="testimonials-image" src="assets/picture/icons/hot-cup.png" alt="lady-profile">
      <em>Breakfast & Tea</em>
    </div>
    <div class="carousel-item container-fluid">
      <h2 class="testimonial-text">Laguage storages for customer vacations</h2>
      <img class='testimonials-image' src="assets/picture/icons/lockers.png" alt="dog-profile">
      <em>Locking System</em>
    </div>
    <div class="carousel-item container-fluid">
      <h2 class="testimonial-text">We provide best laundry services to reduce customer works</h2>
      <img class="testimonials-image" src="assets/picture/icons/laundry.png" alt="lady-profile">
      <em>Laundry Service</em>
    </div>
  </div>
  <a class="carousel-control-prev " href="#testimonial-carousel" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon icon-black"></span>
 
  </a>
  <a class="carousel-control-next text-dark" href="#testimonial-carousel" role="button" data-slide="next">
    <span class="carousel-control-next-icon icon-black"></span>
   
  </a>
</div>
</div>
</section>



<section id="services" class="colored-section">

<div class="container marketing p-5">

        <!-- Three columns of text below the carousel -->
        <div class="row ">
          <div class="col-lg-4">
            <img  src="assets/picture/icons/air-conditioner.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Air Conditioning</h2>
            <p>Ac is directly accessible from guestroom corridors.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
          <img  src="assets/picture/icons/lockers.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Locking System</h2>
            <p>Laguage storages for customer vacations.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
          <img  src="assets/picture/icons/iron.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Room Services</h2>
            <p>After washing cloths your dresses are packed by ironing.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->
        <div class="row ">
          <div class="col-lg-4">
            <img  src="assets/picture/icons/kitchen.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Kitchen services</h2>
            <p>Delivery time when promised; and no more than 30 minutes tops for impulse ordering.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
          <img  src="assets/picture/icons/online-appointment.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Online Services</h2>
            <p>Whether you book a hotel online, on the phone, or through a travel agent, it should be a simple process.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
          <img  src="assets/picture/icons/muscle.png" alt="Generic placeholder image" width="80" height="80"><br>
            <h2>Heading</h2>
            <p>The facility should include at least a range of basic equipment: a StairMaster, a treadmill, a stationary bike, free weights, and floor mats.</p>
            <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
          </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->


        
  </section>
  <section class="white-section container">
        <!-- START THE FEATURETTES -->

        <hr class="featurette-divider">

        <div class="row featurette">
          <div class="col-md-7 p-5 mt-4">
            <h2 class="featurette-heading">Accomodation Services  <span class="text-muted"> Customers Care</span></h2>
            <p class="lead">Ten distinct dining destinations featuring Indian & international cuisine along with some of the world's most well appreciated and prized beverages.</p>
          </div>
          <div class="col-md-5">
            <img class="featurette-image img-fluid mx-auto side-image" data-src="holder.js/500x500/auto" alt="500x500"  src="assets/picture/service/accommodation.jpg" data-holder-rendered="true">
          </div>
        </div>

        <hr class="featurette-divider">

        <div class="row featurette">
          <div class="col-md-7 order-md-2 p-5 mt-4">
            <h2 class="featurette-heading">Map Direction  <span class="text-muted"> Best Guidence</span></h2>
            <p class="lead">With 506 rooms, 78 luxuriously appointed service apartments & 16 palatial suites which are the epitome of Indian grace and style.</p>
          </div>
          <div class="col-md-5 order-md-1">
          <img class="featurette-image img-fluid mx-auto side-image" data-src="holder.js/500x500/auto" alt="500x500" src="assets/picture/service/direction.jpg"  data-holder-rendered="true">
          </div>
        </div>

        <hr class="featurette-divider">

        <div class="row featurette">
          <div class="col-md-7 p-5 mt-4">
            <h2 class="featurette-heading">Great Experience  <span class="text-muted"> Makes you feel better </span></h2>
            <p class="lead">Embodying our commitment to holistic wellbeing, ITC Grand Chola offers facilities that provide healthier options for a better stay.</p>
          </div>
          <div class="col-md-5">
          <img class="featurette-image img-fluid mx-auto side-image" data-src="holder.js/500x500/auto" alt="500x500" src="assets/picture/service/experience.jpg" data-holder-rendered="true">
          </div>
        </div>

        <hr class="featurette-divider">

        <!-- /END THE FEATURETTES -->

      </div>
      </section>
      

<?php include('include/footer.php')?>