definicao de layout

2026-02-06 14:37:54 +00:00
parent 872a5bb3ea
commit a4f80c85c2
2686 changed files with 640668 additions and 294 deletions
--- a/public/assets/pug/pages/template/popover.pug
+++ b/public/assets/pug/pages/template/popover.pug
@@ -0,0 +1,62 @@
+- var theme_customizer      = true;
+- var counter               = true;
+- var popover_custom        = true;
+- var sidebar               = true;
+- var scrollbar             = 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
+                                      | Popover
+                                    ol.breadcrumb
+                                      li.breadcrumb-item
+                                        a(href='index.html')
+                                         | Home
+                                      li.breadcrumb-item Base
+                                      li.breadcrumb-item.active Popover
+                                .col-sm-6
+                                  include ../../components/bookmark
+                    // Container-fluid starts
+                    .container-fluid
+                      .row.popover-main
+                        .col-sm-12
+                          .card
+                            .card-header.pb-0
+                              h5 Basic Examples
+                              span lorem ipsum dolor sit amet, consectetur adipisicing elit
+                            .card-body.btn-showcase
+                              button.btn.btn-primary.example-popover(type='button', data-bs-toggle='popover', title='Popover title', data-bs-content="And here's some amazing content. It's very engaging. Right?") Click to toggle popover
+                              a.example-popover.btn.btn-primary(tabindex='0', role='button', data-bs-toggle='popover', data-bs-trigger='focus', title='Popover title', data-bs-content="And here's some amazing content. It's very engaging. Right?") Dismissible popover
+                              button.example-popover.btn.btn-primary(type='button', data-bs-trigger='hover', data-container='body', data-bs-toggle='popover', data-bs-placement='bottom', title='Popover title', data-offset='-20px -20px', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
+                                | On Hover Tooltip
+                        .col-sm-12
+                          .card
+                            .card-header.pb-0
+                              h5 Direction
+                              span lorem ipsum dolor sit amet, consectetur adipisicing elit
+                            .card-body.btn-showcase
+                              button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='top', title='Popover title', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
+                                | Popover on top
+                              button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='right', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
+                                | Popover on right
+                              button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='bottom', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
+                                | Popover on bottom
+                              button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='left', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
+                                | Popover on left
+                    // Container-fluid Ends
+                include ../../components/footer
+        include ../../components/footer-files