#### Folder Structure

General HTML structure is the same throughout the template. Here is the Folder structure.

#### HTML Folder structure for vuexy assets.

                        vuexy-html-bootstrap-admin-template/
                        ├── html/
                        |   ├── ltr/
                        |   |   ├── vertical-menu-template/
                        |   |   ├── vertical-menu-template-dark/
                        |   |   ├── vertical-menu-template-semi-dark/
                        |   |   ├── vertical-collapsed-menu-template/
                        |   |   ├── horizontal-menu-template/
                        |   |   ├── horizontal-menu-template-dark/

Following is the details of what all html folders.

# | Folder/Files | Details
--- | --- | ---
1 | vertical-menu-template | `vertical-menu-template/` folder contains classic layout for vuexy admin.
2 | vertical-menu-template-dark | `vertical-menu-template-dark/` folder contains dark layout for vuexy admin.
3 | vertical-menu-template-semi-dark | `vertical-menu-template-semi-dark/` folder contains semi dark layout for vuexy admin.
4 | vertical-collapsed-menu-template | `vertical-collapsed-menu-template/` folder contains collapsible layout for vuexy admin.
5 | horizontal-menu-template | `horizontal-menu-template/` folder contains classic layout for vuexy admin.
6 | horizontal-menu-template-dark | `horizontal-menu-template-dark/` folder contains dark layout for vuexy admin.

#### Header Structure

General HTML structure is the same throughout the template. Here is the header structure.

                        <nav class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-light navbar-shadow">
                            <div class="navbar-wrapper">
                                <div class="navbar-header">
                                    .....
                                </div>
                                <div class="navbar-container content">
                                    <div id="navbar-mobile" class="navbar-collapse">
                                        .....
                                    </div>
                                </div>
                            </div>
                        </nav>
                        <div class="content-wrapper">
                            .....
                        </div>

#### Menu Structure

Generate vuexy menu using below menu structure.

                        <div class="main-menu menu-fixed menu-light menu-accordion menu-shadow expanded" data-scroll-to-active="true">
                            <!-- main menu header-->
                            <div class="navbar-header expanded">
                                .....
                            </div>
                            <!-- / main menu header-->
                            <!-- main menu content-->
                            <div class="main-menu-content">
                                <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
                                    .....
                                </ul>
                            </div>
                            <!-- /main menu content-->
                        </div>

#### Content Structure

Generate vuexy content area using following structure.

                        <div class="app-content content">
                            <div class="content-wrapper">
                                <div class="content-header row">
                                    .....
                                </div>
                                <div class="content-body">
                                    .....
                                </div>
                            </div>
                        </div>

#### Footer Structure

Last but not least, footer structure to complete vuexy structure.

                        <footer class="footer footer-static footer-light">
                            .....
                        </footer>