<!DOCTYPE html>
 <html lang="en">
 <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta charset="utf-8" />
 <title>Soulmate's Restaurant and Homestay </title>
 <!-- Stylesheets -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <link href="css/flatpickr.min.css" rel="stylesheet" />
 <link href="css/style.css" rel="stylesheet" />
 <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
 <link rel="stylesheet" type="text/css" href="css/slick.css" />

 <link rel="shortcut icon" href="images/favicon.webp" type="image/x-icon" />
 <link rel="icon" href="images/favicon.webp" type="image/x-icon" />
 <!-- Responsive -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 </head>

 <body>

 <div class="page-wrapper">

  <?php include 'header.php';?>

  <!-- Start main-content -->
	 <section class="page-title" style="background-image: url(images/bread.webp);">
		 <div class="auto-container">
			 <div class="title-outer text-center">
				 <h1 class="title">Room </h1>
				 <ul class="page-breadcrumb">
					 <li><a href="index.php">Home </a></li>
					 <li>Room </li>
				 </ul>
			 </div>
		 </div>
	 </section>
	 <!-- end main-content -->

     <!-- Room-section two -->
   <section id="services" class="room-service-section pt-120 pb-60">
     <div class="auto-container">
       <div class="sec-title text-center">
         <span class="sub-title">CUSTOMER SERVICES </span>
         <h2>Book your stay and  <br />relax in luxury </h2>
       </div>
       <div class="row">
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="room-details.php"><img src="images/resource/delux.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="room-details.php">Deluxe Room</a></h4>
                
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-3 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="300ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="room-details.php"><img src="images/resource/family.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="room-details.php">Family Room with Balcony </a></h4>
                 
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-3 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="600ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="room-details.php"><img src="images/resource/cottsage.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="room-details.php">Mixed Dormitory Room </a></h4>
                
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-6 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </section>
   <!-- End Room section -->

   <!-- Room Photos Section -->
<section class="room-photos-section">
  <div class="container">
    <div class="sec-title text-center">
         <span class="sub-title">Our Rooms </span>
         <h2>Experience comfort and elegance in <br>every corner of our hotel rooms. </h2>
       </div>
    <div class="room-photos-row">
      <div class="room-photo wow fadeInUp">
        <img src="./images/room/1.webp" alt="Deluxe Room">
      </div>
      <div class="room-photo wow fadeInUp" style="animation-delay:0.1s;">
        <img src="images/room/2.webp" alt="Suite Room">
      </div>
      <div class="room-photo wow fadeInUp" style="animation-delay:0.2s;">
        <img src="images/room/3.webp" alt="Family Room">
      </div>
      <div class="room-photo wow fadeInUp" style="animation-delay:0.3s;">
        <img src="images/room/4.webp" alt="Single Room">
      </div>
    </div>
  </div>
</section>

   
   <?php include 'footer.php';?>