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>