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/
                    |   └── scss/
                    ├── grunt-tasks/
                    ├── gulp-tasks/
                    ├── html/
                    |   ├── ltr/
                    |   └── rtl/
                    ├── starter-kit/
                    |   ├── ltr/
                    |   └── rtl/
                    ├── src/
                    |   ├── js/
                    |   ├── scss/
                    |   └── template-builder/
                    ├── Gruntfile.js (grunt tasks)
                    ├── gulpfile.js (gulp tasks)
                    ├── README.md
                    ├── CHANGELOG.md
                    ├── package.gulp.json (gulp package json)
                    └── package.json (grunt package json)
                
            
  • modern-admin/ : Root template folder contain Modern Admin Template all html, pug, 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 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.
      • 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.
      • videos/ : Example videos used for demo purpose.
    • assets/ : Folder contain assets which has sample scss, css, js files. Modern admin provides this folder for user customization purpose, you can add any custom files in this folder.
    • grunt-tasks/ : Folder contain all the grunt task files.
    • gulp-tasks/ : Folder contain all the gupl task files.
    • html/ : Folder contain all the generated HTML files from PUG. It has text-direction & template name folder, template generated html files will placed base on template name and text-direction.
    • starter-kit/ : Folder contain all the generated HTML Starter kit files from PUG.
    • 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.
      • template-builder/ : Folder contain all the PUG files to build HTML template.It contain templates, pages, includes and contents.
    • Gruntfile.js : Grunt tasks js file.
    • 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.
    • package.grunt.json :Grunt package json file.