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 --">
        <!-- loader Start -->
        <div id="loading">
            [LOADER CONTENT]
        </div>
        <!-- loader End -->
        <!-- Main Content Start -->
        <div>
            <!-- Sidebar Start -->
            [SIDEBAR CONTENT]
            <!-- Sidebar End -->
            <main class="main-content">
                <div>
                    <!--Nav Start-->
                    [HEADER CONTENT]
                    <!--Nav End-->
                </div>
                <div>
                    [MAIN CONTENT]
                </div>
                <!-- Download Button Start -->
                [DOWNLOAD BUTTON CONTENT]
                <!-- Download Button End -->

                <!-- Footer Start -->
                [FOOTER CONTENT]
                <!-- Footer End -->
            </main>

            <!-- Script Start -->
            [SCRIPT CONTENT]
            <!-- Script END -->
        </div>
        <!-- Main Content End -->
    </body>

</html>
            

Updated on February 28, 2022
Was this page helpful?