- var prism                 = true;
- var clipboard             = true;
- var customcard            = true;
- var theme_customizer      = true;
- var tooltip               = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var animate               = true;
- var scrollbar             = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body.box-layout
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper.box-layout
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container-fluid
            .page-title
              .row
                .col-6
                  h3
                    | Box Layout
                .col-6
                  ol.breadcrumb
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Page Layout
                    li.breadcrumb-item.active Box Layout
          // Container-fluid starts
          .container-fluid
            .row
              .col-sm-12
                .card.alert.alert-primary(role='alert')
                  h4.alert-heading Tip!
                  p
                    | Add class="box-layout" attribute to get this layout. The boxed layout is helpful when working on
                    | large screens because it prevents the site from stretching very wide.
              .col-sm-12
                .card
                  .card-header
                    h5 Title
                    .card-header-right
                      ul.list-unstyled.card-option
                        li
                          i.fa.fa-spin.fa-cog
                        li
                          i.view-html.fa.fa-code
                        li
                          i.icofont.icofont-maximize.full-card
                        li
                          i.icofont.icofont-minus.minimize-card
                        li
                          i.icofont.icofont-refresh.reload-card
                        li
                          i.icofont.icofont-error.close-card
                  .card-body
                    span Start creating your amazing application!
                    .code-box-copy
                      button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head', title='Copy')
                        i.icofont.icofont-copy-alt
                      pre
                        code.language-html#example-head
                          | <!-- Cod Box Copy begin -->
                          | <div class="card-body">
                          | <span>Start creating your amazing application!
                          | </span>
                          | </div>
                          | <!-- Cod Box Copy end -->
                  .card-footer
                    h6.mb-0 Card Footer
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files