Folder Structure

Below is the Apex Admin Template folder structure.

Apex Admin Folder Structure

apex-html-template/
├── app-assets/
|   ├── css/
|   ├── css-rtl/
|   ├── data/
|   ├── fonts/
|   ├── img/
|   ├── js/
|   └── vendors/
|       ├── css/
|       └── js/
├── assets/
|   ├── css/
|   ├── js/
|   └── scss/
├── gulp-tasks/
├── html/
|   ├── ltr/
|   └── rtl/
├── src/
|   ├── js/
|   └── sass/
├── starter-kit/
|   ├── ltr/
|   └── rtl/
├── gulpfile.js (gulp tasks)
└── package.json (gulp package json)
  • apex-admin-template/ : Root template folder contain Apex Admin Template all html, js, css, scss, images and other files.
    • app-assets/ : Folder contain all the Apex Admin Template assets which has css, js, fonts, images & json files. It is recommend not to change any files from this folder, use assets folder instead.
      • css/ : All the generated css files from SCSS which contains bootstrap.css, bootstrap-extended.css, colors.css, components.css codes, core, themes, pages and plugins css files.
      • css-rtl/ : All the generated css files from scss for rtl direction.
      • data/ : Dummy JSON data for dataTables, maps, locales and ajax example.
      • fonts/ : All the fonts files for font-icons.
      • img/ : 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 scss, 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.
    • src/ : Folder contain source files for this template i.e SCSS & JS.
      • js/ : Folder contain all the core, menu, pages & other js files.
      • sass/ : Folder contain bootstrap, bootstrap-extended, app, colors, pages, plugins & themes scss files.
    • starter-kit/ : Folder contain all the generated HTML Starter kit files.
    • gulpfile.js : Gulp tasks js file.
    • package.json : Gulp package json file.