# Directory Structure

Since Gradient Able comes with a gulp, it has minor differences in structure but one can pick any one and start making changes, both are totally independent. 

{% tabs %}
{% tab title="HTML" %}

```
dist/
├── assets/
│   ├── css/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── json/
├── admins/
├── application/
├── dashboard/
├── elements/
├── forms/
├── layouts/
├── other/
├── pages/
├── table/
├── widget/
├── index.html
```

{% endtab %}

{% tab title="GULP" %}

```
src/
├── assets/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── json/
│   ├── scss/
├── html/
│   ├── admins/
│   ├── application/
│   ├── dashboard/
│   ├── elements/
│   ├── forms/
│   ├── layouts/
│   ├── other/
│   ├── pages/
│   ├── table/
│   ├── widget/
│   ├── index.html
├── .babelrc
├── gulpfile.js
├── package.json
├── README.MD
```

{% endtab %}
{% endtabs %}