update

static/admin/assets/pug/pages/theme/box-layout.pug

@@ -0,0 +1,81 @@
+- 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