<!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';?>
   
   <!--End Main Header -->
    <!-- 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">Gallery</h1>
				 <ul class="page-breadcrumb">
					 <li><a href="index.php">Home </a></li>
					 <li>Gallery</li>
				 </ul>
			 </div>
		 </div>
	 </section>
	 <!-- end main-content -->

 <!-- Gallery-section -->
     <section class="rooms-section pb-100">
      <div class="auto-container">
        <div class="sec-title text-center wow fadeInUp">
          <span class="sub-title">Hoteler Luxury Rooms </span>
          <h2>Luxury Rooms & Suites </h2>
        </div>
        <div class="row">
          <!-- room-block -->
          <div class="room-block col-lg-3 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn" data-wow-delay="300ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/4.webp" alt="" /></figure>
              </div>
            
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box large-style wow fadeIn" data-wow-delay="400ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/3.webp" alt="" /></figure>
              </div>
              
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-3 col-md-6 col-sm-12">
              <div class="inner-box wow fadeIn" data-wow-delay="500ms">
                <div class="image-box">
                  <figure class="image-2 overlay-anim"><img src="images/resource/gallery/5.webp" alt="" /></figure>
                </div>
                
              </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/1.webp" alt="" /></figure>
              </div>
            
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn" data-wow-delay="200ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/2.webp" alt="" /></figure>
              </div>
           
            </div>
          </div>
          
        </div>
      </div>
    </section>
    <!-- End gallery-section -->
   <?php include 'footer.php';?>