<?php echo $__env->make('commen.nav', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>;

<section>
    <div class="uni-banner1">
        <div class="container">
            <div class="uni-banner-text">
                <h1>Our Gallery</h1>
                <ul>
                    <li><a href="<?php echo e(url('home')); ?>">Home</a></li>
                    <li>/ Our Gallery</li>
                </ul>
            </div>
        </div>
    </div>
</section>


 


 <section class="bg  pb-5" style="background-color: transparent" >
    <div class="container tab_container" id="gallery">
        <div class="intro_title">
            <h6>PROJECT</h6>
            <h3>Project Photo Gallery</h3>

        </div>


        

        <div class="tab-panel col-lg-12 col-xs-12">

            <div class="tab-buttons">
                <button class="tab-button" onclick="openCategory(event, 'category1')">category1</button>
                <button class="tab-button" onclick="openCategory(event, 'category2')">category2</button>
                <button class="tab-button" onclick="openCategory(event, 'category3')">category3</button>

            </div>

        </div>
        
        <center>
            
            <div class="container drop_btn">
                <div class="col-12">
                    <div class="btn-group">
                        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"
                            aria-expanded="false">
                            Menu
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <button class="tab-button" onclick="openCategory(event, 'category1')">category1
                            </button>
                            <button class="tab-button" onclick="openCategory(event, 'category2')">category2
                            </button>
                            <button class="tab-button" onclick="openCategory(event, 'category3')">category3
                            </button>

                        </div>
                    </div>
                </div>
            </div>



            
        </center>
    </div>

    <div>

        <div id="category1" class="tab-content container-fluid ">
            <div class="solar-image-box">
                <div class="row">
                    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                        <a class="" href="<?php echo e(url('assets/image/2.jpg')); ?>" data-lightbox="gallery">
                            <div class="image_box " style="background-image: url(<?php echo e('assets/image/2.jpg'); ?>) ">
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                        <a class="" href="<?php echo e(url('assets/image/3.jpg')); ?>" data-lightbox="gallery">
                            <div class="image_box " style="background-image: url(<?php echo e('assets/image/3.jpg'); ?>) ">
                            </div>
                        </a>
                    </div>

                    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                        <a class="" href="<?php echo e(url('assets/image/3.jpg')); ?>" data-lightbox="gallery">
                            <div class="image_box " style="background-image: url(<?php echo e('assets/image/3.jpg'); ?>) ">
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <div id="category2" class="tab-content container-fluid" style="display: none;">
            <div class=" solar-image-box">
                <div class="row">
                    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                        <a class="" href="<?php echo e(url('assets/image/1.jpg')); ?>" data-lightbox="gallery">
                            <div class="image_box " style="background-image: url(<?php echo e('assets/image/1.jpg'); ?>) ">
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                        <a class="" href="<?php echo e(url('assets/image/5.jpg')); ?>" data-lightbox="gallery">
                            <div class="image_box " style="background-image: url(<?php echo e('assets/image/5.jpg'); ?>) ">
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>



    </div>


    <div id="category3" class="tab-content container-fluid" style="display: none;">
        <div class=" solar-image-box">
            <div class="row">
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <a class="" href="<?php echo e(url('assets/image/1.jpg')); ?>" data-lightbox="gallery">
                        <div class="image_box " style="background-image: url(<?php echo e('assets/image/1.jpg'); ?>) ">
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <a class="" href="<?php echo e(url('assets/image/3.jpg')); ?>" data-lightbox="gallery">
                        <div class="image_box " style="background-image: url(<?php echo e('assets/image/3.jpg'); ?>) ">
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <a class="" href="<?php echo e(url('assets/image/2.jpg')); ?>" data-lightbox="gallery">
                        <div class="image_box " style="background-image: url(<?php echo e('assets/image/2.jpg'); ?>) ">
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <a class="" href="<?php echo e(url('assets/image/4.jpg')); ?>" data-lightbox="gallery">
                        <div class="image_box " style="background-image: url(<?php echo e('assets/image/4.jpg'); ?>) ">
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <a class="" href="<?php echo e(url('assets/image/5.jpg')); ?>" data-lightbox="gallery">
                        <div class="image_box " style="background-image: url(<?php echo e('assets/image/5.jpg'); ?>) ">
                        </div>
                    </a>
                </div>


            </div>
        </div>
    </div>

    </div>

    </div>
</section>





<footer>
    <div class="container-fluid bg-dark text-white py-5 px-sm-3 px-lg-5" style="margin-top: 90px;">
        <div class="row pt-5">

            <div class="col-lg-7 col-md-12">
                <div class="row">
                    <div class="col-md-6 mb-5">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse unde soluta blanditiis,
                            illo itaque sit rem voluptatem ipsum iure. Doloremque non impedit distinctio earum iusto
                            amet quia voluptatum, placeat officia.</p>
                        <div class="d-flex justify-content-start mt-4">
                            <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"><i
                                    class="fab fa-twitter"></i></a>
                            <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"><i
                                    class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"><i
                                    class="fab fa-linkedin-in"></i></a>
                            <a class="btn btn-lg btn-outline-light btn-lg-square" href="#"><i
                                    class="fab fa-instagram"></i></a>
                        </div>
                    </div>
                    <div class="col-md-6 mb-5">
                        <h5 class="text-primary text-uppercase mb-4" style="letter-spacing: 5px;">Our Products
                        </h5>
                        <div class="d-flex flex-column justify-content-start">
                            <a class="text-white btn-scroll mb-2" href="#service"><i
                                    class="fa fa-angle-right mr-2"></i>On grid solar pv system</a>
                            <a class="text-white btn-scroll mb-2" href="#service"><i
                                    class="fa fa-angle-right mr-2"></i>Off grid solar pv system</a>
                            <a class="text-white btn-scroll mb-2" href="#service"><i
                                    class="fa fa-angle-right mr-2"></i> Hybrid solar pv system</a>
                            <a class="text-white btn-scroll mb-2" href="#service"><i
                                    class="fa fa-angle-right mr-2"></i>Battery back up system</a>
                            <a class="text-white btn-scroll" href="#service"><i
                                    class="fa fa-angle-right mr-2"></i>Scheduled maintenance</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-md-12 mb-5">
                <h5 class="text-primary text-uppercase mb-4" style="letter-spacing: 5px;">Newsletter</h5>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta similique sapiente ex inventore
                    blanditiis cupiditate dolore nulla, ullam reprehenderit iure.</p>
                <div class="w-100">
                    <div class="input-group">
                        <input type="text" class="form-control border-light" style="padding: 30px;"
                            placeholder="Your Email Address">
                        <div class="input-group-append">
                            <button class="btn btn-primary px-4">Sign Up</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid bg-dark text-white text-center border-top py-4 px-sm-3 px-md-5"
        style="border-color: rgba(256, 256, 256, .05) !important;">
        <p class="m-0 text-white">&copy; <a href="#"></a>Designed and Developed by <a target="_blank"
                href="https://techcouchits.com/">TechCouch</a>. © Jayprime solar
        </p>
    </div>
</footer>

</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
    integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous">
</script>



<script src="<?php echo e(url('assets/js/tabpanel.js')); ?>"></script>


</html>
<?php /**PATH D:\laravel\solar\resources\views/gallery.blade.php ENDPATH**/ ?>