Preloader

Loading...

Products Structure

This section will provide a detailed guide on how to maintain an organized file system within your project. Keeping your files structured is crucial for efficient workflow and easy navigation. Our theme adheres to a specific file organization, which is designed to help you manage your project effectively. The file structure of our theme is organized as follows:


HTML Template
  • assets
    • css
      • vendors
        • aos.css
        • bootstrap.min.css
        • bootstrap.rtl.min
        • carouselTicker
        • magnific-popup
        • odometer
        • swiper-bundle.min
      • style.css
    • fonts
      • bootstrap-icons
      • boxicons
      • satoshi
    • imgs
      • banner-2
      • banner-3
      • blog-1
      • blog-2
      • ...
    • js
      • vendors
        • aos.js
        • bootstrap.bundle.min.js
        • bouncing-blob.js
        • color-modes.js
        • gsap.min.js
        • gsap-custom.js
        • headhesive.min.js
        • imagesloaded.pkgd.min.js
        • jquery.appear.js
        • jquery.carouselTicker.min.js
        • jquery.magnific-popup.min.js
        • jquery.odometer.min.js
        • jquery-3.7.1.min.js
        • ScrollToPlugin.min.js
        • ScrollTrigger.min.js
        • smart-stick-nav.js
        • swiper-bundle.min.js
        • wow.min.js
      • main.js
  • index.html
  • index-2.html
  • index-3.html
  • .........

Development Source Code
    • src
      • assets
        • css
          • vendors
            • aos.css
            • bootstrap.min.css
            • bootstrap.rtl.min
            • carouselTicker
            • magnific-popup
            • odometer
            • swiper-bundle.min
          • style.css
        • fonts
          • bootstrap-icons
          • boxicons
          • satoshi
        • imgs
          • banner-2
          • banner-3
          • blog-1
          • blog-2
          • ...
        • js
          • vendors
            • aos.js
            • bootstrap.bundle.min.js
            • bouncing-blob.js
            • color-modes.js
            • gsap.min.js
            • gsap-custom.js
            • headhesive.min.js
            • imagesloaded.pkgd.min.js
            • jquery.appear.js
            • jquery.carouselTicker.min.js
            • jquery.magnific-popup.min.js
            • jquery.odometer.min.js
            • jquery-3.7.1.min.js
            • ScrollToPlugin.min.js
            • ScrollTrigger.min.js
            • smart-stick-nav.js
            • swiper-bundle.min.js
            • wow.min.js
          • main.js
      • View
        • pages
          • index.html
          • index-2.html
          • index-3.html
          • .........
        • partials
          • btn-scroll-top.html
          • dark-light-switcher.html
          • footer-1.html
          • .........
        • sections
          • banner
            • banner-1.html
            • banner-2.html
            • banner-3.html
          • blog
            • blog-1.html
            • blog1-loop.html
            • blog-2.html
            • blog-3.html
          • .........