Create HTML UI using Twitter Bootstrap

Overview: The way this application works is that there is one main page where users can create calculation scenarios. Users can make detailed adjustments based on a series of pop-up modals that are indicated by blue text & a pencil icon on the main page. Finally there is a report page that shows the results of the calculations. Take the Illustrator/Photoshop design files perform the following tasks: 1. Use Twitter bootstrap + JQuery for our Javascript / CSS, we want to follow the bootstrap CSS as closely as possible and if possible include the CSS in less format. 2. Provide extracted assets from the designs (buttons, graphics, header/footer, font, colors, etc.) 3. Create style sheets to support a table-less layout with all said assets. 4. HTML wireframe(s) structured based on the table-less layout defined by the CSS. a. Create wireframes for ALL pages and modals b. Include an example of how a modal should be presented. 5. Supply us with a style guide that defines what fonts are used as well as what colors are used for things that graphics don’t cover. This would allow us to conform to a guide in the event we want to add something that wasn’t considered in the original design later on. What we shouldn’t expect is anything to do with behavior and/or functionality. Meaning, we would be responsible for what it looks like to transition from one view to the next. For example the scenarios adjustment. This will likely be a feature that is provided by the use of JavaScript. Another example is when to show a modal and/or how that happens. We just need them to translate how that should look based on the design.