<div id="template-customizer" class="bg-card"> <a href="javascript:void(0)" class="template-customizer-open-btn" tabindex="-1"></a> <div class="p-6 m-0 lh-1 border-bottom template-customizer-header position-relative py-4"> <h6 class="template-customizer-t-panel_header mb-1"></h6> <p class="template-customizer-t-panel_sub_header mb-0 small"></p> <div class="d-flex align-items-center gap-2 position-absolute end-0 top-0 mt-6 me-5"> <a href="javascript:void(0)" class="template-customizer-reset-btn text-heading" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Reset Customizer" ><i class="ti ti-refresh ti-lg"></i ><span class="badge rounded-pill bg-danger badge-dot badge-notifications d-none"></span ></a> <a href="javascript:void(0)" class="template-customizer-close-btn fw-light text-heading" tabindex="-1"> <i class="ti ti-x ti-lg"></i> </a> </div> </div> <div class="template-customizer-inner pt-6"> <!-- Theming --> <div class="template-customizer-theming"> <h5 class="m-0 px-6 py-6"> <span class="template-customizer-t-theming_header bg-label-primary rounded-1 py-1 px-3 small"></span> </h5> <!-- Style --> <div class="m-0 px-6 pb-6 template-customizer-style w-100"> <label for="customizerStyle" class="form-label d-block template-customizer-t-style_label mb-2"></label> <div class="row px-1 template-customizer-styles-options"></div> </div> <!-- Themes --> <div class="m-0 px-6 template-customizer-themes w-100"> <label for="customizerTheme" class="form-label template-customizer-t-theme_label mb-2"></label> <div class="row px-1 template-customizer-themes-options"></div> </div> </div> <!--/ Theming --> <!-- Layout --> <div class="template-customizer-layout"> <hr class="m-0 px-6 my-6" /> <h5 class="m-0 px-6 pb-6"> <span class="template-customizer-t-layout_header bg-label-primary rounded-2 py-1 px-3 small"></span> </h5> <!-- Layout(Menu) --> <div class="m-0 px-6 pb-6 d-block template-customizer-layouts"> <label for="customizerStyle" class="form-label d-block template-customizer-t-layout_label mb-2"></label> <div class="row px-1 template-customizer-layouts-options"> <!--? Uncomment If using offcanvas layout --> <!-- <div class="col-12"> <div class="form-check"> <input class="form-check-input" type="radio" name="layoutRadios" id="layoutRadios-offcanvas" value="static-offcanvas"> <label class="form-check-label template-customizer-t-layout_offcanvas" for="layoutRadios-offcanvas"></label> </div> </div> --> <!-- <div class="col-12"> <div class="form-check"> <input class="form-check-input" type="radio" name="layoutRadios" id="layoutRadios-fixed_offcanvas" value="fixed-offcanvas"> <label class="form-check-label template-customizer-t-layout_fixed_offcanvas" for="layoutRadios-fixed_offcanvas"></label> </div> </div> --> </div> </div> <!-- Header Options for Horizontal --> <div class="m-0 px-6 pb-6 template-customizer-headerOptions w-100"> <label for="customizerHeader" class="form-label template-customizer-t-layout_header_label mb-2"></label> <div class="row px-1 template-customizer-header-options"></div> </div> <!-- Fixed navbar --> <div class="m-0 px-6 pb-6 template-customizer-layoutNavbarOptions w-100"> <label for="customizerNavbar" class="form-label template-customizer-t-layout_navbar_label mb-2"></label> <div class="row px-1 template-customizer-navbar-options"></div> </div> <!-- Content --> <div class="m-0 px-6 pb-6 template-customizer-content w-100"> <label for="customizerContent" class="form-label template-customizer-t-content_label mb-2"></label> <div class="row px-1 template-customizer-content-options"></div> </div> <!-- Directions --> <div class="m-0 px-6 pb-6 template-customizer-directions w-100"> <label for="customizerDirection" class="form-label template-customizer-t-direction_label mb-2"></label> <div class="row px-1 template-customizer-directions-options"></div> </div> </div> <!--/ Layout --> </div> </div>