- var theme_customizer      = true;
doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                      | Blog Details
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                          | Home
                                      li.breadcrumb-item Blog
                                      li.breadcrumb-item.active Blog Details
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid.blog-page
                      .row
                        .col-xxl-6.set-col-12.box-col-12.xl-40
                          .card
                            .blog-box.blog-shadow
                              img.img-fluid.bg-img-cover(src='assets/images/blog/blog.jpg', alt='')
                              .blog-details
                                p 25 July 2018
                                h4 Accusamus et iusto odio dignissimos ducimus qui blanditiis.
                                ul.blog-social
                                  li
                                    i.icofont.icofont-user
                                    | Mark Jecno
                                  li
                                    i.icofont.icofont-thumbs-up
                                    | 02 Hits
                                  li
                                    i.icofont.icofont-ui-chat
                                    | 598 Comments
                        .col-xxl-6.set-col-12.box-col-12.xl-60
                          .row
                            .col-xl-12.col-md-6
                                .card
                                  .blog-box.blog-list.row
                                    .col-xl-6.col-12
                                      .blog-wrraper
                                        a(href="blog-single.html")
                                          img.img-fluid.sm-100-wp.p-0(src='assets/images/blog/blog-2.jpg', alt='')
                                    .col-xl-6.col-12
                                      .blog-details
                                        .blog-date
                                          span 02
                                          |  January 2021
                                        a(href="learning-detailed.html")
                                          h6 Perspiciatis unde omnis iste natus
                                        .blog-bottom-content
                                          ul.blog-social
                                            li by: Admin
                                            li 12 Hits
                                          hr
                                          p.mt-0
                                            | inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.
                            .col-xl-12.col-md-6
                                .card
                                  .blog-box.blog-list.row
                                    .col-xl-6.col-12
                                      .blog-wrraper
                                        a(href="blog-single.html")
                                          img.img-fluid.sm-100-w.p-0(src='assets/images/blog/blog-3.jpg', alt='')
                                    .col-xl-6.col-12
                                      .blog-details
                                        .blog-date
                                          span 03
                                          |  January 2021
                                        a(href="learning-detailed.html")
                                          h6 Perspiciatis unde omnis iste natus
                                        .blog-bottom-content
                                          ul.blog-social
                                            li by: Admin
                                            li 5 Hits
                                          hr
                                          p.mt-0
                                            | inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.
                        .col-sm-6.col-xl-3.box-col-6.des-xl-50
                          .card
                            .blog-box.blog-grid
                              .blog-wrraper
                                a(href="blog-single.html")
                                  img.img-fluid.top-radius-blog(src='assets/images/blog/blog-5.jpg', alt='')
                              .blog-details-second
                                .blog-post-date
                                  span.blg-month apr
                                  span.blg-date 10
                                a(href="blog-single.html")
                                  h6.blog-bottom-details Perspiciatis unde omnis.
                                p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
                                .detail-footer  
                                  ul.sociyal-list
                                    li
                                      i.fa.fa-user-o
                                      | admin
                                    li
                                      i.fa.fa-comments-o
                                      | 5
                                    li
                                      i.fa.fa-thumbs-o-up
                                      | 2 like
                        .col-sm-6.col-xl-3.box-col-6.des-xl-50
                          .card
                            .blog-box.blog-grid
                              .blog-wrraper
                                a(href="blog-single.html")
                                  img.img-fluid.top-radius-blog(src='assets/images/blog/blog-6.jpg', alt='')
                              .blog-details-second
                                .blog-post-date
                                  span.blg-month apr
                                  span.blg-date 10
                                a(href="blog-single.html")
                                  h6.blog-bottom-details Perspiciatis unde omnis.
                                p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
                                .detail-footer  
                                  ul.sociyal-list
                                    li
                                      i.fa.fa-user-o
                                      | admin
                                    li
                                      i.fa.fa-comments-o
                                      | 5
                                    li
                                      i.fa.fa-thumbs-o-up
                                      | 2 like
                        .col-sm-6.col-xl-3.box-col-6.des-xl-50
                          .card
                            .blog-box.blog-grid
                              .blog-wrraper
                                a(href="blog-single.html")
                                  img.img-fluid.top-radius-blog(src='assets/images/blog/blog-5.jpg', alt='')
                              .blog-details-second
                                .blog-post-date
                                  span.blg-month apr
                                  span.blg-date 10
                                a(href="blog-single.html")
                                  h6.blog-bottom-details Perspiciatis unde omnis.
                                p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
                                .detail-footer  
                                  ul.sociyal-list
                                    li
                                      i.fa.fa-user-o
                                      | admin
                                    li
                                      i.fa.fa-comments-o
                                      | 5
                                    li
                                      i.fa.fa-thumbs-o-up
                                      | 2 like
                        .col-sm-6.col-xl-3.box-col-6.des-xl-50
                          .card
                            .blog-box.blog-grid
                              .blog-wrraper
                                a(href="blog-single.html")
                                  img.img-fluid.top-radius-blog(src='assets/images/blog/blog-6.jpg', alt='')
                              .blog-details-second
                                .blog-post-date
                                  span.blg-month apr
                                  span.blg-date 10
                                a(href="blog-single.html")
                                  h6.blog-bottom-details Perspiciatis unde omnis.
                                p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
                                .detail-footer  
                                  ul.sociyal-list
                                    li
                                      i.fa.fa-user-o
                                      | admin
                                    li
                                      i.fa.fa-comments-o
                                      | 5
                                    li
                                      i.fa.fa-thumbs-o-up
                                      | 2 like
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files