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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title> Gallery- Farm Stay </title>
  <meta name="description" content="">
  <meta name="keywords" content="">
   <?php include_once('wsite/inc/link.php'); ?>

</head>

<body class="starter-page-page">

  <!-- HEADER-->
   <?php include_once('wsite/inc/header.php'); ?>
  <!-- END HEADER-->

  <main class="main">

    <!-- Page Title -->
    <div class="page-title" data-aos="fade">
      <div class="heading" style="padding-top:0px;background-image: linear-gradient(rgba(255,34,255, 0.7) , rgba(255, 34, 255, 0.7) ), 
                 url(wsite/images/1f.jpeg) " >
        <div class="container">
          <div class="row d-flex justify-content-center text-center">
            <div class="col-lg-8">
              <h1 style="color:white;"> Our Gallery </h1>
              <p class="mb-0" style="color:white;" >Explore Farm & Stay  .</p>
            </div>
          </div>
        </div>
      </div>
      <!-- <nav class="breadcrumbs">
        <div class="container">
          <ol>
            <li><a href="index.html">Home</a></li>
            <li class="current">Starter Page</li>
          </ol>
        </div>
      </nav> -->
    </div><!-- End Page Title -->

     <!-- Starter Section Section 
        <section id="starter-section" class="starter-section section">

        
          <div class="container section-title" data-aos="fade-up">
            <h2>Starter Section</h2>
            <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
          </div>

          <div class="container" data-aos="fade-up">
            <p>Use this page as a starter for your own custom pages.</p>
          </div>

        </section>
        /Starter Section Section 
      -->
     
     <!-- Gallery Section -->
     <section id="gallery" class="gallery section">

      <!-- Section Title
      <div class="container section-title" data-aos="fade-up">
        <h2>Gallery</h2>
        <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
      </div>
        End Section Title -->

      <div class="container-fluid" data-aos="fade-up" data-aos-delay="100">

        <div class="row g-0">

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/1.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/1.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/2.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/2.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/3.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/3.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/4.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/4.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/6.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/6.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/7.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/7.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/8.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/8.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div><!-- End Gallery Item -->

          <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/9.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/9.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div>
          <!-- End Gallery Item -->
            <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/10.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/10.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div>
          <!-- End Gallery Item -->
            <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/11.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/11.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div>
          <!-- End Gallery Item -->
            <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/5.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/5.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div>
          <!-- End Gallery Item -->
           
           <div class="col-lg-3 col-md-4">
            <div class="gallery-item">
              <a href="wsite/images/12.jpeg" class="glightbox" data-gallery="images-gallery">
                <img src="wsite/images/12.jpeg" alt="" class="img-fluid">
              </a>
            </div>
          </div>

        </div>

      </div>
     </section>
     <!-- /Gallery Section -->

     <!-- Call To Action Section -->
     <section id="call-to-action" class="call-to-action section accent-background">
      <div class="container">
        <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
          <div class="col-xl-10">
            <div class="text-center">
              <h3>Want to See More?</h3>
              <p>Follow us on social media for more updates, events, and stories from our community.</p>
              <!-- <a class="cta-btn" href="#appointment"> facebook </a> -->
              <div class="social-links ">
               <a href="" style="color:white;"><i class="bi bi-twitter-x"></i></a>
               <a href="" style="color:white;" ><i class="bi bi-facebook"></i></a>
               <a href="" style="color:white;" ><i class="bi bi-instagram"></i></a>
               <a href="" style="color:white;" ><i class="bi bi-linkedin"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
     </section>
     <!-- /Call To Action Section -->
     

     

  </main>

   <!-- Footer -->
    <?php include_once('wsite/inc/footer.php'); ?>
   <!-- End footer -->

  <!-- Scroll Top -->
  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
   <?php include_once('wsite/inc/linkjs.php'); ?>



</body>

</html>