Documentation

File Structure

Here is the general file structure of the template:

Template File Structure
  • html
    • dark
      • css
        • all .css files related to this
      • fonts
        • all files related to this
      • gsap
        • all files related to this
      • images
        • all images related to this
      • js
        • all .js files related to this
      • revslider
        • assets
          • all images related to this
        • css
          • settings.css
        • fonts
          • all folders related to this
        • js
          • all .js files related to this
      • swiper
        • swiper.css
        • swiper.js
        • swiper.min.css
        • swiper.min.js
      • all .html files related to this
    • ico
      • css
        • all .css files related to this
      • fonts
        • all files related to this
      • images
        • all images related to this
      • js
        • all .js files related to this
      • php
        • contact-form.php
      • video
        • all images, videos, files related to this
      • all .html files related to this
    • white
      • css
        • all .css files related to this
      • fonts
        • all files related to this
      • gsap
        • all files related to this
      • images
        • all images related to this
      • js
        • all .js files related to this
      • revslider
        • assets
          • all images related to this
        • css
          • settings.css
        • fonts
          • all folders related to this
        • js
          • all .js files related to this
      • swiper
        • swiper.css
        • swiper.js
        • swiper.min.css
        • swiper.min.js
      • all .html files related to this
Dashboard File Structure
  • Template
    • gulp+scss+hbs
      • src
        • assets
          • images
            • All images regarding this dashboard
            • favicon.ico
            • loader.gif
            • logo.svg
          • js
            • charts
            • coinex.js
            • all js which are used globally
          • scss
            • bootstrap
              • forms
              • helper
              • mixins
              • utilites
              • vendor
            • coinex-design-system
              • components
                • All components files and folder
              • helper
                • All mixins and utilities files and folder
              • layout-style
                • layout regarding menu style
              • variables
                • All files and folder of particular elements
              • root.scss
              • variables.scss
              • variables-dark.scss
            • custom
              • All custome scss
            • customizer
              • All files regarding color customizer
            • plugins
              • All plugins scss
            • coinex.scss
            • custom.scss
            • customizer.scss
          • vendor
            • all third party plugins files
        • templates
          • layout
            • dashboard
              • all layout regarding dashboards
          • pages
            • dashboard
              • all folders based on hbs file in dashboard
              • index.hbs
          • partials
            • components
              • all components which repeat continiously in all page. e.g. logo, share-offcanvas, trading, etc.
            • dashboard
              • all hbs file. e.g. footer, head, header, etc.
      • gulp
        • all gulp task here
      • gulp.config.json
      • gulpfile.js
    • package.json