> For the complete documentation index, see [llms.txt](https://slides.gitbook.io/manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://slides.gitbook.io/manual/master.md).
# Get Started
Slides is a simple-to-use HTML5/CSS3/jQuery template. To get started: Download your copy of Slides from your [Designmodo Account](https://designmodo.com/my-account/downloads/) and unpack an archive. Upload the contents to the root folder of your website or any folder you like.
## File Structure
```
slides/
├─ index.html
├─ css/
│ ├─ slides.min.css
│ └─ slides-customized.min.css // If you have changed the default colors
├─ js/
│ └─ slides.min.js
└─ assets/
├─ img/
└─ svg/
```
## Basic Template
{% code title="index.html" %}
```markup
Slides Project
```
{% endcode %}
Your [slides](/manual/slides.md), [navigation](/manual/navigation.md), [popups](/manual/components.md#popup) and [panels](/manual/panels.md) should be placed inside the ` ` tags.
**Notice:** If you want to use a template from the templates folder as the main page located in a root folder, don't forget to remove the `` tag from ``.
## Keep Updated
Slides is very easy to customize. Just keep your changes separate from the Slides files so your files are protected when Slides is updated in the future.
### Custom Styles and Scripts
All CSS styles and JS scripts from the Slides App automatically merged into `/css/custom.css, /css/slides-customized.css` and `/js/custom.js files`. These files are also included into your page HTML code.
```html
...
...
...
```
## Minified Version
The minified styles and scripts are included into your page by default. You can find a normal version of styles and scripts in the downloaded archive with sources.