
        <section class="gallery-section">
        <div class="auto-container">
         <div class="sec-title text-center">
                <div class="sub-title">Gallery</div>
                <h2>Explore my gallery</h2>
            </div>         
                
            <!--Sortable Galery-->
            <div class="sortable-masonry">
                
                <div class="items-container row">
                    <!-- Gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/img1.jpg" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery-image">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-4">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/abt.jpg" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/abt.jpg" class="lightbox-image" data-fancybox="gallery-image">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- gallery Block -->
                    <div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2 cat-3">
                        <div class="inner-box">
                            <div class="image"><img src="assets/images/resource/img3.jpg" alt=""></div>
                            <div class="overlay">
                                <div class="zoom-btn">
                                    <a href="assets/images/resource/gallery-3.jpg" class="lightbox-image" data-fancybox="gallery-image">
                                        <img src="assets/images/icons/icon-5.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                 <div class="all-service-link text-center mt-30 mb-30"><a href="image.php" class="theme-btn btn-style-one style-three"><span>Explore All</span></a></div>
            </div>
        </div>
    </section>