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. |
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>
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>
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>