Folder Structure
Folder Structure
First of all, we will recognize the folder structure of this template. It's easy to understand, like any other template you have ever encountered.
-
html-gulp
-
src
-
assets
-
flags
- all the flags is here
-
fonts
- all the fonts is here
-
img
- all the img is here
-
js
- all the js is here
-
Locales
- all the locales is here
- scss
-
components
- all components scss files will be in this folder.
-
config
- default
- fonts
- pages
- plugins
- settings
- themes
- icon.scss
- main.scss
-
flags
-
html
- partials
- all HMTL pages here
-
assets
-
-
- gulpfile.js
- package-lock.json
- package.json
- yarn.lock
Let's get to know the description of each folder.
Folder Name | Description |
---|---|
src/ |
All distribution files are placed here, such as CSS, Images, third-party libraries, fonts, JavaScript and modules. |
src/assets/flags/ |
This folder only flags pages in file. |
src/assets/scss/ |
All SCSS files are placed here, namely main.scss . please use the scss file. |
src/assets/fonts/ |
All font files are here, the font used by this template. |
src/assets/img/ |
You can find all the images used by this template in this folder. Also, we have created several sample images. |
src/assets/js/ |
All JS files are placed here, namely custom.js and common.js . Some HTML pages have 1 JavaScript file for functionality. We make it an external file to make it easier and for
good practice. |