Folder Structure

Folder Structure
HTML
						├── dist/
						|   |-- assets/
						|   |   |-- css/
						|   |   |   |-- styles.css
						|   |   |-- icon-fonts/
						|   |   |   |--  bootstrap-icons/
						|   |   |   |--  boxicons/
						|   |   |   |--  feather/
						|   |   |   |--  fontawesome/
						|   |   |   |--  ionicons/
						|   |   |   |--  line-awesome/
						|   |   |   |--  materialsedignicons/
						|   |   |   |--  pe7-icons/
						|   |   |   |--  Remixicons/
						|   |   |   |--  simple-line-icons/
						|   |   |   |--  tabler-icons/
						|   |   |   |--  themefy/
						|   |   |   |--  typeicons.font/
						|   |   |   |--  weather-icons-master/
						|   |   |-- images/
						|   |   |-- js/
						|   |   |-- libs/
						|   |   |-- video/
						|   |-- html/
						├── src/
						|   |-- assets/
						|   |   |-- icon-fonts/
						|   |   |   |--  bootstrap-icons/
						|   |   |   |--  boxicons/
						|   |   |   |--  feather/
						|   |   |   |--  fontawesome/
						|   |   |   |--  ionicons/
						|   |   |   |--  line-awesome/
						|   |   |   |--  materialsedignicons/
						|   |   |   |--  pe7-icons/
						|   |   |   |--  Remixicons/
						|   |   |   |--  simple-line-icons/
						|   |   |   |--  tabler-icons/
						|   |   |   |--  themefy/
						|   |   |   |--  typeicons.font/
						|   |   |   |--  weather-icons-master/
						|   |   |-- images/
						|   |   |-- js/
						|   |   |-- scss/
						|   |   |   |-- custom/
						|   |   |   |-- layout/
						|   |   |   |-- pages/
						|   |   |   |-- plugins/
						|   |   |   |-- switcher/
						|   |   |   |-- tailwind/
						|   |   |   |-- _icons.scss
						|   |   |   |-- _variables.scss
						|   |   |   |-- styles.scss
						|   |-- html/
						|   |   |-- partials/
						|   |   |   |-- auth-js.html
						|   |   |   |-- commonjs.html
						|   |   |   |-- custom_switcherjs.html
						|   |   |   |-- footer.html
						|   |   |   |-- header.html
						|   |   |   |-- headersearch_modal.html
						|   |   |   |-- loader.html
						|   |   |   |-- main-header.html
						|   |   |   |-- main-header2.html
						|   |   |   |-- menu.html
						|   |   |   |-- page-header.html
						|   |   |   |-- switcher.html
						├── gulpfile.js
						├── package-lock.json
						├── package.json
						├── postcss.config.json
						├── tailwind.config.json
					
Folders Description
  • Valex - Tailwind CSS Admin Dashboard Template / : Root template folder contain all html, js, css, scss, images and other files.
    • assets/ : Folder contain all the Valex Template assets which has css, js, scss, and images.
      • css/: Folder contain assets which has complete styles.
        • styles.css : Main style sheet for template
      • iconfonts/: Folder contain all types of icons which is used in this template.
      • img/ : 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.
    • 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

      Note: These files are used for only src folder not for dist folder users.

  • esbuild.config.js : esbuild.config js file..
  • package.json : package json file.
  • Note: When you run gulp command libs files are generated in dist folder and those files wont included in src folder.