Loading
Octoink
Check it out Demo
HTML Structure

Common HTML structure of this project

A common HTML code which is used in most of the HTML pages in this project. It is also a basic skeleton of this project

HTML Structure of this Project
                    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <!-- Meta Tag -->
        <meta charset="utf-8">
        ...

        <title>Octoink | Bootstrap 4 Admin Dashboard Template</title>

        <!-- Favicon -->
        <link href="..." rel="icon"/>

        <!-- IOS Touch Icons -->
        <link rel="apple-touch-icon" href="...">
        ...

        <!-- Styles -->
        <link href="..." rel="stylesheet" type="text/css"/>
        ...
    </head>
    <body>
        <!-- Begin | Page Loader [[ Find at scss/frameworks/base/loader/loader.scss ]] -->
        <div id="loader">...</div>
        <!-- End | Page Loader -->

        <!-- Begin | Wrapper [[ Find at scss/frameworks/base/wrapper.scss ]] -->
        <div id="wrapper">
            <!-- Begin | Header [[ Find at scss/frameworks/base/header/header.scss ]] -->
            <header id="header">...</header>
            <!-- End | Header -->

            <div id="pageWrapper">
                <!-- Begin | Sidebar [[ Find at scss/frameworks/base/aside/aside-left/aside.scss ]] -->
                <aside id="sidebar">...</aside>
                <!-- End | Sidebar -->

                <!-- Begin | Main Wrapper [[ Find at scss/frameworks/base/wrapper.scss ]] -->
                <main id="mainWrapper">
                    <!-- Begin | Page Content [[ Find at scss/frameworks/base/wrapper.scss ]] -->
                    <div id="pageContent">...</div>
                    <!-- End | Page Content -->

                    <!-- Begin | Footer [[ Find at scss/frameworks/base/footer/footer.scss ]] -->
                    <footer id="footer">...</footer>
                    <!-- End | Footer -->
                </main>
                <!-- End | Main Wrapper -->
            </div>

            <!-- Begin | Aside Right [[ Find at scss/frameworks/base/aside/aside-right/aside.scss ]] -->
            <aside id="rightSide">...</aside>
            <!-- End | Aside Right -->
        </div>
        <!-- End | Wrapper -->

        <!-- Script -->
        <script src="...">...</script>

    </body>
    </html>