- var theme_customizer      = true;
- var tooltip               = 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
                                      | Breadcrumb
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                          | Home
                                      li.breadcrumb-item Advance
                                      li.breadcrumb-item.active Breadcrumb
                                .col-sm-6
                                  include ../../components/bookmark

                    // Container-fluid starts
                    .container-fluid
                      .row
                        // default breadcrumb start
                        .col-sm-12
                          .card
                            .card-header.pb-0
                              h5 Default bootstrap breadcrumb
                              span
                                | use class 
                                code .breadcrumb to ol
                            .card-body
                              ol.breadcrumb.p-t-0.p-l-0
                                li.breadcrumb-item.active Home
                              ol.breadcrumb.p-l-0
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.p-l-0
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Library
                                li.breadcrumb-item.active Data
                              ol.breadcrumb.m-b-0.p-b-0.p-l-0
                                li.breadcrumb-item
                                  a(href='javascript:void(0)')
                                    i.fa.fa-home
                                li.breadcrumb-item Library
                                li.breadcrumb-item.active Data
                        // default breadcrumb ends
                        // Nav breadcrumb start
                        .col-sm-12
                          .card
                            .card-header.pb-0
                              h5 Nav breadcrumb
                              span
                                | use class 
                                code .breadcrumb to nav
                                |  similar to navigation
                            .card-body
                              nav.breadcrumb
                                a.breadcrumb-item(href='javascript:void(0)') Home
                                a.breadcrumb-item(href='javascript:void(0)') Library
                                span.breadcrumb-item.active Bootstrap
                              nav.breadcrumb.breadcrumb-icon
                                a.breadcrumb-item(href='javascript:void(0)') Home
                                a.breadcrumb-item(href='javascript:void(0)') Library
                                span.breadcrumb-item.active Bootstrap
                              nav.breadcrumb.breadcrumb-no-divider.mb-0
                                a.breadcrumb-item(href='javascript:void(0)') Home
                                a.breadcrumb-item(href='javascript:void(0)') Library
                                span.breadcrumb-item.active Bootstrap
                        // Nav breadcrumb ends
                        // colored navigation start
                        .col-sm-12
                          .card
                            .card-header.pb-0
                              h5 Colored breadcrumb
                              span
                                | use class 
                                code .breadcrumb-colored .bg-primary
                            .card-body
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-primary
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-secondary
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-success
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-info
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-warning
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-danger
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-30.bg-light
                                li.breadcrumb-item
                                  a.txt-dark(href='javascript:void(0)') Home
                                li.breadcrumb-item.txt-dark.active Library
                              ol.breadcrumb.breadcrumb-colored.m-b-0.bg-dark
                                li.breadcrumb-item
                                  a(href='javascript:void(0)') Home
                                li.breadcrumb-item.active Library
                    // Container-fluid Ends

                include ../../components/footer
        include ../../components/footer-files
