img-1 img-2 img-3 img-4 img-5 img-6 img-7

Documentation

HTML Structure

Here is the general HTML structure of the template:

<!doctype html>
<html lang="en" dir="<!-- rtl OR ltr compare -->">
    <head>
        [Page meta, page css, page js files, page title etc...]
    </head>
    <body class=" <!-- dark or light mode compare -->">
        <!-- Wrapper Start-->
            <!-- loader Start -->
            <div id="loading">
                [LOADER CONTENT]
            </div>
            <!-- loader END -->
            <!-- Sidebar Start -->
                [SIDEBAR CONTENT]
            <!-- Sidebar END -->
            <!-- Main Content Start -->
            <main class="main-content">
                <div>
                    <!--Nav Start-->
                        [HEADER CONTENT]
                        [SUB-HEADER CONTENT]
                    <!--Nav End-->
                </div>
                <div>
                    [MAIN CONTENT]
                </div>
                <!-- Footer Start -->
                    [FOOTER CONTENT]
                <!-- Footer END -->
            </main>
            <!-- Main Content End -->
        <!-- Wrapper End-->
    </body>
    <!-- Script Start -->
        [SCRIPT CONTENT]
    <!-- Script END -->
</html>