HTML Structure
Here is the general HTML structure of the template:
<!doctype html>
<html lang="en" dir="ltr" data-bs-theme="<!-- dark or light mode compare -->">
<head>
[Page meta, page css, page js files, page title etc...]
</head>
<body class=" <!-- dark or light mode compare -->">
<!-- loader Start -->
<div id="loading">
[LOADER CONTENT]
</div>
<!-- loader END -->
<!-- Sidebar Start -->
[SIDEBAR CONTENT]
<!-- Sidebar END -->
<main class="main-content">
<div class="position-relative iq-banner">
<!--Nav Start-->
[HEADER CONTENT]
[SUB-HEADER CONTENT]
<!--Nav End-->
</div>
<div class="content-inner container-fluid pb-0" id="page_layout">
[MAIN CONTENT]
</div>
<!-- Footer Start -->
[FOOTER CONTENT]
<!-- Footer END -->
</main>
[SETTING PANEL]
<!-- Wrapper End-->
<!-- offcanvas start -->
[offcanvas / popup CONTENT]
<!-- offcanvas END -->
<!-- Script Start -->
[SCRIPT CONTENT]
<!-- Script END -->
</body>
</html>