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/form-wizard.pug
+++ b/public/assets/pug/pages/template/form-wizard.pug
@@ -0,0 +1,94 @@
+- var theme_customizer      = true;
+- var form_wizard           = 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
+                                      | Form Wizard
+                                    ol.breadcrumb
+                                      li.breadcrumb-item
+                                        a(href='index.html')
+                                         | Home
+                                      li.breadcrumb-item Forms   
+                                      li.breadcrumb-item Form Layout
+                                      li.breadcrumb-item.active Form Wizard 1
+                                .col-sm-6
+                                  include ../../components/bookmark
+                    // Container-fluid starts
+                    .container-fluid
+                      .row
+                        .col-md-12
+                          .card
+                            .card-header.pb-0
+                              h5 Simple Form Wizard
+                              span Please Make sure fill all the filed before click on next button
+                            .card-body
+                              form#regForm.form-wizard(action='#', method='POST')
+                                .tab
+                                  .form-group
+                                    label(for='name') First Name
+                                    input#name.form-control(type='text', placeholder='Johan', required='required')
+                                  .form-group
+                                    label(for='lname') Last Name
+                                    input#lname.form-control(type='text', placeholder='Deo')
+                                  .form-group
+                                    label(for='contact') Contact No.
+                                    input#contact.form-control.digits(type='number', placeholder='123456789')
+                                .tab
+                                  .form-group.m-t-15
+                                    label(for='exampleFormControlInput1') Email address
+                                    input#exampleFormControlInput1.form-control(type='email', placeholder='name@example.com')
+                                  .form-group
+                                    label(for='exampleInputPassword1') Password
+                                    input#exampleInputPassword1.form-control(type='password', placeholder='Password')
+                                  .form-group
+                                    label(for='exampleInputPassword1') Confirm Password
+                                    input#exampleInputcPassword1.form-control(type='password', placeholder='Enter again')
+                                .tab
+                                  .form-group
+                                    label(for='exampleFormControlInput1') Birthday:
+                                    input.form-control.digits(type='date')
+                                  .form-group
+                                    label.control-label Age
+                                    input.form-control.digits(placeholder='Age', type='text')
+                                  .form-group
+                                    label.control-label Have Passport
+                                    input.form-control.digits(placeholder='Yes/No', type='text')
+                                .tab
+                                  .form-group
+                                    label.control-label Country
+                                    input.form-control.mt-1(type='text', placeholder='Country', required='required')
+                                  .form-group
+                                    label.control-label State
+                                    input.form-control.mt-1(type='text', placeholder='State', required='required')
+                                  .form-group
+                                    label.control-label City
+                                    input.form-control.mt-1(type='text', placeholder='City', required='required')
+                                div
+                                  .text-end.btn-mb
+                                    button#prevBtn.btn.btn-secondary(type='button', onclick='nextPrev(-1)') Previous
+                                    button#nextBtn.btn.btn-primary(type='button', onclick='nextPrev(1)') Next
+                                // Circles which indicates the steps of the form:
+                                .text-center
+                                  span.step
+                                  span.step
+                                  span.step
+                                  span.step
+                                // Circles which indicates the steps of the form:
+                    // Container-fluid Ends
+                include ../../components/footer
+        include ../../components/footer-files