index.php

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

<!-- Carousel  -->
  
  <section class="carousel-section" id="slider">
   
   <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
       <ol class="carousel-indicators">
         <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
       </ol>
       <div class="carousel-inner">
         <div class="carousel-item active">
           <img class="d-block w-100" src="assets/picture/cesourel/B.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5">The Best lighting Effects</h1>
               <p>The quality of the overall lighting scheme and its effect on mood 
                 is often dependent on the relationship between the key and fill lights...</p>
             </div>
         </div>
         <div class="carousel-item ">
           <img class="d-block w-100" src="assets/picture/cesourel/location.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5 text-dark">The well-connected roads and transportation system </h1>
               <p class="text-dark">Easy accessibility to commercial points and key areas in the city with best parking area...</p>
             </div>
         </div>
         <div class="carousel-item ">
           <img class="d-block w-100" src="assets/picture/cesourel/Parking.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5 text-dark">Sufficient capacity and convenient location of parking spaces </h1>
               <p class="text-dark">A well-designed and maintained parking lot not only improves the curb appeal of the establishment...</p>
             </div>
         </div>
         <div class="carousel-item ">
           <img class="d-block w-100" src="assets/picture/cesourel/Reception.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5">A welcome goes beyond words, it creates a feeling of caring and gives a sense of pleasure</h1>
               <p >Easy accessibility to commercial points and key areas in the city with best parking area.</p>
             </div>
         </div> 
         <div class="carousel-item ">
           <img class="d-block w-100" src="assets/picture/cesourel/Service.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5 text-dark"> Guest can eat and drink within their own private room in the hotel</h1>
               <p class="text-dark">Offer coupons and discounts to local attractions...</p>
             </div>
         </div>
           <div class="carousel-item ">
           <img class="d-block w-100" src="assets/picture/cesourel/lighting.jpg" alt="First slide">
           <div class="carousel-caption d-none d-md-block">
               <h1 class="display-5">The Best lighting Effects </h1>
               <p>The quality of the overall lighting scheme and its effect on mood 
                 is often dependent on the relationship between the key and fill lights...</p>
             </div>
         </div>
       </div>
       <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
         <span class="sr-only">Previous</span>
       </a>
       <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
       </a>
     </div>
   </section>

 
 <!-- Page Content -->

 <section class="py-5 white-section" id="introduction" >
   <div class="container">
     <h1 class="display-4 title"><?php echo $general_setting['Name'] ?>,luxury collections ,chennai.</h1>
     <p class="lead">The well-connected roads with transportation system and with safty measures of clients</p>
   </div>

   <div class="container"> 
       
           <h3>Overview</h3>
     
           <p class="text-justify">This ornate, palatial tribute to Southern India's greatest empires -The pasific - overlooks 
               verdant foliage in the heart of Chennai. This luxury hotel offers one of the largest banqueting 
               facilities in India, 10 award winning F&B outlets, signature wellness experiences and more.<br>
               It embodies the highest standards in Indian hospitality balanced with elegant restraint in a prime 
               property with distinct personality.
               <br>
               The passific has 522 rooms and 78 luxuriously appointed service apartments- collectively 
                   its 600 spacious guest rooms, suites and luxury service apartments,are the epitome 
                   of Indian grace and style, expertly delegated with thoughtful amenities.The pasific meets 
                   the needs of both the business traveller on the move as well as the bespoke requirements of 
                   the destination connoisseur.</p>

               <p><blockquote class="blockquote">Ideal Location</blockquote>

                       The delights of this luxurious hotel are varied. As a fascinating 
                       throwback to a vibrant period in Indian history, The pasific stands for timeless beauty 
                       and luxury. Built in the midst of the business hub of Guindy and located on Mount Road
                       ,Pasific in Chennai is within close proximity to many key areas of Chennai and is just 8
                        km away from the domestic and international airport which serves as an ideal destination
                         for both business and leisure sojourns. The well-connected roads and transportation system 
                         enable easy accessibility to commercial points and key areas in the city.
               </p>
                       
               <p>     
               <blockquote class="blockquote">Refined Artistry</blockquote>
                       Towering facades and flowing architecture are leaves taken from the aesthetics of the Cholas,
                        an ancient dynasty that made a deep impact on many regions within and outside of this country.
                         From the shores of the Bay of Bengal to that of South Asian borders of Malaysia, China 
                         and Sri Lanka among others, the Cholas have influenced art, architecture and culture from
                          their time to now. 
               </p>
               
      </div>       
   </section>    
   
   <!--Hotel Features-->
       
   <section class="py-5 colored-section" id="grid" >
       
           <div class="container">
           <div class="row">
               
               <div class="col-xs-12 col-sm-6 col-md-4 cd-lg-4">
               <div class="box container text-center">
                  <img class='img mb-4' src='assets/picture/common/summing.jpg' alt='Image Error' width='350px' height='200px'>
                       <center><h3>CITY GETAWAY</h3></center>
                   <p class="mb-4">Discover exquisite weekend getaways in the comfort of your own city. Enjoy breakfast,
                        Wi-Fi, happy hours, savings on dining & spa, and more.</p>
                      
               </div>
               </div>
               
               <div class="col-xs-12 col-sm-6 col-md-4 cd-lg-4">
               <div class="box container text-center">
                   <img class='img mb-4' src='assets/picture/common/accomadation.jpg' alt='Image Error'  width='350px' height='200px'>
                   <center><h3>ACCOMMODATION</h3></center>
                   <p class="mb-4">With 506 rooms, 78 luxuriously appointed service apartments & 16 palatial suites which
                        are the epitome of Indian grace and style.</p>
           
               </div>
               </div>
               
               <div class="col-xs-12  col-sm-6 col-md-4 cd-lg-4">
               <div class="box container text-center">
                   <img class='img mb-4' src='assets/picture/common/well.jpg' alt='Image Error'  width='350px' height='200px'> 
                   <center><h2>DINING</h2></center>
                   <p class="mb-4">Ten distinct dining destinations featuring Indian & international cuisine along with some of the world's most well appreciated and prized beverages.</p>
                   
               </div>
               </div>
             </div>
               <div class="row">
               
                   <div class="col-xs-12  col-sm-6 col-md-4 cd-lg-4">
                   <div class="box container text-center">
                       <img class='img mb-4' src='assets/picture/common/dining.jpg' alt='Image Error' width='350px' height='200px'>
           
                       <center><h2>WELLNESS</h2></center>
                       <p class="mb-4">Embodying our commitment to holistic wellbeing, ITC Grand Chola offers facilities that provide healthier options for a better stay.</p>
                       
                   </div>
                   </div>
                   
                   <div class="col-xs-12 col-sm-6 col-md-4 cd-lg-4">
                   <div class="box container text-center">
                       <img class='img mb-4' src='assets/picture/common/suits.jpg' alt='Image Error' width='350px' height='200px'>
                       <center><h2>SHORT BREAK</h2></center>
                       <p class="mb-4">Capture a lifetime of great memories. Includes Wi-Fi, Breakfast and more</p>
               
                   </div>
                   </div>
                   
                   <div class="col-xs-12  col-sm-6 col-md-4 cd-lg-4">
                   <div class="box container text-center">
                       <img class='img mb-4' src='assets/picture/common/away.jpg' alt='Image Error' width='350px' height='200px'>
                       <center><h2>SUITE SOJOURNS</h2></center>
                        <p class="mb-4">Exceptional value for a superlative suite experience with airport transfers, Wi-Fi, breakfast and more.</p>
                  
                   </div>
                   </div>
               
           </div>
          


    </section>



   
    <section class="white-section" id="feature">
    <div class="row featurette m-5">
          <div class="col-md-7 container">
            <h1 class="featurette-heading display-5">Managing Hotel Facility. <span class="text-muted lead">Space Usage Plan</span></h1>
            <p class="lead">Management of a hotel facility is another important aspect of facility planning that facility planning firms, such as HPG Consulting, handle on a regular basis. The main objective is to ensure seamless coordination among various hotel processes, and business continuity and sustainability. It takes into account hotel space, infrastructure, personnel,
             and equipment and helps ensure they comply with the requirements of the business.</p>
          </div>
          <div class="col-md-5 ">
            <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="500x500" style="width: 500px; height: 400px;" src="assets/picture/service/space.jpg" data-holder-rendered="true">
          </div>
        </div>
</section>

<!-- Testimonials -->
  

<section class="colored-section pt-3" id="testiminoal-rooms">

<div class="container my-4">

<!--Carousel Wrapper-->
<div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel">

  <!--Controls-->
  <div class="controls-top d-flex justify-content-center">
    <a class="btn-floating" href="#multi-item-example" data-slide="prev"><i class="fas fa-chevron-left"></i></a>
    <a class="btn-floating ml-5" href="#multi-item-example" data-slide="next"><i
        class="fas fa-chevron-right"></i></a>
  </div>
  <!--/.Controls-->

  <!--Indicators-->
  <ol class="carousel-indicators">
    <li data-target="#multi-item-example" data-slide-to="0" class="active"></li>
    <li data-target="#multi-item-example" data-slide-to="1"></li>
    
  </ol>
  <!--/.Indicators-->

  <!--Slides-->
  <br>
  <div class="carousel-inner" role="listbox">

    <!--First slide-->
    <div class="carousel-item active">

      <div class="col-md-3" style="float:left">
       <div class="card mb-2 ">
          <img class="card-img-top"
            src="assets/picture/common/away.jpg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Suite Sojourns</h4>
            <p class="card-text">Exceptional value for a superlative experience with Wi-Fi, breakfast and more.</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/suits.jpg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Short Break</h4>
            <p class="card-text">Capture a lifetime of great memories. 
              Includes Wi-Fi, Breakfast and more</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/dining.jpg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Wellness</h4>
            <p class="card-text">Capture a lifetime of great memories.
               Includes Wi-Fi, Breakfast and more</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>
      
       <div class="col-md-3" style="float:left">
       <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/accomadation.jpg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Accommodation</h4>
            <p class="card-text"> Apartments which
                        are the epitome of Indian grace and style</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

    </div>
    <!--/.First slide-->

    <!--Second slide-->
    <div class="carousel-item">

      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(60).jpg" alt="Card image cap"  height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">City Gateway</h4>
            <p class="card-text">Discover exquisite weekend getaways in the comfort of your own city. Enjoy breakfast,
                       savings on dining & spa, and more</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/events.jpeg" alt="Card image cap"  height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Conference</h4>
            <p class="card-text">Ten distinct dining destinations featuring Indian & international 
              cuisine along with well appreciated and prized beverages</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/wedding.jpg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Wedding</h4>
            <p class="card-text">Dream up a traditional Indian wedding and turn it into
               an event extraordinaire. Encapsulate the memorable moments into reality</p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>
      
      <div class="col-md-3" style="float:left">
        <div class="card mb-2">
          <img class="card-img-top"
            src="assets/picture/common/meeting.jpeg" alt="Card image cap" height="180" width="50">
          <div class="card-body">
            <h4 class="card-title">Meeting</h4>
            <p class="card-text">The Killi, Kaveri and Tanjore meeting rooms are the perfect combination
               of space and audio visual equipments
            </p>
            <a class="btn btn-primary">Button</a>
          </div>
        </div>
      </div>

    </div>
    <!--/.Second slide-->

   

  </div>
  <!--/.Slides-->

</div>
<!--/.Carousel Wrapper-->
</section>

<section id="contact" class="white-section">
<div class="container-xl mb-5 p-5">
	<div class="row">
		<div class="col-md-8 mx-auto">
		<div class="message"></div>
			<div class="contact-form">
				<h1>Contact Us</h1>
				<p class="hint-text">We'd love to hear from you, please drop us a line if you've any query.</p>
				<form id="contact-form" action="functions.php" method="post" autocomplete="off">
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label for="inputFirstName">First Name</label>
								<input type="text" class="form-control" id="FirstName" name="FirstName" required>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label for="inputLastName">Last Name</label>
								<input type="text" class="form-control" id="LastName" name="LastName" required>
							</div>
						</div>
					</div>            
					<div class="form-group">
						<label for="inputEmail">Email Address</label>
						<input type="email" class="form-control" id="Email" name="Email" required>
					</div>
					<div class="form-group">
						<label for="inputMessage">Message</label>
						<textarea class="form-control" id="Message" name="Message" rows="5" required></textarea>
					</div>
					<button type="submit" class="btn btn-primary" name = "contact" > Submit </button>
				</form>
			</div>
		</div>
	</div>
</section>
<script>
	$(document).ready(function(){
	$('#contact-form').on('submit',function(e){
	  e.preventDefault();
      var formData = new FormData(this);

      $.ajax({
        url:"functions.php",
        type:"POST",
        data:formData,
        cache:false,
        contentType: false,
        processData: false,
        success:function(data){      
			console.log("data");
		  console.log(data);
          var json = JSON.parse(data);
          if(json['error']!=""){
             $('.message').html(`<div class="alert alert-danger" role="alert"> ${json['error']}  </div>`);
			 $('#contact-form')[0].reset();
          }else{
			$('.message').html(`<div class="alert alert-success" role="alert"> ${json['msg']}  </div>`);
			$('#contact-form')[0].reset();
          }
          
           
       },
       error: function(data){
           console.log("error");
           console.log(data);
       }
      });
		})
	})
</script>

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