Template Structure
The complete list of the used plugins and libraries is available in the Credits section of the documentation.
Stylesheets
| File | Description |
|---|
| 📄 HTML/css/main.css | Contains the template's overall styles with the table of contents. Make all necessary styling customizations and adjustments in this file. |
| 📄 HTML/css/vendor.css | Bundle of library styles. |
| 📄 HTML/css/custom-fonts.css | Optional self-hosted fonts. |
Fonts
Images
| Folder | Description |
|---|
| 📁 HTML/img/assets/ | Images of the template components. There are placeholders that you should replace with your own images. Each placeholder has a helpful image size guide. |
| 📁 HTML/img/favicon/ | Favicons and Open Graph images. |
| 📁 HTML/img/logo/ | Site logos. |
| 📁 HTML/img/map/ | Graphic elements for Google Maps. |
| 📁 HTML/img/modal/ | Graphic elements for modal windows. |
| 📁 HTML/img/ui/ | Common UI elements of the template. |
Scripts
| File | Description | Loading Strategy |
|---|
| 📁 HTML/js/components/ | Template components represented by exported classes in separate JS files. | ✅ Load on demand only when required. |
| 📁 HTML/js/vendor/ | 3rd-party libraries required by template components. | ✅ Load on demand only when required. |
| 📄 HTML/js/app.js | Main JS file with customizable template options. | ✔️ Load all the time. |
| 📄 HTML/js/framework.js | Bundle of shared helper functions required by components. | ✔️ Load all the time. |
| 📄 HTML/js/vendor.js | Bundle of 3rd-party libraries required by components. | ✔️ Load all the time. |