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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Ansonika">
    <title>Gallery - Gypsie Cottage</title>
    
    <!-- Favicons-->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

    <!-- GOOGLE WEB FONT-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- BASE CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
	  <link href="css/vendors.min.css" rel="stylesheet">

    <!-- YOUR CUSTOM CSS -->
    <link href="css/custom.css" rel="stylesheet">
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	
</head>

<body> 

    <?php include 'include/header.php';?>
    
    <main>
      <div class="hero small-height jarallax" data-jarallax data-speed="0.2">
          <img class="jarallax-img" src="img/hero-1.jpg" alt="">
          <div class="wrapper opacity-mask d-flex align-items-center justify-content-center text-center animate_hero" data-opacity-mask="rgba(0, 0, 0, 0.5)">
              <div class="container">
                  <small class="slide-animated one">Luxury Cottage Experience</small>
                  <h1 class="slide-animated two">Gallery</h1>
              </div>
          </div>
      </div>
      <!-- /Background Img Parallax -->

      <div class="container margin_120_95">
            <div class="isotope-wrapper">
                <div class="row justify-content-center">
                    <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/1.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/1.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/2.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/2.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/3.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/3.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/4.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/4.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 col-mb-6 mb-4">
                       <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/5.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/5.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/6.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/6.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                     <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/7.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/7.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/8.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/8.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/9.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/9.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/10.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/10.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/11.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/11.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/12.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/12.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/13.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/13.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/14.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/14.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/15.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/15.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/16.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/16.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/17.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/17.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/18.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/18.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/19.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/19.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/20.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/20.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/21.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/21.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/22.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/22.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/23.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/23.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                     <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/24.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/24.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--<div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/25.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/25.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/26.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/26.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="item col-xl-4 col-lg-6 mb-4">
                        <div class="item-img" data-cue="slideInUp">
                            <img src="img/gallery/27.jpg" alt="" />
                            <div class="content">
                                <a  data-fslightbox="gallery_1" data-type="image" href="img/gallery/27.jpg"><i class="bi bi-arrows-angle-expand"></i></a>
                            </div>
                        </div>
                    </div> -->
                </div>
                <!--/row -->
            </div>
            <!--/isotope-wrapper -->

        </div>
        <!--/container -->

  </main>

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



<!-- COMMON SCRIPTS -->
<script src="js/common_scripts.js"></script>
<script src="js/common_functions.js"></script>
<script src="phpmailer/validate.js"></script>

</body>
</html>