# Installation Follow the instructions bellow to find out how to install Vibrance Framework correctly. ## Package Contents After downloading, extract the contents of the zip file. It contains the compiled JavaScript and CSS files.

css
- vibrance-framework.css Unminified CSS file
- vibrance-framework.min.css Minified CSS file
- colors.css Minified color classes file (optional)
- colors.min.css Minified color classes file (optional)
js
- vibrance-framework.js Unminified JavaScript file
- vibrance-framework.min.js Minified JavaScript file

## Project Structure The directory of your project should look like the example below. In production, it is the minified ```.min``` versions of the files that are usually used. These files are "compressed" for faster loading. However, it is preferable to use non-mineralized files in development. The optional ```colors.css``` or ```colors.min.css``` file allows you to use color classes.

Project
- css
  - vibrance-framework.css or vibrance-framework.min.css
  - colors.css or colors.min.css - CSS file allowing the use of color classes (optional)
- js
  - vibrance-framework.js or vibrance-framework.min.js
- index.html Main html file

## HTML Markup The next step is to make sure that your HTML5 documents are linked to the framework's CSS and JavaScript files. Note that Vibrance Framework needs [JQuery](https://jquery.com/) to work. You can also integrate [Font Awesome](http://fontawesome.io/) to get an icon library, but know that the framework is compatible with many other icon libraries. Follow the example below. ```html ```