Looking for Vue, React, Angular, Laravel Version? Click here to Get 5 in 1 JS Bundle.

File Structure

Here is the general file structure of the template:

  • Template
    • gulp+scss+hbs
      • src
        • assets
          • images
            • favicon.ico
            • glass-card.png
          • js
            • charts
            • plugins
              • qompac-ui.js
              • all js which are used globally
          • scss
            • bootstrap
              • forms
              • helper
              • mixins
              • utilites
              • vendor
            • custom
              • All custome scss
            • qompac-ui-design-system
              • components
                • All components files and folder
              • helper
                • All mixins and utilities files and folder
              • layout-style
                • layout regarding menu style
              • plugins
                • All plugins scss
              • variables
                • All files and folder of particular elements
              • variables.scss
            • custom.scss
            • qompac-ui.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
            • all layout regarding dashboards
          • pages
            • all folders based on hbs file in the dashboard.
      • gulp
        • all gulp task here
      • gulp.config.json
      • gulpfile.js
      • package.json