Old HRA website homepage. It was asked to me to keep this 2001 award winning web design. I convinced them to keep the design line but start working on a new standards compliant, accesible and easy to use new front-end design. As easter egg, they received mobile adaptations for smartphones and tablets of the same design using only css adaptations to keep the development process in budget.

Background section. Heavy-text pages uses multiple columns layout and different listed items layouts all in flexible grid that extend the design proportions to work in every resolution posible. Css3 was used to make resolution-specefic grid changes that keeps information safe from a smartphone screen to a 1600px desktop screen.

Mobile design on a 320px wide resolution (iphone, blackberries, small android phones, etc).