> For the complete documentation index, see [llms.txt](https://hypeople-studio.gitbook.io/yoda/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hypeople-studio.gitbook.io/yoda/html-version/folder-structre-and-layout.md).

# Folder  Structure & Layout

## Folder Structure

#### `app-assets/`

 `css/` This folder contains .css assets file for layout, pages, plugin and themes etc. 

 `css-rtl/` This folder contains .css assets file for rtl version.

 `favicon/` This folder contains favicon image assets.

 `fonts/` This folder contains font assets.

 `icons/` This folder contains iconly and remixicon icon library.

 `img/` This folder contains images assets.

 `js/` This folder contains .js assets file for layout, pages, plugin and themes etc. 

#### `assets/`

 `css/` This folder contains .css assets file for customizastions.

 `js/` This folder contains .js assets file for customizastions.

#### `html/`

This folder contains .`html` assets file for LTR, RTL and Layout.

#### `html-customizer/`

This folder contains .`html` assets file for  LTR, RTL, Layout and Customizer.

#### `starter-kit/`

This folder contains the starter kit so that the html version can be clearly customized in this way.

#### `src/`

 `scss/` This folder contains .scss assets file for layout, pages, plugin and themes etc. 

 `js/` This folder contains .js assets file for layout, pages, plugin and themes etc. 

#### `gulpfile.js`

This `file` exports scss and js assets.

## Layout

This folder keeps that's layouts;

#### `horizontal/`

`This folder contains horizontal layout.`

#### `horizontal-bg/`

`This folder contains horizontal layout with background.`

#### `horizontal-dark/`

`This folder contains horizontal layout with dark mode.`

#### `horizontal-full/`

`This folder contains horizontal layout with header full.`

#### `vertical/`

`This folder contains vertical layout.`

#### `vertical-collapse/`

`This folder contains vertical layout with collapse menu.`

#### `vertical-dark/`

`This folder contains vertical layout with dark mode.`

#### `vertical-mini/`

`This folder contains vertical layout with mini menu.`

#### Full Layout

Full layout is using for Login screens, Lock pages, and error pages.