Folder Structure


Understanding the folder structure is essential for efficient customization, maintenance, and scaling of your project. The Cork Admin template follows a clean and modular file organization strategy that separates compiled assets from source files, making it easy to navigate and extend.

Main Package

Bash

├── cork-v5.0
    └── Documentation
    └── HTML
    └── Tools

HTML

Below is an overview of the main directories included in the package :

Bash

├── HTML                    -> Contains the HTML version of CORK ADMIN
    ├── vertical-light-menu
    ├── vertical-dark-menu
    ├── modern-light-menu
    ├── modern-dark-menu
    ├── horizontal-light-menu
    ├── horizontal-dark-menu
    |
    |
    ├── layouts
    ├── scss
    ├── src
    |
    |
    ├── 403.html
    ├── 404.html
    ├── 500.html
    ├── about-us.html
    ├── checkout.html
    ├── checkout-empty.html
    ├── coming-soon.html
    ├── contact-us.html
    ├── cork-landing.html
    ├── faqs.html
    ├── home.html
    ├── maintenence.html
    ├── payment.html
    ├── pricing.html
    ├── product.html
    ├── reset-password-boxed.html
    ├── reset-password-cover.html
    ├── shop.html
    ├── sign-in-boxed.html
    ├── sign-in-cover.html
    ├── sign-up-boxed.html
    ├── sign-up-cover.html
    ├── update-password-boxed.html
    ├── update-password-cover.html
    ├── verify-boxed.html
    └── verify-cover.html

Now, folder contains several different folder and files. So, now let's explore them one by one.

1. vertical-light-menu Folder

Contains all the HTML files of the pages and starter kit folder.

Bash

├── vertical-light-menu                                       -> HTML Files
    ├── 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

Bash

├── 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

Bash

├── scss                                        -> Sass Files
    ├── base
    ├── dark                                    -> All Dark assets and plugins SCSS
    |   ├── assets
    |   └── plugin
    |
    ├── layouts                                 -> All the LAYOUTS SCSS + Customizer SCSS
    |
    ├── light                                   -> All Light assets and plugins SCSS
    |   ├── assets
    |   └── plugin
    |
    └── utilities                               -> All UTILITY SCSS

4. layouts Folder

Contains all each layout CSS and JS

Bash

├── layouts                                       -> Layout CSS and JS
    └── vertical-light-menu
        ├── css
        |   ├── dark
        |   └── light
        |
        ├── app.js
        └── loader.js

Inside vertical-light-menu Folder

Bash

├── HTML
    |   ├── vertical-light-menu                           -> HTML Files
    |   |    |
    |   |    ├── 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
    |   |
    |   ├── 403.html
    |   ├── 404.html
    |   ├── 500.html
    |   ├── about-us.html
    |   ├── checkout.html
    |   ├── checkout-empty.html
    |   ├── coming-soon.html
    |   ├── contact-us.html
    |   ├── cork-landing.html
    |   ├── faqs.html
    |   ├── home.html
    |   ├── maintenence.html
    |   ├── payment.html
    |   ├── pricing.html
    |   ├── product.html
    |   ├── reset-password-boxed.html
    |   ├── reset-password-cover.html
    |   ├── shop.html
    |   ├── sign-in-boxed.html
    |   ├── sign-in-cover.html
    |   ├── sign-up-boxed.html
    |   ├── sign-up-cover.html
    |   ├── update-password-boxed.html
    |   ├── update-password-cover.html
    |   ├── verify-boxed.html
    |   ├── verify-cover.html
    |   |
    |   |
    |   |
    |   |
    |   ├── 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
    |   |     ├── base
    |   |     ├── dark                                    -> All Dark assets and plugins SCSS
    |   |     |   ├── assets
    |   |     |   └── plugin
    |   |     |
    |   |     ├── layouts                                 -> All the LAYOUTS SCSS + Customizer SCSS
    |   |     |
    |   |     ├── light                                   -> All Light assets and plugins SCSS
    |   |     |   ├── assets
    |   |     |   └── plugin
    |   |     |
    |   |     └── utilities                               -> All UTILITY SCSS
    |   |    
    |   |    
    |   |    
    |   └── layouts                                       -> Layout CSS and JS
    |        └── vertical-light-menu
    |            ├── css
    |            |   ├── dark
    |            |   └── light
    |            |
    |            ├── app.js
    |            └── loader.js
    |   
    |   
    |   
    └── tools
        ├── gulpfile.js
        ├── package.json
        └── package-lock.json