YODA Documentation
  • ✶ React Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
    • Routing & Navigation
  • ✶ Vue Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
    • Routing & Navigation
  • ✶ HTML Version
    • Introduction
    • Installation
    • Folder Structure & Layout
    • Customization
  • ✶ Figma Version
    • Introduction
    • Resources & Credits
    • Discover Yoda Styles
    • Edit Styles
    • Layout & Grid
    • Change Components
  • Change Log
Powered by GitBook
On this page
  • Folder Structure
  • Layout
  1. ✶ HTML Version

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.

PreviousInstallationNextCustomization

Last updated 3 years ago