Layout page to approximate mockup

@russellholt I have also implemented the functionality for the "Developer Info" button.

Before click:
![screen shot 2014-10-06 at 15 54 41](https://cloud.githubusercontent.com/assets/3652195/4679882/0c57da16-5606-11e4-9df7-dc917a404c82.png)

After click:
![screen shot 2014-10-06 at 15 54 49](https://cloud.githubusercontent.com/assets/3652195/4679893/18e72228-5606-11e4-8a34-26b5dbef8600.png)


@russellholt Fact is, I'm using this class for other span tags which are nested inside p tags, so I can't have an h4 tag, there.

If that `.bold` class is a problem I can just use `<strong>` tags, it does exactly the same thing as having `font-weight: bold;` inside the css