definicao de layout

public/assets/pug/pages/template/box-layout.pug

@@ -0,0 +1,78 @@
+- var prism                 = true;
+- var clipboard             = true;
+- var customcard            = true;
+- var theme_customizer      = true;
+- var tooltip               = true;
+
+doctype html
+html(lang='en')
+    include ../../components/header-files
+    body.box-layout
+        include ../../components/loader
+        // page-wrapper Start
+        #pageWrapper.page-wrapper.box-layout
+            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
+                                    | Box Layout
+                                  ol.breadcrumb
+                                    li.breadcrumb-item
+                                      a(href='index.html')
+                                        | Home
+                                    li.breadcrumb-item Page Layout
+                                    li.breadcrumb-item.active Boxed
+                                .col-sm-6
+                                  include ../../components/bookmark
+                    // 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.pb-0.d-flex.align-items-center.justify-content-between
+                              h5 Title
+                              .setting-list
+                                ul.list-unstyled.setting-option
+                                  li
+                                    .setting-primary
+                                     i.icon-settings
+                                  li
+                                    i.view-html.fa.fa-code.font-primary
+                                  li
+                                    i.icofont.icofont-maximize.full-card.font-primary
+                                  li
+                                    i.icofont.icofont-minus.minimize-card.font-primary
+                                  li
+                                    i.icofont.icofont-refresh.reload-card.font-primary
+                                  li
+                                    i.icofont.icofont-error.close-card.font-primary 
+                            .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