<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hotel Chinar | Home</title>

<!-- FAVICON FILES -->
<link href="ico/apple-touch-icon-144-precomposed.png" rel="apple-touch-icon" sizes="144x144">
<link href="ico/apple-touch-icon-114-precomposed.png" rel="apple-touch-icon" sizes="114x114">
<link href="ico/apple-touch-icon-72-precomposed.png" rel="apple-touch-icon" sizes="72x72">
<link href="ico/apple-touch-icon-57-precomposed.png" rel="apple-touch-icon">
<link href="ico/favicon.png" rel="shortcut icon">

<!-- CSS FILES -->
<link rel="stylesheet" href="css/lineicons.css">
<link rel="stylesheet" href="css/datepicker.min.css">
<link rel="stylesheet" href="css/fancybox.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="cursor js-cursor"></div>
<div class="preloader">
  <div class="loadbar"></div>
  <!-- end loadbar -->
  <figure> <span>LOADING Hotel Chinar</span> <img src="images/logo.png" alt="Image"> </figure>
</div>
<!-- end preloader -->
<div class="page-transition">
  <div class="layer"></div>
  <!-- end layer --> 
</div>



<!-- end page-transition -->
<main id="main">
  
<?php include 'include/header.php' ?>
  

  <header class="slider">
    <div class="main-slider">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="slide-inner" data-background="images/slide04.jpg">
            <div class="container">
              <h6 data-swiper-parallax="100">THE ULTIMATE SOPHISTICATE AND PREMIUM</h6>
              <h1 data-swiper-parallax="200">Hotel Chinar</h1>
              <a href="contact.php" data-swiper-parallax="200">Contact Now</a> </div>
            <!-- end container --> 
          </div>
          <!-- end slide-inner --> 
        </div>
        <!-- end swiper-slide -->
        <div class="swiper-slide">
          <div class="slide-inner" data-background="images/slide02.jpg">
            <div class="container">
              <h6 data-swiper-parallax="100">ONE PROGRAMME, SAVINGS EVERYDAY, NEW EXPERIENCES</h6>
              <h1 data-swiper-parallax="200"> Hotel Chinar</h1>
              <a href="contact.php" data-swiper-parallax="200">Contact Now</a> </div>
            <!-- end container --> 
          </div>
          <!-- end slide-inner --> 
        </div>
        <!-- end swiper-slide -->
        <div class="swiper-slide">
          <div class="slide-inner" data-background="images/slide03.jpg">
            <div class="container">
              <h6 data-swiper-parallax="100">HOSPITALITY ARE THE ORIGINS TRADITIONS MOTTO</h6>
              <h1 data-swiper-parallax="200">Hotel Chinar </h1>
              <a href="contact.php" data-swiper-parallax="200">Contact Now</a> </div>
            <!-- end container --> 
          </div>
          <!-- end slide-inner --> 
        </div>
        <!-- end swiper-slide --> 
      </div>
      <!-- end swiper-wrapper -->
      <div class="slider-prev"></div>
      <!-- end slider-prev -->
      <div class="slider-next"></div>
      <!-- end slider-next -->
      <div class="slider-fraction"></div>
      <!-- end slider-fraction --> 
    </div>
    <!-- end main-slider -->
    <div class="scroll-down"></div>
    <!-- end scroll-down --> 
  </header>
  
  <!-- end slider -->
  <section class="content-section no-spacing">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="hotel-search">
			  <h6>ROOM SEARCH</h6>
            <form action="contact.php" method="post" target="_blank">
              
              <div class="form-group">
                <label>Date Check-In </label>
                <input type="text" placeholder="Check-In" data-toggle="datepicker" class="date">
                <i class="lni lni-calendar"></i> </div>
              <!-- end form-group -->
              <div class="form-group">
                <label>Date Check-Out</label>
                <input type="text" placeholder="Check-Out" data-toggle="datepicker" class="date">
                <i class="lni lni-calendar"></i> </div>
              <!-- end form-group -->
              <div class="form-group">
                <label>Adult</label>
                <select>
                  <option>01</option>
                  <option>02</option>
                  <option>03 </option>
                  <option>04</option>
                </select>
              </div>
              <!-- end form-group -->
              <div class="form-group">
                <label>Children(Age 12 Years and below)</label>
                <select>
                  <option>0</option>
                  <option>01</option>
                  <option>02 </option>
                  <option>03</option>
                </select>
              </div>
              <!-- end form-group -->
              <div class="form-group">
                <label>&nbsp; </label>
                <input type="submit" value="FIND NOW !">
              </div>
              <!-- end form-group -->
            </form>
          </div>
          <!-- end hotel-search --> 
        </div>
        <!-- end col-12 --> 
      </div>
      <!-- end row --> 
    </div>
    <!-- end container --> 
  </section>
  <!-- end content-section -->
  <section class="content-section" data-background="#f5f3ec">
    <div class="container">
      <div class="row no-gutters align-items-center">
        <div class="col-lg-6">
          <div class="side-content text-center" style="padding-top:0;">
            <h6>WELCOME TO</h6>
            <h2 class="line">A Boutique Hotel: Where Luxury and Nature Embrace </h2>
			<p>Hotel Chinar, located on Jammu Road in Katra, is a welcoming and comfortable accommodation option for travelers visiting the sacred Vaishno Devi Temple. The hotel offers a range of room choices, including Deluxe Double Bedrooms and Deluxe Three Bedrooms, catering to the diverse needs of its guests. 
</p>
            <a href="about.php" class="custom-button">EXPLORE WITH US</a> </div>
          <!-- end side-content --> 
        </div>
        <!-- end col-6 -->
        <div class="col-lg-6">
		<img src="images/about/1.jpg" alt="#">
          
        </div>
        <!-- end col-6 --> 
      </div>
      <!-- end row --> 
    </div>
    <!-- end container --> 
  </section>
  <!-- end content-section -->
 
  <section class="content-section no-spacing">
    <div class="container">
      <div class="row no-gutters align-items-center">
        <div class="col-12">
          <div class="section-title text-center">
            <h6>LUXURY ACCOMMODATION</h6>
            <h2>The Hotel Chinar</h2>
          </div>
          <!-- end section-title --> 
        </div>
        <!-- end col-12 -->
        <div class="col-lg-6">
          <figure class="side-image left-align reveal-effect"><img src="images/room/deluxe-double.jpg" alt=""></figure>
        </div>
        <!-- end col-6 -->
        <div class="col-lg-6">
          <div class="side-hotel-box right">
            
            <!-- end -->
            <h2>Deluxe Double Bedroom</h2>
            <p>The elegant and luxurious rooms make your stay comfortable and reminiscent.</p>
            <div class="info-box"> <span>Relax And <br> Enjoy</span> <b>Rs. 3,999<small>/per night</small></b> </div>
            <!-- end info-box --> 
            <a href="deluxe-double-bedroom.php" class="custom-button">VIEW &amp; BOOK</a>
            <div class="availability"><i class="lni lni-checkmark"></i> Instant Availability</div>
          </div>
          <!-- end side-content --> 
        </div>
        <!-- end col-6 -->
        <div class="col-lg-6">
          <div class="side-hotel-box left">
        
            <!-- end -->
            <h2> Deluxe Three Bedroom</h2>
            <p>The elegant and luxurious rooms make your stay comfortable and reminiscent.</p>
            <div class="info-box"> <span>Relax And <br> Enjoy</span> <b>Rs. 4,999<small>/per night</small></b> </div>
            <!-- end info-box --> 
            <a href="deluxe-three-bedroom.php" class="custom-button">VIEW &amp; BOOK</a>
            <div class="availability"><i class="lni lni-checkmark"></i> Instant Availability</div>
          </div>
          <!-- end side-content --> 
        </div>
      
	   <div class="col-lg-6">
          <figure class="side-image left-align reveal-effect"><img src="images/room/deluxe-triple.jpg" alt=""></figure>
        </div>

         
        
      </div>
      <!-- end row --> 
    </div>
    <!-- end container --> 
  </section>


  <section class="content-section" style="padding-top:30px;">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="section-title">
            <h6>Places to Visit in Katra</h6>
            <h2>Attraction </h2>
          </div>
          <!-- end section-title --> 
        </div>
        <!-- end col-12 -->
        <div class="col-12">
          <div class="carousel-image-box">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction1.jpg" alt="Image">
                  <figcaption>
                  <h5>Maa Vaishno Devi Temple</h5>
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide -->
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction2.jpg" alt="Image">
                  <figcaption>
                  <h5>Charan Paduka</h5>
                   
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide -->
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction3.jpg" alt="Image">
                  <figcaption>
                  <h5>Ban Ganga</h5>
                    
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide -->
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction4.jpg" alt="Image">
                  <figcaption>
                    <h5>Bhairavnath Temple</h5>
                    
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide -->
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction5.jpg" alt="Image">
                  <figcaption>
                    <h5>Baba Dhansar</h5>
                    
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide -->
              <div class="swiper-slide">
                <figure class="reveal-effect"> <img src="images/home-attraction6.jpg" alt="Image">
                  <figcaption>
                    <h5>Himkoti</h5>
                    
                  </figcaption>
                </figure>
              </div>
              <!-- end swiper-slide --> 
            </div>
          </div>
          <!-- end carousel-image-box -->
          <div class="swiper-scrollbar"></div>
        </div>
        <!-- end col-12 --> 
      </div>
      <!-- end row --> 
    </div>
    <!-- end container --> 
  </section>
  <!-- end content-section -->

 
 
  <section class="content-section no-spacing" data-background="#f5f3ec">
    <div class="container">
      <div class="row no-gutters align-items-center">
        <div class="col-lg-7">
          <figure class="side-gallery">
            <div class="reveal-effect"><img src="images/side-gallery01.jpg" alt="Image"></div>
            <div class="reveal-effect"><img src="images/side-gallery02.jpg" alt="Image"></div>
            <div class="reveal-effect"><img src="images/side-gallery03.jpg" alt="Image"></div>
          </figure>
        </div>
        <!-- end col-6 -->
        <div class="col-lg-5">
          <div class="side-content text-center">
            <h2>Stunning Hotel
              incredible views</h2>
            <p>Experience indulgence redefined at our stunning resort, where every moment is framed by incredible views. Immerse yourself in unparalleled luxury amidst nature's grandeur, creating memories against a backdrop of breathtaking vistas.</p>
            <a href="contact.php" class="custom-button">BOOK NOW</a> </div>
          <!-- end side-content --> 
        </div>
        <!-- end col-6 --> 
      </div>
      <!-- end row --> 
    </div>
    <!-- end container --> 
  </section>
  <!-- end content-section -->
 

 <?php include 'include/footer.php' ?> </main>

<!-- JS FILES --> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/fancybox.min.js"></script> 
<script src="js/swiper.min.js"></script> 
<script src="js/datepicker.min.js"></script> 
<script src="js/smooth-scrollbar.js"></script> 
<script src="js/overscroll.js"></script> 
<script src="js/TweenMax.min.js"></script> 
<script src="js/scripts.js"></script>
</body>


</html>