Folder structure

Folder Structure

Below is the Modern Admin Template folder structure.

Modern Admin Folder Structure

                
                    modern-admin/
                    ├── app-assets/
                    |   ├── css/
                    |   ├── css-rtl/
                    |   ├── data/
                    |   ├── fonts/
                    |   ├── images/
                    |   ├── js/
                    |   └── vendors/
                    |       ├── css/
                    |       └── js/
                    ├── assets/
                    |   ├── css/
                    |   └── js/
                    ├── gulp-tasks/
                    ├── html/
                    |   ├── ltr/
                    |   └── rtl/
                    ├── starter-kit/
                    |   ├── ltr/
                    |   └── rtl/
                    ├── src/
                    |   ├── js/
                    |   └── scss/
                    ├── gulpfile.js (gulp tasks)
                    ├── README.md
                    ├── CHANGELOG.md
                    └── package.json (gulp package json)
                
            
  • modern-admin/ : Root template folder contain Modern Admin Template all html, js, css, scss, images and other files.
    • app-assets/ : Folder contain all the Modern Admin Template assets which has css, js, fonts, images & json files. It is not recommend to change any files from this folder, use assets folder instead.
      • 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.
      • data/ : Dummy JSON data for chats, tables and ajax example.
      • 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. Use folder for user customization purpose, you can add any custom css,js files & images in this folder.
    • gulp-tasks/ : Folder contain all the gupl task files.
    • html/ : Folder contain all the HTML files. It has text-direction & template name folder.
    • starter-kit/ : Folder contain all the HTML Starter kit files.
    • src/ : Folder contain source files for this template i.e SCSS and JS.
      • js/ : Folder contain all the core, menu, pages & other js files.
      • scss/ : Folder contain bootstrap, bootstrap-extended, material, material-extended, app, colors, pages & plugins scss files.
    • gulpfile.js : Gulp tasks js file.
    • README.md : File contain file contains information about modern admin usage.
    • CHANGELOG.md :All notable changes made to the modern admin template.
    • package.gulp.json : Gulp package json file.