File Structure

Here is the general file structure of the template:

Template File Structure
  • Template
    • gulp+scss+hbs
      • src
        • assets
          • images
            • All images regarding this dashboard
            • favicon.ico
            • loader.gif
            • logo-full2.png
            • logo-white.png
            • logo.png
            • logo1.png
            • project-icon.png
          • js
            • charts
            • dashboard
            • iqonic-script
            • plugins
            • Setting
            • table
            • xray
            • custom.js
            • XRay-advance.js
            • XRay.js
            • sidebar.js
            • slider.js
          • scss
            • bootstrap
              • forms
              • helper
              • mixins
              • utilites
              • vendor
              • All bootstrap scss
            • custom
              • All custome scss
            • customizer
              • _root.scss
              • _variables.scss
            • XRay-design-system
              • components
              • helper
              • layout-style
              • plugins
              • variables
              • _root.scss
              • _variables.scss
              • _variables-dark.scss
            • rtl
              • components
              • plugins
              • reboot
              • utilities
              • _index.scss
          • vendor
            • all third party plugins files
        • templates
          • components
            • partials
              • all components which repeat continiously in all page. e.g. sidebar, header, footer, etc.
            • widgets
              • Widgets that are used globally in the dashboard. e.g. profile card in dashboard's sidebar.
          • layout
            • dashboard
              • all layout regarding dashboards
          • pages
            • all folders based on hbs file in dashboard
            • index.hbs
      • gulp
        • all gulp task here
      • gulp.config.json
      • gulpfile.js
      • package.json
    • html
      • assets
        • css
          • all css files
        • images
          • images regarding this templates
        • js
          • all js files
        • vendor
      • all pages regarding templates