HTML
Preview Buy Now

# Admin Structure

This part of the documentation will help you understand the Admin Structure.

1. Header Section : This is the default navbar section. It contains :

- Sidebar toggle button. (On mobile resolution)
- Search bar
- Language Dropdown
- Light/Dark Toggle
- Notification Dropdown
- Profile Dropdown

    <div class="header-container container-xxl">
        <header class="header navbar navbar-expand-sm expand-header">

            ..................
            ..................
            ..................
            ..................

        </header>
    </div>

2. Main Container Section : The main container section includes overlay, sidebar and main content section.

- Overlay Code
- Sidebar Section
- Main Content Section

    <div class="middle-content container-xxl p-0">

    </div>

3. Sidebar : This is the sidebar code.

     <!--  BEGIN SIDEBAR  -->
        <div class="sidebar-wrapper sidebar-theme">

           <nav id="sidebar">

               ................
               ................
               ................
               ................

           </nav>

       </div>
    <!--  END SIDEBAR  -->

4. Main Content : This is the Main Content code section.

- .middle-content - This is used for appling the .container-xxl class.
- Breadcrumb Section - Contains the Breadcrumb.
- Widget contents - Contains all the widgets.

    <!--  BEGIN CONTENT AREA  -->
        <div id="content" class="main-content">
            <div class="layout-px-spacing">

            </div>
        </div>
    <!--  END CONTENT AREA  -->