# Folder Structure

#### Let's talk about what's inside the downloaded package.

Once you purchased our theme you've to download The All Files & Documentation zip file. The following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

```markup
chisfis
 
 ├── documentation
 │
 ├── chisfis
    │
    ├── package.json
    ├── tsconfig.json
    ├── craco.config.js
    ├── manifest.json
    ├── tailwind.config.js
    │
    ├── public
    │   │
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt
    │   
    ├── build
    │   │
    │   ├── static
    │   │   │
    │   │   ├── css
    │   │   ├── js
    │   │   └── media
    │   │
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt
    │   
    └── src
        │
        ├── components 
        ├── constants
        ├── containers
        ├── data
        ├── fonts
        ├── images
        ├── routers
        ├── styles
        ├── utils
        ├── App.tsx
        ├── index.css
        ├── index.tsx
        └── reportWebVitals.ts
```

**Src folder also includes these subfolders:**

* /components - React components
* /containers - files for every page, and component container (the components have connected with redux)
* /contains - files js colors for the first letter of avatars have no image.
* /data - JSON data sample files for pages and components
* /images - logo default and some placeholder image.
* /fonts - the folders fonts of the template
* /styles - where you can find all scss files (you can change colors, fonts, ... on scss files in this folder)
* /utils - Some common js file.
* /templates - We use the generate-react-cli component to quickly create components. You can delete this folder if do not use generate-react-cli.