npm - admin-lte - Versions diffs - 4.0.0-beta1 → 4.0.0-beta3 - Mend

admin-lte 4.0.0-beta1 → 4.0.0-beta3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/.astro/content-assets.mjs +1 -0
package/.astro/content-modules.mjs +1 -0
package/.astro/content.d.ts +166 -0
package/.astro/data-store.json +1 -0
package/.astro/settings.json +5 -0
package/.astro/types.d.ts +2 -0
package/.prettierrc +6 -0
package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
package/adminlte-v4.0.0-beta3.zip +0 -0
package/dist/css/adminlte.css +55 -127
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +2 -2
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +55 -127
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +2 -2
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/js/adminlte.js +2 -2
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +2 -2
package/dist/js/adminlte.min.js.map +1 -1
package/dist/pages/UI/general.html +1886 -883
package/dist/pages/UI/icons.html +818 -0
package/dist/pages/UI/timeline.html +894 -490
package/dist/pages/docs/browser-support.html +839 -434
package/dist/pages/docs/color-mode.html +985 -539
package/dist/pages/docs/components/main-header.html +1016 -535
package/dist/pages/docs/components/main-sidebar.html +831 -431
package/dist/pages/docs/faq.html +831 -432
package/dist/pages/docs/how-to-contribute.html +904 -472
package/dist/pages/docs/introduction.html +883 -451
package/dist/pages/docs/javascript/treeview.html +837 -443
package/dist/pages/docs/layout.html +835 -473
package/dist/pages/docs/license.html +828 -434
package/dist/pages/examples/lockscreen.html +129 -66
package/dist/pages/examples/login-v2.html +157 -85
package/dist/pages/examples/login.html +147 -80
package/dist/pages/examples/register-v2.html +167 -88
package/dist/pages/examples/register.html +152 -81
package/dist/pages/forms/general.html +1223 -599
package/dist/pages/generate/theme.html +737 -0
package/dist/pages/index.html +1400 -793
package/dist/pages/index2.html +1852 -1051
package/dist/pages/index3.html +1183 -684
package/dist/pages/layout/collapsed-sidebar.html +829 -440
package/dist/pages/layout/fixed-sidebar.html +829 -440
package/dist/pages/layout/layout-custom-area.html +862 -0
package/dist/pages/layout/layout-rtl.html +829 -440
package/dist/pages/layout/logo-switch.html +486 -233
package/dist/pages/layout/sidebar-mini.html +829 -440
package/dist/pages/layout/unfixed-sidebar.html +827 -439
package/dist/pages/tables/simple.html +1079 -686
package/dist/pages/widgets/cards.html +1034 -544
package/dist/pages/widgets/info-box.html +1052 -571
package/dist/pages/widgets/small-box.html +914 -474
package/package.json +25 -24
package/src/scss/_app-content.scss +0 -49
package/src/scss/_app-main.scss +21 -1
package/src/scss/_app-sidebar.scss +1 -6
package/src/scss/_bootstrap-variables.scss +11 -9
package/src/scss/_compact-mode.scss +0 -26
package/src/scss/_variables.scss +19 -7
package/src/scss/adminlte.scss +1 -1
package/src/ts/push-menu.ts +1 -1
package/.bundlewatch.config.json +0 -28
package/.cache/.eslintcache +0 -1
package/.cache/.stylelintcache +0 -1
package/.editorconfig +0 -14
package/.eslintignore +0 -7
package/.eslintrc.json +0 -120
package/.gitattributes +0 -6
package/.gitpod.yml +0 -6
package/.stylelintignore +0 -8
package/.stylelintrc.json +0 -47
package/composer.json +0 -25
package/dist/pages/layout/fixed-complete.html +0 -541
package/src/assets/img/AdminLTEFullLogo.png +0 -0
package/src/assets/img/AdminLTELogo.png +0 -0
package/src/assets/img/avatar.png +0 -0
package/src/assets/img/avatar2.png +0 -0
package/src/assets/img/avatar3.png +0 -0
package/src/assets/img/avatar4.png +0 -0
package/src/assets/img/avatar5.png +0 -0
package/src/assets/img/boxed-bg.jpg +0 -0
package/src/assets/img/boxed-bg.png +0 -0
package/src/assets/img/credit/american-express.png +0 -0
package/src/assets/img/credit/cirrus.png +0 -0
package/src/assets/img/credit/mastercard.png +0 -0
package/src/assets/img/credit/paypal.png +0 -0
package/src/assets/img/credit/paypal2.png +0 -0
package/src/assets/img/credit/visa.png +0 -0
package/src/assets/img/default-150x150.png +0 -0
package/src/assets/img/icons.png +0 -0
package/src/assets/img/photo1.png +0 -0
package/src/assets/img/photo2.png +0 -0
package/src/assets/img/photo3.jpg +0 -0
package/src/assets/img/photo4.jpg +0 -0
package/src/assets/img/prod-1.jpg +0 -0
package/src/assets/img/prod-2.jpg +0 -0
package/src/assets/img/prod-3.jpg +0 -0
package/src/assets/img/prod-4.jpg +0 -0
package/src/assets/img/prod-5.jpg +0 -0
package/src/assets/img/user1-128x128.jpg +0 -0
package/src/assets/img/user2-160x160.jpg +0 -0
package/src/assets/img/user3-128x128.jpg +0 -0
package/src/assets/img/user4-128x128.jpg +0 -0
package/src/assets/img/user5-128x128.jpg +0 -0
package/src/assets/img/user6-128x128.jpg +0 -0
package/src/assets/img/user7-128x128.jpg +0 -0
package/src/assets/img/user8-128x128.jpg +0 -0
package/src/config/assets.config.mjs +0 -8
package/src/config/astro.config.mjs +0 -19
package/src/config/postcss.config.mjs +0 -15
package/src/config/rollup.config.js +0 -20
package/src/html/.eslintrc.json +0 -24
package/src/html/.prettierrc.js +0 -11
package/src/html/.tsconfig.json +0 -4
package/src/html/components/_head.astro +0 -37
package/src/html/components/_scripts.astro +0 -39
package/src/html/components/dashboard/_footer.astro +0 -18
package/src/html/components/dashboard/_sidenav.astro +0 -562
package/src/html/components/dashboard/_topbar.astro +0 -221
package/src/html/components/docs/browser-support.mdx +0 -23
package/src/html/components/docs/color-mode.mdx +0 -169
package/src/html/components/docs/components/main-header.mdx +0 -198
package/src/html/components/docs/components/main-sidebar.mdx +0 -129
package/src/html/components/docs/faq.mdx +0 -11
package/src/html/components/docs/how-to-contribute.mdx +0 -34
package/src/html/components/docs/introduction.mdx +0 -60
package/src/html/components/docs/license.mdx +0 -9
package/src/html/components/javascript/treeview.mdx +0 -39
package/src/html/env.d.ts +0 -1
package/src/html/pages/UI/general.astro +0 -1451
package/src/html/pages/UI/timeline.astro +0 -221
package/src/html/pages/docs/browser-support.astro +0 -71
package/src/html/pages/docs/color-mode.astro +0 -273
package/src/html/pages/docs/components/main-header.astro +0 -320
package/src/html/pages/docs/components/main-sidebar.astro +0 -71
package/src/html/pages/docs/faq.astro +0 -71
package/src/html/pages/docs/how-to-contribute.astro +0 -71
package/src/html/pages/docs/introduction.astro +0 -71
package/src/html/pages/docs/javascript/treeview.astro +0 -71
package/src/html/pages/docs/layout.astro +0 -120
package/src/html/pages/docs/license.astro +0 -71
package/src/html/pages/examples/lockscreen.astro +0 -63
package/src/html/pages/examples/login-v2.astro +0 -109
package/src/html/pages/examples/login.astro +0 -99
package/src/html/pages/examples/register-v2.astro +0 -116
package/src/html/pages/examples/register.astro +0 -102
package/src/html/pages/forms/general.astro +0 -624
package/src/html/pages/index.astro +0 -799
package/src/html/pages/index2.astro +0 -1373
package/src/html/pages/index3.astro +0 -513
package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
package/src/html/pages/layout/fixed-complete.astro +0 -209
package/src/html/pages/layout/fixed-sidebar.astro +0 -109
package/src/html/pages/layout/layout-rtl.astro +0 -109
package/src/html/pages/layout/logo-switch.astro +0 -212
package/src/html/pages/layout/sidebar-mini.astro +0 -108
package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
package/src/html/pages/tables/simple.astro +0 -472
package/src/html/pages/widgets/cards.astro +0 -373
package/src/html/pages/widgets/info-box.astro +0 -413
package/src/html/pages/widgets/small-box.astro +0 -182
package/src/utils/index.js +0 -28
package/tsconfig.json +0 -31

package/src/html/pages/forms/general.astro DELETED Viewed

@@ -1,624 +0,0 @@
----
-import Head from "@components/_head.astro";
-import Footer from "@components/dashboard/_footer.astro";
-import Topbar from "@components/dashboard/_topbar.astro";
-import Sidenav from "@components/dashboard/_sidenav.astro";
-import Scripts from "@components/_scripts.astro";
-const title = "AdminLTE 4 | General Form Elements";
-const path = "../../../dist";
-const mainPage = "forms";
-const page = "general";
----
-<!DOCTYPE html>
-<html lang="en">
-  <!--begin::Head-->
-  <head>
-    <Head title={title} path={path} />
-  </head>
-  <!--end::Head-->
-  <!--begin::Body-->
-  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
-    <!--begin::App Wrapper-->
-    <div class="app-wrapper">
-      <Topbar path={path} />
-      <Sidenav path={path} mainPage={mainPage} page={page} />
-      <!--begin::App Main-->
-      <main class="app-main">
-        <!--begin::App Content Header-->
-        <div class="app-content-header">
-          <!--begin::Container-->
-          <div class="container-fluid">
-            <!--begin::Row-->
-            <div class="row">
-              <div class="col-sm-6">
-                <h3 class="mb-0">General Form</h3>
-              </div>
-              <div class="col-sm-6">
-                <ol class="breadcrumb float-sm-end">
-                  <li class="breadcrumb-item"><a href="#">Home</a></li>
-                  <li class="breadcrumb-item active" aria-current="page">
-                    General Form
-                  </li>
-                </ol>
-              </div>
-            </div>
-            <!--end::Row-->
-          </div>
-          <!--end::Container-->
-        </div>
-        <!--end::App Content Header-->
-        <!--begin::App Content-->
-        <div class="app-content">
-          <!--begin::Container-->
-          <div class="container-fluid">
-            <!--begin::Row-->
-            <div class="row g-4">
-              <!--begin::Col-->
-              <div class="col-12">
-                <div class="callout callout-info">
-                  For detailed documentation of Form visit <a
-                    href="https://getbootstrap.com/docs/5.3/forms/overview/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="callout-link"
-                  >
-                    Bootstrap Form
-                  </a>
-                </div>
-              </div>
-              <!--end::Col-->
-              <!--begin::Col-->
-              <div class="col-md-6">
-                <!--begin::Quick Example-->
-                <div class="card card-primary card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Quick Example</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Form-->
-                  <form>
-                    <!--begin::Body-->
-                    <div class="card-body">
-                      <div class="mb-3">
-                        <label for="exampleInputEmail1" class="form-label"
-                          >Email address</label
-                        >
-                        <input
-                          type="email"
-                          class="form-control"
-                          id="exampleInputEmail1"
-                          aria-describedby="emailHelp"
-                        />
-                        <div id="emailHelp" class="form-text">
-                          We'll never share your email with anyone else.
-                        </div>
-                      </div>
-                      <div class="mb-3">
-                        <label for="exampleInputPassword1" class="form-label"
-                          >Password</label
-                        >
-                        <input
-                          type="password"
-                          class="form-control"
-                          id="exampleInputPassword1"
-                        />
-                      </div>
-                      <div class="input-group mb-3">
-                        <input
-                          type="file"
-                          class="form-control"
-                          id="inputGroupFile02"
-                        />
-                        <label class="input-group-text" for="inputGroupFile02"
-                          >Upload</label
-                        >
-                      </div>
-                      <div class="mb-3 form-check">
-                        <input
-                          type="checkbox"
-                          class="form-check-input"
-                          id="exampleCheck1"
-                        />
-                        <label class="form-check-label" for="exampleCheck1"
-                          >Check me out</label
-                        >
-                      </div>
-                    </div>
-                    <!--end::Body-->
-                    <!--begin::Footer-->
-                    <div class="card-footer">
-                      <button type="submit" class="btn btn-primary"
-                        >Submit</button
-                      >
-                    </div>
-                    <!--end::Footer-->
-                  </form>
-                  <!--end::Form-->
-                </div>
-                <!--end::Quick Example-->
-                <!--begin::Input Group-->
-                <div class="card card-success card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Input Group</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Body-->
-                  <div class="card-body">
-                    <div class="input-group mb-3">
-                      <span class="input-group-text" id="basic-addon1">@</span>
-                      <input
-                        type="text"
-                        class="form-control"
-                        placeholder="Username"
-                        aria-label="Username"
-                        aria-describedby="basic-addon1"
-                      />
-                    </div>
-                    <div class="input-group mb-3">
-                      <input
-                        type="text"
-                        class="form-control"
-                        placeholder="Recipient's username"
-                        aria-label="Recipient's username"
-                        aria-describedby="basic-addon2"
-                      />
-                      <span class="input-group-text" id="basic-addon2"
-                        >@example.com</span
-                      >
-                    </div>
-                    <div class="mb-3">
-                      <label for="basic-url" class="form-label"
-                        >Your vanity URL</label
-                      >
-                      <div class="input-group">
-                        <span class="input-group-text" id="basic-addon3"
-                          >https://example.com/users/</span
-                        >
-                        <input
-                          type="text"
-                          class="form-control"
-                          id="basic-url"
-                          aria-describedby="basic-addon3 basic-addon4"
-                        />
-                      </div>
-                      <div class="form-text" id="basic-addon4">
-                        Example help text goes outside the input group.
-                      </div>
-                    </div>
-                    <div class="input-group mb-3">
-                      <span class="input-group-text">$</span>
-                      <input
-                        type="text"
-                        class="form-control"
-                        aria-label="Amount (to the nearest dollar)"
-                      />
-                      <span class="input-group-text">.00</span>
-                    </div>
-                    <div class="input-group mb-3">
-                      <input
-                        type="text"
-                        class="form-control"
-                        placeholder="Username"
-                        aria-label="Username"
-                      />
-                      <span class="input-group-text">@</span>
-                      <input
-                        type="text"
-                        class="form-control"
-                        placeholder="Server"
-                        aria-label="Server"
-                      />
-                    </div>
-                    <div class="input-group">
-                      <span class="input-group-text">With textarea</span>
-                      <textarea class="form-control" aria-label="With textarea"
-                      ></textarea>
-                    </div>
-                  </div>
-                  <!--end::Body-->
-                  <!--begin::Footer-->
-                  <div class="card-footer">
-                    <button type="submit" class="btn btn-success">Submit</button
-                    >
-                  </div>
-                  <!--end::Footer-->
-                </div>
-                <!--end::Input Group-->
-                <!--begin::Horizontal Form-->
-                <div class="card card-warning card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Horizontal Form</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Form-->
-                  <form>
-                    <!--begin::Body-->
-                    <div class="card-body">
-                      <div class="row mb-3">
-                        <label for="inputEmail3" class="col-sm-2 col-form-label"
-                          >Email</label
-                        >
-                        <div class="col-sm-10">
-                          <input
-                            type="email"
-                            class="form-control"
-                            id="inputEmail3"
-                          />
-                        </div>
-                      </div>
-                      <div class="row mb-3">
-                        <label
-                          for="inputPassword3"
-                          class="col-sm-2 col-form-label">Password</label
-                        >
-                        <div class="col-sm-10">
-                          <input
-                            type="password"
-                            class="form-control"
-                            id="inputPassword3"
-                          />
-                        </div>
-                      </div>
-                      <fieldset class="row mb-3">
-                        <legend class="col-form-label col-sm-2 pt-0"
-                          >Radios</legend
-                        >
-                        <div class="col-sm-10">
-                          <div class="form-check">
-                            <input
-                              class="form-check-input"
-                              type="radio"
-                              name="gridRadios"
-                              id="gridRadios1"
-                              value="option1"
-                              checked
-                            />
-                            <label class="form-check-label" for="gridRadios1">
-                              First radio
-                            </label>
-                          </div>
-                          <div class="form-check">
-                            <input
-                              class="form-check-input"
-                              type="radio"
-                              name="gridRadios"
-                              id="gridRadios2"
-                              value="option2"
-                            />
-                            <label class="form-check-label" for="gridRadios2">
-                              Second radio
-                            </label>
-                          </div>
-                          <div class="form-check disabled">
-                            <input
-                              class="form-check-input"
-                              type="radio"
-                              name="gridRadios"
-                              id="gridRadios3"
-                              value="option3"
-                              disabled
-                            />
-                            <label class="form-check-label" for="gridRadios3">
-                              Third disabled radio
-                            </label>
-                          </div>
-                        </div>
-                      </fieldset>
-                      <div class="row mb-3">
-                        <div class="col-sm-10 offset-sm-2">
-                          <div class="form-check">
-                            <input
-                              class="form-check-input"
-                              type="checkbox"
-                              id="gridCheck1"
-                            />
-                            <label class="form-check-label" for="gridCheck1">
-                              Example checkbox
-                            </label>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <!--end::Body-->
-                    <!--begin::Footer-->
-                    <div class="card-footer">
-                      <button type="submit" class="btn btn-warning"
-                        >Sign in</button
-                      >
-                      <button type="submit" class="btn float-end">Cancel</button
-                      >
-                    </div>
-                    <!--end::Footer-->
-                  </form>
-                  <!--end::Form-->
-                </div>
-                <!--end::Horizontal Form-->
-              </div>
-              <!--end::Col-->
-              <!--begin::Col-->
-              <div class="col-md-6">
-                <!--begin::Different Height-->
-                <div class="card card-secondary card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Different Height</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Body-->
-                  <div class="card-body">
-                    <input
-                      class="form-control form-control-lg"
-                      type="text"
-                      placeholder=".form-control-lg"
-                      aria-label=".form-control-lg example"
-                    />
-                    <br />
-                    <input
-                      class="form-control"
-                      type="text"
-                      placeholder="Default input"
-                      aria-label="default input example"
-                    />
-                    <br />
-                    <input
-                      class="form-control form-control-sm"
-                      type="text"
-                      placeholder=".form-control-sm"
-                      aria-label=".form-control-sm example"
-                    />
-                  </div>
-                  <!--end::Body-->
-                </div>
-                <!--end::Different Height-->
-                <!--begin::Different Width-->
-                <div class="card card-danger card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Different Width</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Body-->
-                  <div class="card-body">
-                    <!--begin::Row-->
-                    <div class="row">
-                      <!--begin::Col-->
-                      <div class="col-3">
-                        <input
-                          type="text"
-                          class="form-control"
-                          placeholder=".col-3"
-                        />
-                      </div>
-                      <!--end::Col-->
-                      <!--begin::Col-->
-                      <div class="col-4">
-                        <input
-                          type="text"
-                          class="form-control"
-                          placeholder=".col-4"
-                        />
-                      </div>
-                      <!--end::Col-->
-                      <!--begin::Col-->
-                      <div class="col-5">
-                        <input
-                          type="text"
-                          class="form-control"
-                          placeholder=".col-5"
-                        />
-                      </div>
-                      <!--end::Col-->
-                    </div>
-                    <!--end::Row-->
-                  </div>
-                  <!--end::Body-->
-                </div>
-                <!--end::Different Width-->
-                <!--begin::Form Validation-->
-                <div class="card card-info card-outline mb-4">
-                  <!--begin::Header-->
-                  <div class="card-header">
-                    <div class="card-title">Form Validation</div>
-                  </div>
-                  <!--end::Header-->
-                  <!--begin::Form-->
-                  <form class="needs-validation" novalidate>
-                    <!--begin::Body-->
-                    <div class="card-body">
-                      <!--begin::Row-->
-                      <div class="row g-3">
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label for="validationCustom01" class="form-label"
-                            >First name</label
-                          >
-                          <input
-                            type="text"
-                            class="form-control"
-                            id="validationCustom01"
-                            value="Mark"
-                            required
-                          />
-                          <div class="valid-feedback">Looks good!</div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label for="validationCustom02" class="form-label"
-                            >Last name</label
-                          >
-                          <input
-                            type="text"
-                            class="form-control"
-                            id="validationCustom02"
-                            value="Otto"
-                            required
-                          />
-                          <div class="valid-feedback">Looks good!</div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label
-                            for="validationCustomUsername"
-                            class="form-label">Username</label
-                          >
-                          <div class="input-group has-validation">
-                            <span
-                              class="input-group-text"
-                              id="inputGroupPrepend">@</span
-                            >
-                            <input
-                              type="text"
-                              class="form-control"
-                              id="validationCustomUsername"
-                              aria-describedby="inputGroupPrepend"
-                              required
-                            />
-                            <div class="invalid-feedback">
-                              Please choose a username.
-                            </div>
-                          </div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label for="validationCustom03" class="form-label"
-                            >City</label
-                          >
-                          <input
-                            type="text"
-                            class="form-control"
-                            id="validationCustom03"
-                            required
-                          />
-                          <div class="invalid-feedback">
-                            Please provide a valid city.
-                          </div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label for="validationCustom04" class="form-label"
-                            >State</label
-                          >
-                          <select
-                            class="form-select"
-                            id="validationCustom04"
-                            required
-                          >
-                            <option selected disabled value="">Choose...</option
-                            >
-                            <option>...</option>
-                          </select>
-                          <div class="invalid-feedback">
-                            Please select a valid state.
-                          </div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-md-6">
-                          <label for="validationCustom05" class="form-label"
-                            >Zip</label
-                          >
-                          <input
-                            type="text"
-                            class="form-control"
-                            id="validationCustom05"
-                            required
-                          />
-                          <div class="invalid-feedback">
-                            Please provide a valid zip.
-                          </div>
-                        </div>
-                        <!--end::Col-->
-                        <!--begin::Col-->
-                        <div class="col-12">
-                          <div class="form-check">
-                            <input
-                              class="form-check-input"
-                              type="checkbox"
-                              value=""
-                              id="invalidCheck"
-                              required
-                            />
-                            <label class="form-check-label" for="invalidCheck">
-                              Agree to terms and conditions
-                            </label>
-                            <div class="invalid-feedback">
-                              You must agree before submitting.
-                            </div>
-                          </div>
-                        </div>
-                        <!--end::Col-->
-                      </div>
-                      <!--end::Row-->
-                    </div>
-                    <!--end::Body-->
-                    <!--begin::Footer-->
-                    <div class="card-footer">
-                      <button class="btn btn-info" type="submit"
-                        >Submit form</button
-                      >
-                    </div>
-                    <!--end::Footer-->
-                  </form>
-                  <!--end::Form-->
-                  <!--begin::JavaScript-->
-                  <script is:inline>
-                    // Example starter JavaScript for disabling form submissions if there are invalid fields
-                    (() => {
-                      "use strict";
-                      // Fetch all the forms we want to apply custom Bootstrap validation styles to
-                      const forms =
-                        document.querySelectorAll(".needs-validation");
-                      // Loop over them and prevent submission
-                      Array.from(forms).forEach((form) => {
-                        form.addEventListener(
-                          "submit",
-                          (event) => {
-                            if (!form.checkValidity()) {
-                              event.preventDefault();
-                              event.stopPropagation();
-                            }
-                            form.classList.add("was-validated");
-                          },
-                          false
-                        );
-                      });
-                    })();
-                  </script>
-                  <!--end::JavaScript-->
-                </div>
-                <!--end::Form Validation-->
-              </div>
-              <!--end::Col-->
-            </div>
-            <!--end::Row-->
-          </div>
-          <!--end::Container-->
-        </div>
-        <!--end::App Content-->
-      </main>
-      <!--end::App Main-->
-      <Footer />
-    </div>
-    <!--end::App Wrapper-->
-    <!--begin::Script-->
-    <Scripts path={path} />
-    <!--end::Script-->
-  </body><!--end::Body-->
-</html>