Folder structure

Below is the Chameleon Admin Template folder structure.

Chameleon Admin Folder Structure

    
        chameleon-admin/
        ├── documentation/
        ├── layouts/
        |   ├── vertical-menu-template/
        |   |   ├── app-assets/
        |   |   |   ├── css/
        |   |   |   ├── css-rtl/
        |   |   |   ├── fonts/
        |   |   |   ├── images/
        |   |   |   ├── js/
        |   |   |   └── vendors/
        |   |   |       ├── css/
        |   |   |       └── js/
        |   |   ├── assets/
        |   |   |   ├── css/
        |   |   |   └── js/
        |   |   ├── gulp-tasks/
        |   |   ├── src/
        |   |   |   ├── js/
        |   |   |   └── scss/
        |   |   ├── *.html
        |   |   ├──gulpfile.json
        |   |   ├──config.json
        |   |   └──package.json
        |   ├── vertical-modern-menu-template/
        |   └── horizontal-menu-template-nav/
        ├── layouts-rtl/
        |   ├── vertical-menu-template/
        |   ├── vertical-modern-menu-template/
        |   └── horizontal-menu-template-nav/
        ├── starter-kit/
        |   ├── vertical-menu-template/
        |   ├── vertical-modern-menu-template/
        |   └── horizontal-menu-template-nav/
        ├── starter-kit-rtl/
        |   ├── vertical-menu-template/
        |   ├── vertical-modern-menu-template/
        |   └── horizontal-menu-template-nav/
        └── README.md
    
  • chameleon-admin/ : Root template folder contain chameleon Admin Template all html, pug, js, css, scss, images and other files.
    • documentation/ : Documentaion of the chameleon admin template.
    • layouts : Chameleon admin Layouts
      • vertical-menu-template : Vertical Menu temaplate layout
        • app-assets/ : Folder contain all the chameleon Admin Template assets which has css, js, fonts, images & json files. It is not recommend you to change any files from this folder.
          • css/ : All the generated css files from scss. Which contain bootstrap.css, bootstrap-extended.css, app.css, colors.css, code, pages and plugins css files.
          • css-rtl/ : All the generated rtl css files from scss. Which contain rtl bootstrap.css, bootstrap-extended.css, app.css, colors.css, code, pages and plugins css files.
          • fonts/ : All the fonts files for font-icons.
          • images/ : Template images for image placeholder.
          • js/ : All the generated JS files from src/js.
          • vendors/ : Folder contain all the vendors css and js files in css/ and js/ folder.
        • assets/ : Folder contain assets which has sample css, js files. Chameleon Admin provides this folder for user customization purpose, you can add any custom files in this folder.
        • gulp-tasks/ : Folder contain all the gupl task files.
        • src/ : Folder contain source files for this template i.e SCSS, JS and PUG.
          • js/ : Folder contain all the core, menu, pages & other js files.
          • scss/ : Folder contain bootstrap, bootstrap-extended, app, colors, pages & plugins scss files.
        • gulpfile.js : Gulp tasks js file.
        • config.json : config js file.
        • package.json : package json file.
      • vertical-modern-menu-template : Vertical Modern Menu temaplate layout
      • horizontal-menu-template-nav : Horizontal Menu temaplate layout
    • layouts-rtl : RTL Layouts for Chameleon admin template
    • starter-kit : Starter Kit layout
    • starter-kit-rtl : RTL Starter Kit
    • README.md : File contains information about Chameleon Admin usage.
Note All the menu layouts have same folder structure