File Structure

The Qoduby template has a very simple and clean file structure. By quickly browsing through the folders, you can guess what's where.

Let's take a quick look at the folder structure below.

									
├── qoduby // Template main folder.
│   ├── design // Template design folder.
│   │  ├── figma // The folder with the Figma design files of the template.
│   │  ├── sketch // The folder with the Sketch design files of the template.
│   │  └── xd // The folder with the Adobe XD design files of the template.
│   ├── docs // Template documentation folder.
│   │  ├── dist // You can find the documentation directly here. (index.html)
│   │  ├── src
│   │  │  ├── js // Documentation Javascript files.
│   │  │  └── scss // Documentation SCSS files.
│   └── html // Folder with all demos.
│      ├── demo1 // The folder containing Demo1. (You can also find other demos in the same directory. demo2, demo3 etc)
│      │  ├── dist // Template ready to be published.
│      │  │   ├── assets
│      │  │   │   ├── css // Compiled css files.
│      │  │   │   ├── fonts // Font files of the template.
│      │  │   │   ├── js // Compiled js and page js files.
│      │  │   │   ├── media // Image files of the template.
│      │  └── src // The development files of the template.
│      │  │   ├── js // Javascript libraries and plugins used in the template.
│      │  │   ├── scss // Bootstrap and other scss files.
│      └── tools // Tools used in the development process. (gulp, browser-sync, node_modules etc.)