# Installation

WireBootstrap for Color Admin is made available as a zip file that can be downloaded and unzipped into Color Admin's directory structure.  Color Admin v4.7 was used to create WireBootstrap for Color Admin.

{% hint style="info" %}
**Note**: WireBootstrap for Color Admin does not include a license for the Color Admin theme.  A license must be [purchased separately](https://seantheme.com/).
{% endhint %}

To install, copy the WireBootstrap for Color Admin zip file into the `\admin\template` directory off the Color Admin theme root.  Next, unzip the contents of the zip file into the directory.  This will create a new directory called `template_wirebootstrap`.  This directory contains the WireBootstrap for Color Admin project.

![Unzip the Project](https://1156102147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYcwlDkehKxzwWHredew5%2Fuploads%2FmZxaKVpOVK7GqGU8tXYU%2Fimage.png?alt=media\&token=7f6a401c-add5-4260-b8b6-2054d391c0bb)

## Running the Project

After unzipping the project, open the project in a web application editor from the new `template_wirebootstrap` folder. The examples in this documentation use  [Visual Studio Code](https://code.visualstudio.com) but any web editor can be used.  The project has no web service dependencies.

![Open in Visual Studio Code](https://1156102147-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYcwlDkehKxzwWHredew5%2Fuploads%2FHItjysHSXpm6aMZK46yR%2Fimage.png?alt=media\&token=f1c148b6-a8fd-4b50-89df-95af9bbec0ad)

In Visual Studio Code, open a terminal window and run the `npm first` script when running the project for the first time.  This will install the `npm` packages required to run the project and then open the default page in a new browser window.

```
npm run first
```

Use `npm start` to run the project later now that the packages are installed.

```
npm run start
```