# Templates
The `templates` folder contains HTML or PHP files that are injected into the page when any component from your pack is used. These templates typically load [shared assets](/elements-docs/elements-language/component/shared-files/assets.md) or add global scripts and styles.
## Injection Points
Templates must be placed in one of four subfolders, each corresponding to a specific location in the HTML document:
| Folder | Location | Use Cases |
| ----------- | ----------------- | ---------------------------------------------- |
| `headStart` | Start of `` | Core libraries that must load first, polyfills |
| `headEnd` | End of `` | Styles, deferred scripts, additional libraries |
| `bodyStart` | Start of `` | Early initialization, loading indicators |
| `bodyEnd` | End of `` | Feature scripts, animations, scroll handlers |
## Folder Structure
```
shared/
templates/
headStart/
setup.html
headEnd/
styles.html
directives.html
bodyEnd/
animations.html
```
You can have multiple template files in each folder. There is no restriction on file naming—all files in each folder will be included.
## Supported File Types
| Type | Description |
| ------- | ------------------------------------------- |
| `.html` | HTML content, inline scripts, inline styles |
| `.php` | PHP code for server-side processing |
Templates can contain inline code within `