Our designer has created the attached design for a web page. We need that design converted into a pixel-perfect responsive HTML page.
This site needs to be responsive so that it looks good on mobile phones, tablets, laptop computers, and computers with large high resolution displays. Each of these will be used by the site’s target population, and needs to be considered in the design.
FUNCTIONALITY OF THE PAGE'S VARIOUS SECTIONS
MEET THE TEAM
When a user clicks on a team member’s thumbnail, the thumbnail should change to blue with an arrow (as in the mockup), while the large version of the team members picture should appear at the left with their position, name, and bio to the right of the picture.
The names should be in equally spaced squares (as in the mockup) and have semi transparent pictures behind them (as in the mockup). On rollover, the squares with pictures should go white, and the ones that are white should have pictures beneath...