Folder Structure

The Herozi - Bootstrap Admin & Dashboard Template. project is organized to streamline your workflow and make it easy to manage, customize, and extend. Below is a breakdown of the main directories and files included in your template. We have user friendly structure which can easy for the Developers to understand.

  • Main (v1.0.0 )
    • dist (#The production-ready output of your project, compiled and minified for deployment.)
      • assets
        • css (#Compiled CSS files.)
          • app-rtl.min.css (# RTL related css are define in this file.)
          • app.min.css (#Main stylesheet for admin interface.)
          • bootstrap-rtl.min.css (#Bootstrap RTL stylesheet define in this file.)
          • bootstrap.min.css (#Bootstrap stylesheet for admin interface.)
          • custom-rtl.min.css (#Custom RTL stylesheet define in this file.)
          • custom.min.css (#Custom stylesheet for admin interface.)
          • icons.min.css (#Icon related css are define in this file.)
          • etc,.
        • images (#Compiled image assets for production.)
        • js (#Compiled JavaScript files.)
        • lang (#Language files for localization.)
        • libs (#Compiled libraries used in the project.)
        • All JS Files (#Compiled JavaScript files.)
      • All HTML Pages Files (#Compiled HTML pages.)
    • src (#Source files used during development.)
      • assets (#Development assets:)
        • images (#Image files used in development.)
        • js (#JavaScript files for development.)
          • apps
          • auth
          • charts
          • dashboards
          • form
          • icons
          • layout
          • maps
          • pages
          • partials
          • plugins
          • table
          • app.js
          • sidebar.js
        • json (#JSON files used in development.)
        • lang (#Language files for localization in development.)
        • libs (#Library files used in development.)
        • scss (#SCSS files for styling:)
          • custom (#SCSS files for styling:)
            • apps
            • components
            • dashboard
            • fonts
            • pages
            • plugins
            • structure
          • _custom-variables.scss (#SCSS file to add extra variables.)
          • _variables-dark.scss (#SCSS file to manage dark mode variables.)
          • _variables.scss (#SCSS file to manage all common variables.)
          • apps.scss (#Manage all SCSS in single file.)
          • bootstrap.scss (#SCSS file to import bootstrap.)
          • custom.scss (#Custom SCSS file for custom use.)
          • icons.scss (#SCSS file to import Icons.)
      • partials (#Reusable HTML partials:)
        • main.html (#Main HTML tag.)
        • title-meta.html (#Title and meta tags.)
        • datatable-css.html (#CSS links for datatable section.)
        • head-css.html (#CSS links for the head section.)
        • layout.html (#Wrapper top content using common partials and classes.)
        • header.html (#Top bar content.)
        • sidebar.html (#Sidebar structure.)
        • sidebar-menu-items.html (#Sidebar menu list.)
        • preloader.html (#Loader partial for the all pages.)
        • social-share-modal.html (#Social Share links modal for the all pages.)
        • breadcrumb.html (#Breadcrumb for the HTML page.)
        • bottom-wrapper.html (#Wrapper bottom content using common partials and classes.)
        • switcher.html (#Modal for settings.)
        • scroll-to-top.html (#Scroll to top partial for the all pages.)
        • footer.html (#Footer content.)
        • vendor-scripts.html (#Script references for third-party libraries.)
        • datatable-script.html (#JavaScript links for datatable section.)
      • All HTML Pages Files (#Complete HTML pages constructed from partials.)
    • package-copy.json (#Configuration for managing libraries)
    • package.json (#Node.js package manager file, listing dependencies and project scripts.)
    • preload.js
    • README.md (#Project documentation and instructions.)
    • webpack.config.js (#Configuration for Vite, the build tool used for bundling and optimizing assets.)
    • yarn.lock (#Lockfile that ensures consistent package versions.)
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Support
More for Herozi
Herozi Admin & Dashboards
160+

Total Pages

6+

Layouts

60+

Components

We provide quick support withing one business day to all of our customers.

© Herozi Design & Develop by  SRBThemes.