Vexel – Premium Bootstrap-5 Admin Template

Folder Structure
src/
						├── assets/
						├── |-- iconfonts/
						|   |-- |-- bootstrapicons/
						|   |-- |-- feather/
						|   |-- |-- font-awesome/
						|   |-- |-- glyphicons/
						|   |-- |-- ionicons/
						|   |-- |-- linearicons/
						|   |-- |-- materialdesignicons/
						|   |-- |-- pe-icon-7stroke/
						|   |-- |-- remixicon/
						|   |-- |-- simple-line-icons/
						|   |-- |-- tabler-icons/
						|   |-- |-- themify/
						|   |-- |-- typicons/
						|   |-- |-- weathericons/
						├── |-- images/
						├── |-- js/
						├── |-- scss/
						|   |-- |-- bootstrap/
						|   |-- |-- custom/
						|   |-- |-- layouts/
						|   |-- |-- menu-styles/
						|   |-- |-- plugins/
						|   |-- |-- template/
						|   |-- |-- Utilities/
						|   |-- |-- _switcher.scss
						|   |-- |-- _variables.scss
						|   |-- |-- icons.scss
						|   |-- |-- styles.scss
						├── html/
						|   |-- partials/
						|   |-- |-- commonjs.html
						|   |-- |-- custom_switcherjs.html
						|   |-- |-- footer.html
						|   |-- |-- header.html
						|   |-- |-- headersearch_modal.html
						|   |-- |-- loader.html
						|   |-- |-- mainhead.html
						|   |-- |-- page-header.html
						|   |-- |-- sidebar.html
						|   |-- |-- switcher.html
						esbuild.config.js
						package-lock.json
						package.json
Folders Description
  • Vexel – Premium Bootstrap-5 Admin Template / : Root template folder contain all html, js, css, scss, images and other files.
    • assets/ : Folder contain all the Vexel Template assets which has css, js, scss, and images.
      • 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")

  • esbuild.config.js : esbuild.config js file.
  • package.json : 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: Remove .scss and .css.map extension related files in css folder. Root path: (../assets/css/*.scss) and (../assets/css/*.css.map)

Step-3: Remove "esbuild.config.js", "package.json", "package-lock.json" files.