Folder Structure
This part of the documentation will help you understand the page structure.
Main Package
├── equation-v3.0
└── Documentation
└── HTML
└── Tools
HTML
Let's dive into HTML folder and explore it in depth.
├── HTML -> Contains the HTML version of EQUATION ADMIN
├── vertical-dark-menu
├── vertical-light-menu
├── collapsible-menu
└── layouts
└── scss
└── src
Now, folder contains several different folder and files. So, now let's explore them one by one
1. vertical-dark-menu Folder
Contains all the HTML files of the pages and starter kit folder.
├── vertical-dark-menu -> HTML Files
├── starter-kit -> Contains Starter Kit
|
├── app-*.html -> All Application Files
├── auth-*.html -> All Authedication Files
├── charts.html -> Charts
├── component-*.html -> All Components Files
├── element-*.html -> All Elements Files
├── form-*.html -> All Form Files
├── index.html -> Default Dashboard
├── index2.html -> Secondary Dashboard
├── layout-*.html -> All Layouts Files
├── map.html -> Maps
├── pages-*.html -> All Pages Files
├── table-*.html -> All Tables Files
├── user-*.html -> All User Files
└── widgets.html -> Widgets
2. src Folder
Contains all the source HTML files of the pages and starter kit folder.
├── src -> Contains all the Source Files
├── assets -> Contains all the CSS, Images and JS
| ├── css
| ├── img
| └── js
|
├── bootstrap -> Bootstrap Framework
|
└── plugins -> All the plugins CSS and JS including Custom files
├── css
└── src
3. scss Folder
Contains all the SCSS files
├── scss -> Sass Files
├── dark -> All Dark assets and plugins SCSS
| ├── assets
| ├── base
| └── plugin
|
├── layouts -> All the LAYOUTS SCSS
|
└── light -> All Light assets and plugins SCSS
├── assets
├── base
└── plugin
4. layouts Folder
Contains all each layout CSS and JS
├── layouts -> Layout CSS and JS
└── vertical-dark-menu
├── css
| ├── dark
| └── light
|
├── app.js
└── loader.js
Inside vertical-dark-menu Folder
Note: - Here
vdm Denote Vertical Dark Menu layout. Same for Vertical Light Menu and Collapsible Menu it will be vlm and cm respectively
├── HTML
| ├── vertical-dark-menu -> HTML Files
| | |
| | ├── starter-kit -> Contains Starter Kit
| | |
| | ├── app-*.html -> All Application Files
| | ├── auth-*.html -> All Authedication Files
| | ├── charts.html -> Charts
| | ├── component-*.html -> All Components Files
| | ├── element-*.html -> All Elements Files
| | ├── form-*.html -> All Form Files
| | ├── index.html -> Default Dashboard
| | ├── index2.html -> Secondary Dashboard
| | ├── layout-*.html -> All Layouts Files
| | ├── map.html -> Maps
| | ├── pages-*.html -> All Pages Files
| | ├── table-*.html -> All Tables Files
| | ├── user-*.html -> All User Files
| | └── widgets.html -> Widgets
| |
| |
| |
| ├── src -> Contains all the Source Files
| | ├── assets -> Contains all the CSS, Images and JS
| | | ├── css
| | | ├── img
| | | └── js
| | |
| | ├── bootstrap -> Bootstrap Framework
| | |
| | └── plugins -> All the plugins CSS and JS including Custom files
| | ├── css
| | └── src
| |
| |
| |
| ├── scss -> Sass Files
| | ├── dark -> All Dark assets and plugins SCSS
| | | ├── assets
| | | ├── base
| | | └── plugin
| | |
| | ├── layouts -> All the LAYOUTS SCSS
| | |
| | └── light -> All Light assets and plugins SCSS
| | ├── assets
| | ├── base
| | └── plugin
| |
| |
| |
| └── layouts -> Layout CSS and JS
| └── vertical-dark-menu
| ├── css
| | ├── dark
| | └── light
| |
| ├── app.js
| └── loader.js
|
|
|
└── tools
├── gulpfile.js
├── package.json
└── package-lock.json
So, mentioned above is the full structre of demo x
Tools
It contains compilation tools folders.
Inside this folder there are 3 Major files.
- gulpfile.js
- package.json
- package-lock.json
Below is the folder structure of tools folder.
└── tools
├── gulpfile.js
├── package.json
└── package-lock.json