@include('common/header')
<!--main start-->
            <main>
                <!-- visual/banner of the page -->
                <section class="visual">
                    <div class="visual-inner visual-banner-v22 dark-overlay parallax" data-stellar-background-ratio="0.55">
                        <div class="container">
                            <div class="visual-text-large text-left visual-center">
                                <h1 class="visual-title visual-sub-title">The Galleries</h1>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit porro laudantium sequi. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                <div class="breadcrumb-block">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="index.html"> Home </a></li>
                                        <li class="breadcrumb-item"><a href="index.html"> Elements </a></li>
                                        <li class="breadcrumb-item active"> Galleries </li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--/visual/banner of the page -->
                <!-- main content wrapper -->
                <div class="content-wrapper">
                    <section class="content-block">
                        <div class="container">
                            <div class="demo-wrapper">
                                <h3 class="text-center element-heading">DEFAULT</h3>
                                <div class="row masonary-block default-gallery">
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-21.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 12" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-21.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-22.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 13" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-22.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-23.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 14" href="img/visual-small-03.jpg"> </a>
                                            <div class="image-wrapper"><img src="img/portfolio-23.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-24.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 15" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-24.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-25.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 16" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-25.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-26.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 17" href="img/visual-small-03.jpg"> </a>
                                            <div class="image-wrapper"><img src="img/portfolio-26.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-27.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 18" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-27.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-28.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 19" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-28.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-29.jpg" class="fancybox-thumb fancy-pop" title="Portfolio 20" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-29.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-wrapper content-block pb-0">
                                <h3 class="text-center element-heading">No Gutter</h3>
                                <div class="row masonary-block no-gutters  default-gallery">
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-12.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 12" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-12.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-13.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 13" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-13.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-14.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 14" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-14.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-15.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 15" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-15.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-16.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 16" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-16.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-17.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 17" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-17.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-18.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 18" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-18.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-md-6 col-lg-4 col-xl-3">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-19.jpg" class="fancybox-thumb2 fancy-pop" title="Portfolio 19" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-19.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-wrapper content-block pb-0">
                                <h3 class="text-center element-heading">Masonary</h3>
                                <div class="row masonary-block grid">
                                    <div class="gallery-sizer"></div>
                                    <div class="col-lg-6 col-xl-6 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-01.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-01.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-02.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-02.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-03.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-03.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-6 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-04.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-04.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-05.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-05.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-06.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-06.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-07.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-07.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-08.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-08.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-09.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-09.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-3 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-10.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-10.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                    <div class="col-lg-6 col-xl-6 gallery-item">
                                        <figure class="caption-hover-full">
                                            <a data-thumbnail="img/portfolio-11.jpg" class="fancybox-thumb3 fancy-pop" title="Portfolio 1" href="img/visual-small-03.jpg"></a>
                                            <div class="image-wrapper"><img src="img/portfolio-11.jpg" alt="images description"></div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <!--/main content wrapper -->
            </main>
<!--main end-->
@include('common/footer')