- var theme_customizer      = true;
- var jquery_ui             = true;
- var dragable              = 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
                              | Draggable Card
                            ol.breadcrumb
                              li.breadcrumb-item
                                a(href='index.html')
                                 | Home
                              li.breadcrumb-item Cards
                              li.breadcrumb-item.active Draggable Card
                          .col-sm-6
                            include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      #draggableMultiple.row.ui-sortable
                        .col-sm-12.col-xl-6
                          .card
                            .card-header.pb-0
                              h5 Basic Card
                            .card-body
                              p
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
                        .col-sm-12.col-xl-6
                          .card.b-r-0
                            .card-header.pb-0
                              h5 Flat Card
                            .card-body
                              p
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
                        .col-sm-12.col-xl-6
                          .card.shadow-0.border
                            .card-header.pb-0
                              h5 Without shadow Card
                            .card-body
                              p
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
                        .col-sm-12.col-xl-6
                          .card
                            .card-header.pb-0
                              h5
                                i.icon-move.me-2
                                |  Icon in Heading
                            .card-body
                              p
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
                        .col-sm-12.col-xl-6
                          .card
                            .card-header.pb-0
                              h5 Card sub Title
                              span
                                | Using the 
                                a(href='javascript:void(0)') card
                                |  component, you can extend the default collapse behavior to create an accordion.
                            .card-body
                              p.mb-0
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
                        .col-sm-12.col-xl-6
                          .card
                            .card-header.pb-0
                              h5 Card sub Title
                              span
                                | Using the 
                                a(href='javascript:void(0)') card
                                |  component, you can extend the default collapse behavior to create an accordion.
                            .card-body
                              p.mb-0
                                | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files