Sash – Bootstrap 5 Admin & Dashboard Template

Folder Structure

src/
						├── assets/
						├── |-- css/
						|   |-- |-- icons.css
						|   |-- |-- icons.min.css
						|   |-- |-- icons.min.css.map
						|   |-- |-- styles.css
						|   |-- |-- styles.min.css
						|   |-- |-- styles.min.css.map
						├── |-- icon-fonts/
						|   |-- |-- bootstrap-icons/
						|   |-- |-- boxicons/
						|   |-- |-- feather/
						|   |-- |-- line-awesome/
						|   |-- |-- Remixicons/
						|   |-- |-- tabler-icons/
						├── |-- images/
						├── |-- js/
						├── |-- scss/
						|   |-- |-- bootstrap/
						|   |-- |-- custom/
						|   |-- |-- menu-styles/
						|   |-- |-- Pages/
						|   |-- |-- Util/
						|   |-- |-- _switcher.scss
						|   |-- |-- _variables.scss
						|   |-- |-- styles.scss
						├── |-- video/
						├── html/
						|   |-- partials/
						|   |-- |-- commonjs.html
						|   |-- |-- custom_switcherjs.html
						|   |-- |-- footer.html
						|   |-- |-- header.html
						|   |-- |-- headersearch_modal.html
						|   |-- |-- mainhead.html
						|   |-- |-- page-header.html
						|   |-- |-- right-sidebar.html
						|   |-- |-- sidebar.html
						|   |-- |-- switcher.html
						gulpfile.js
						package-lock.json
						package.json

Folders Description

Sash – Bootstrap 5 Admin & Dashboard Template / : Root template folder contain all html, js, css, scss, images and other files.
- assets/ : Folder contain all the Sash Template assets which has css, js, scss, and images.
- - css/: Folder contain assets which has complete styles.
  - - icons.css : It has all template icon links are importated.
    - styles.css : Main style sheet for template
  - icon-fonts/: Folder contain all types of icons which is used in this template.
  - images/ : Template images.
  - js/ : Folder contain all the template pages js files.
  - scss/ : Folder contain all pages scss files and all plugins scss files also included.
  - Video/ : Folder contains video used in this template.
- html : All HTML Pages.
- - Partials/:
    1. This folder have all common html files which we commonly used in all html pages. If you want to add content which you need in all html pages you just create new file and add content to that. No need to add that whole content to every page, you just add that link into all html pages.
    
    2. Import that created file link into all html pages with @SPK@include("partials/sample.html")
gulpfile.js : Gulp tasks js file.
package.gulp.json : Gulp package json file.

How to remove SCSS Format.

Note: If you want to use only CSS format then you should follow below process.

Step-1: Remove complete scss folder. Root path: (../assets/scss)

Step-2: Change styles.min.css link to styles.css in mainhead.html Root path: (html/partials/mainhead.html)

Step-3: Remove .scss and .css.map extension related files in css folder. Root path: (../assets/css/*.scss) and (../assets/css/*.css.map)

Step-4: Remove "gulpfile.js", "package.json", "package-lock.json" files.