I would like to know what the pattern to follow and how best to organize the site files correctly, example I have a main folder which is the name of the site and inside that folder I have a css folder, js, img, fonts
For each section of my site that I create (new .html file) should I create a css file and a jb tbm? or can I use the msm js and css files for all the pages I create?
This question is fairly opinion-based, so you risk closing soon.
For static sites, it is very common to find the format:
├ audios/
├ css/
│ └ style.css
├ fonts/
├ images/
├ js/
│ └ main.js
├ vendor/
│ └ jquery/
│ └ bootstrap/
├ videos/
├ index.html
If you do not use any package management tools like npm , bower , or languages like PUG , SASS , LESS , CooffeScript , TypeScript . In these cases the organization of directories may change.
On CSS and JS files, it's interesting that you keep everything in one file, to take advantage of the browser's cache system. In template images, such as icons that are not based on fonts, it is interesting to do the sprite .