- var theme_customizer      = true;
- var tooltip               = true;
- var photo_swipe           = true;
- var isotope               = true;
- var page_masonry          = true;

doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper.compact-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.sidebar-icon
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-lg-6
                                    h3
                                      | Masonry Gallery With Description
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         i(data-feather="home")
                                      li.breadcrumb-item Gallery
                                      li.breadcrumb-item.active Masonry Gallery Desc
                                .col-lg-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .row
                        .col-sm-12
                          .card
                            .card-header
                              h5 MASONRY GALLERY WITH DESCRIPTION
                            .card-body
                              #aniimated-thumbnials.my-gallery.row.grid.gallery-with-description(itemscope='')
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/1.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/1.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title 1
                                      p
                                        | Here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/2.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/2.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/3.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/3.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/4.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/4.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/5.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/5.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/6.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/6.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/8.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/8.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/9.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/9.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/10.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/10.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/11.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/11.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/12.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/12.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/14.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/14.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/15.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/15.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                figure.grid-item.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='')
                                  a(href='../assets/images/big-masonry/13.jpg', itemprop='contentUrl', data-size='1600x950')
                                    img.img-thumbnail(src='../assets/images/masonry/13.jpg', itemprop='thumbnail', alt='Image description')
                                    .caption
                                      h4 Portfolio Title
                                      p
                                        | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                                  figcaption(itemprop='caption description')
                                    h4 Portfolio Title
                                    p
                                      | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.
                            // Root element of PhotoSwipe. Must have class pswp.
                            .pswp(tabindex='-1', role='dialog', aria-hidden='true')
                              //
                                Background of PhotoSwipe.
                                It's a separate element, as animating opacity is faster than rgba().
                              .pswp__bg
                              // Slides wrapper with overflow:hidden.
                              .pswp__scroll-wrap
                                // Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory.
                                // don't modify these 3 pswp__item elements, data is added later on.
                                .pswp__container
                                  .pswp__item
                                  .pswp__item
                                  .pswp__item
                                // Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed.
                                .pswp__ui.pswp__ui--hidden
                                  .pswp__top-bar
                                    // Controls are self-explanatory. Order can be changed.
                                    .pswp__counter
                                    button.pswp__button.pswp__button--close(title='Close (Esc)')
                                    button.pswp__button.pswp__button--share(title='Share')
                                    button.pswp__button.pswp__button--fs(title='Toggle fullscreen')
                                    button.pswp__button.pswp__button--zoom(title='Zoom in/out')
                                    // Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR
                                    // element will get class pswp__preloader--active when preloader is running
                                    .pswp__preloader
                                      .pswp__preloader__icn
                                        .pswp__preloader__cut
                                          .pswp__preloader__donut
                                  .pswp__share-modal.pswp__share-modal--hidden.pswp__single-tap
                                    .pswp__share-tooltip
                                  button.pswp__button.pswp__button--arrow--left(title='Previous (arrow left)')
                                  button.pswp__button.pswp__button--arrow--right(title='Next (arrow right)')
                                  .pswp__caption
                                    .pswp__caption__center
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files
