# Template Structure

The complete list of the used plugins and libraries is available in Credits section of the documentation.

# Stylesheets

File Description
📄 HTML/css/main.css Contains template overall styles with the table of contents. Make all necessary styling customizations and adjustments in that file.
📄 HTML/css/vendor.css Bundle of libraries styles.
📄 HTML/css/custom-fonts.css Optional self-hosted fonts.

# Fonts

Source Description
🌐 Google Fonts Certain fonts are served from Google Fonts (opens new window) server.
📁 HTML/fonts/ Regular and iconic fonts.

# Images

Folder Description
📁 HTML/img/assets/ Images of the template components. There are placeholders which 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 logotypes.
📁 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 the separate JS files. ✅ Load on demand only whenever required.
📁 HTML/js/vendor/ 3rd-party libraries required by template components. ✅ Load on demand only whenever required.
📄 HTML/js/app.js Main JS file with customizable template options. ✔️ Load all the time.
📄 HTML/js/framework.js Bundle of shared helping functions required by components. ✔️ Load all the time.
📄 HTML/js/vendor.js Bundle of 3rd-party libraries required by components. ✔️ Load all the time.